Behind the Blog – Blogging Basics
Thursday, July 19th, 2007 at
11:05 pm
Have you ever looked at someone else’s blog and wondered “How do they do that?”, “How did they put that picture in their header?”, “How did they link that picture?”.
Well I’m here to hopefully answer some of these questions for you. I am by no means an expert, but I am going to share with you what I have learnt while trying to change the look of my blog 
If you have a question or an idea for a future Behind the Blog post leave me a comment or send me an email.
I have recently been asked how I made the picture links to my other blogs in my left sidebar, (Thanks Misti) so this is going to be my first post
Adding Picture Links to your Blog
Firstly you need the picture. Because I made the headers myself I have them saved on my computer so I was able to easily resize the original header down to make it fit into my sidebar.
If you don’t have the header picture file saved on your computer, you will need to go to the blog or web page where the header is located, right click and SAVE PICTURE AS…..
Once you have it saved to your computer, you need to resize the picture using your photo editing software. I have resized mine to a width of 200 pixels. Then SAVE the image.
Next you need to host the image, I use Photobucket or you could use a similar photo hosting/sharing site.
Once you have the header file uploaded to your photo host, go back to your blogger account. Click on the TEMPLATE TAB and go to the PAGE ELEMENTS section.
Click on ADD AN ELEMENT in the sidebar, then open up the HTML/JavaScript element.
In the content box you need to add the following HTML:
Replace WEBSITE ADDRESS with the url of the website you want to picture to be linked to.
Replace GRAPHIC HOST ADDRESS with the url provided by your photo host.
Replace DESCRIPTION with the name of the blog you are linking to.
Once you have done this click on SAVE CHANGES and view your blog.
I hope this has helped you, if you have any questions or if I haven’t been clear enough about the directions please leave me a comment
Filed under: Blogging
Like this post? Subscribe to my RSS feed and get loads more!
I love your new layout. I feel like the mom looks in your header! Except, without the cat…mine wandered off.
Thanks for the tip on making picture links! I’ve been trying to figure it out…
This is a great post. I know a lot of other mommy bloggers need to know these types of things. Thanks for sharing.
You’ve helped me out a great deal! Thank you so much! Blessings… Polly