At the request of Audrey at My Tiny Truths blog, here's how you make a simple change to add a signature or scrap a signature to be automatically included in every post. As always, if you have any questions, please feel free to contact me.
Step 1 – Create your signature
Scrap a signature with whatever dimensions you choose. I scrapped mine at 700 x 177 pixels and 300 dpi. This is extremely large so, when you use the code, you must resize to a smaller unit WITHIN THE CODE itself. This is definitely best if saved as a PNG (transparent to allow your beautiful background to show through ;o)
Step 2 – Upload your image
Upload your image to your favorite photo hosting site and get the direct link. Save the link.
Step 3 – Format your post
Go to CUSTOMIZE/SETTINGS/FORMAT and scroll down to the bottom where you will see POST TEMPLATE. Here you can add just text or you can add your scrapped image.
Paste the following code in the POST TEMPLATE, making sure to ADD your direct image link, AND making sure to use your dimensions (or reduced dimensions) where the code says WIDTH and HEIGHT. You can also choose LEFT, CENTER, OR RIGHT. Most signatures are left so I chose that as my sample.
<div></div>
<img style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 300px; CURSOR: hand; HEIGHT: 76px" alt="" src="DIRECT IMAGE HERE" border="0"/>
Step 4 – Save Settings
Save your settings and view your blog. The <div><div> part of the code is to give you the space you need to begin typing your post. The signature will move down as you type.
Step 5 – Practice
Write a new post with your new signature, and please be sure to write and INCLUDE your BLOG ADDRESS so we can all celebrate your success with you!
Jeanette,
ReplyDeleteThank You so much!!! You are just wonderful!!
Here's mine http://justbeingcrafty.blogspot.com
Hi Jeanette
ReplyDeletethank you for stopping by my blog and for putting me on yours - I really appreciate it!!!
now I'm off to try your latest tutorial and see what I can come up with - THANK YOU SO MUCH for all of your wonderful tutorials - I'm learning so much by reading your blog.
{{{hugs}}}
Vicki
Thank you so much! I've been trying to figure this out! :)
ReplyDeleteHello, my name is Cameron, I am 6. My Nana is called Funky, Would you please visit my blog because I have an award waiting there for you. My Nana says your blog is very helpful so I came to have a look too. I like it very much. I like the slide show with the horse & the motor bike too. Love & jellytots from me, Cameron xxx
ReplyDeleteThank you so much for the tutorial on that I have wanted to do it for so long.
ReplyDeleteJoy
hi jeanette
ReplyDeletei love this one also
ree did my signature
thanks to your idea
i just love this place
keep playing with all your tuts
wooohooooo girl you rock
hugs Leonie
http"//tattylover.blogspot.com
I stumbled across your blog the other day, and I've really enjoyed it. You're fantastic at explaining things in a way that I can easily understand!
ReplyDeleteThanks,
Liz
( www.thoughtsbyelizabeth.blogspot.com )
For my "signing" signature, I did create it with frames, just erasing a little bit at a time. It's just like a blinkie. I think I erased a section about 11 pixels in or so each time.
ReplyDeleteLiz
Jeanette, I am so thick-headed but I finally figured the post sig out and I LOVE it! I have given you credit in my latest post so please take a look. Thanks so much for your how-to, tuts, tips, etc.! hugs
ReplyDeleteThanks Jeanette,
ReplyDeleteStill trying to get it to work for me, but not giving up.
Cathy
Hi Jeanette - finally got round to doing this one! I have started doing my other blog and put the sig on there! It looks great!
ReplyDeletewww.angelfayescorner.blogspot.com
Thank you - again!!!!
xx
Hi Jeanette
ReplyDeletewhat's the chances of learning how to change the preformatted font colours??
Here's hoping xx
Just saw your blog at Chingjp.. and it is really an informative one especially for a beginner like me... First thing I did try is the background layout, putting slides and scrapping the signature... I don't know why it is like that...there are borders in my image once it is in my blog. Hope you can help me w/ this one... thanks a lot
ReplyDeleteHey again Jeanette! When I made mine it gets smooshed. I used a smaller one then went back in and made it larger. Still confused.
ReplyDeleteHere's the item I made for my signature.
http://i481.photobucket.com/albums/rr172/jmparris73/blogsignature3-Page001.jpg
I also tried just copy the html code but then it is large and far right...
Thanks for your help,
Jenifer
www.jmparris.blogspot.com
Thank you so much for your help...God bless you.
ReplyDeleteDear Jeanette,thanks for help.Your tuts are very good!
ReplyDeleteAnd a detail!
My english is not good,lol( im from Brazil).
Thanks,thanks a lot!
Have a peace of Jesus C.!
Thank you so much for these instructions!!
ReplyDeleteKat's Creations
I saw your comment on my blog -- I would love to see the photobook! Just let me know on my blog where I can see it or email me at katscreations23@yahoo.com
ReplyDeleteKat's Creations
Love love love your helpful BLOG but I also have the same problem as SIMPLY TESS... the border around my signature.
ReplyDeleteCan we get rid of the box around the signature, please please please :-)))
The absolute easiest way to get rid of lines around your photos (including your signature) is to use Windows Live Writer to write and publish your blog...you just click on the image (in this case your signature) and select no border on the right.
ReplyDeleteYou can also go to your HTML and use the CTRL + F (find key) to find the word solid and delete them and just before the word solid will be a 1px change it to 0px (zero) and it will delete all of them in your entire blog.
Here's to more happy scrapping, and
Hugs from the heart,
Jeanette
Jeanette... it worked for me so many, many thanks.
ReplyDeleteI'm going to upload a new blog layout for Christmas so will send you a link when I do so you can have a look at my 'signature'.
You're a true sweetheart...!!!
This comment has been removed by the author.
ReplyDeleteOh what a great tutorial! I am loving your site! Thank you so much! I am following too. Just created my signature.
ReplyDeleteFabricPhotoMemories
IDoDesigns
ReplyDeleteJeanette... I just found your blog, and might I say... YOU ARE A GOD SEND!!!!! I have followed the directions of some of the more well-known sites and just could not get their codes to work. Once I followed your instructions I was able to FINALLY get everything just like I wanted!!! I SO appreciate the willingness of others who so graciously take the time to help out others who are trying to feel their way through this blogging world. Thank you for being one of those giving people!!!! I will now be following your postings - hope you will pay be a visit as well! God bless you richly!!