"Handwritten" Notes in the Margins...a question

pcbids · **"Handwritten" Notes in the Margins...a question -** 12-10-2007, 09:50 AM

I've seen some copy in the past that contained handwritten style notes in the margins of the page to emphasize or point out certain points in the copy.

Does anyone have any resources they can point me to that might detail the best use of this strategy? Or perhaps a sales page you feel that utilizes them exceptionally well?

Ross · **Re: "Handwritten" Notes in the Margins...a question -** 12-10-2007, 04:37 PM

I've always liked how Marlon Sanders uses them in his letters.

He doesn't over-do it.

"The Marlon Sanders' Action Grid" for example.

Kyle Tully · **Re: "Handwritten" Notes in the Margins...a question -** 12-10-2007, 05:07 PM

Try CopyDoodles - Hand-Drawn Notes, Doodles, and Expressions for Direct Response Marketers and Copywriters

Mike Humphreys · **Re: "Handwritten" Notes in the Margins...a question -** 12-10-2007, 10:30 PM

I'll put a vote in for Copy Doodles as well. It's a real time saver to use.

davemiz · **Re: "Handwritten" Notes in the Margins...a question -** 12-12-2007, 12:12 AM

Here's the easy way (and the best results):

1. take a slim sharpie
2. write it out
3. scan it
4. crop it
5. save as gif/jpg.

Enjoy

John Ritz · **Re: "Handwritten" Notes in the Margins...a question -** 12-12-2007, 09:36 AM

I use what Dave suggests and also and this site:

vLetter Home - Real Cursive Handwriting Fonts

To put it in the margin, just set up your CSS styles like so:

Code:

#handwrite1 {
   position: absolute;
   right: 30px;
}

#handwrite2 {
   position: absolute;
   left: 120px;
}

The first one positions the handwritten text 30 pixels from the right side of the screen. The second one is 120 pixels from the left.

To invoke the right (first) one, use this code:

Code:

<img src="images/handwrite1.gif" border=0 id="handwrite1">

You can see an example of it here:

The Copywriter's Toolkit

John

pcbids · **Re: "Handwritten" Notes in the Margins...a question -** 02-03-2008, 08:10 PM

Quote:

Originally Posted by John Ritz

I use what Dave suggests and also and this site:

vLetter Home - Real Cursive Handwriting Fonts

To put it in the margin, just set up your CSS styles like so:

Code:

#handwrite1 {
   position: absolute;
   right: 30px;
}

#handwrite2 {
   position: absolute;
   left: 120px;
}

The first one positions the handwritten text 30 pixels from the right side of the screen. The second one is 120 pixels from the left.

To invoke the right (first) one, use this code:

Code:

<img src="images/handwrite1.gif" border=0 id="handwrite1">

You can see an example of it here:

The Copywriter's Toolkit

John

Hi John,

I know it's been awhile since this was posted but I wanted to mention that seeing as how the note margin is determined via the outside CSS, your notes overlap the actual page in all windows resolutions 1024*768 or lower. This means that only about 24% of people see your notes as intended.

Check it out for yourself in a lower resolution.

jleister · **Re: "Handwritten" Notes in the Margins...a question -** 02-03-2008, 08:44 PM

pcbids,

So just use div layers. Google that if you don't know about it.

You can position stuff anywhere on the page... over anything else. So if you create a transparent .png for your handwriting image, you can put it anywhere.

pcbids · **Re: "Handwritten" Notes in the Margins...a question -** 02-04-2008, 11:16 AM

Quote:

Originally Posted by jleister

pcbids,

So just use div layers. Google that if you don't know about it.

You can position stuff anywhere on the page... over anything else. So if you create a transparent .png for your handwriting image, you can put it anywhere.

Ya thanks, I figured it out. I was just letting John know that a lot of people won't see his notes as intended.