For a complete list of How To's follow this link.
If you're looking for something else,
check out the LABELs drop down menu.

Friday, December 29, 2006

How to: Add a button to Blogger Beta

Further to my post in November explaining how to add a link to a button or photo in 'classic' blogger, I am happy to say that it is even easier to do in Blogger Beta.

Just follow these simple steps and you will be able to add your favourite buttons to your blog in no time at all:

1) Log in to Blogger.

2) From the Dashboard, choose the blog you wish to edit.

3) Click on the Template tab.

4) When you arrive at the 'ADD AND ARRANGE PAGE ELEMETS' screen, click on the 'Add a Page Element' option in the sidebar. Then, choose 'HTML/JavaScript' and click ADD TO BLOG. (This saves you loads of time as you don't have to open your template, paste in the link, save it and republish it.)

5) A new dialogue box should open and it looks something like this...

6) Choose a name or title for this 'box' - e.g. My Blogs. You then need to enter the link tags and image source as explained here in a previous post. Don't forget to SAVE CHANGES!

7) As you can see from the screenshot above, this is the actual html for my buttons and their relevant links as it appears on my blog. If you want to learn how I created the buttons for my blogs, you can read about it here.

9) One final thing: once you save the changes, you can simply click and drag page elements on the ADD AND ARRANGE PAGE ELEMENTS screen.

I hope you will find this useful. Any problems let me know. Good luck everyne!!!


Add a button or photo to a link in blogger beta


catsmum said...

thanks Bernie
That makes perfecr sense
cheers and have a happy New Year

Rositta said...

Me again, the dummy in T-Dot. I tried customizing the template, ran into problems with figuring out how to insert Flickr and my Counter. At that I gave up, reverted to the original, which luckily I saved. I think I'll just stick with this for a while, I spent way too much time on the computer today, not lol

HomeMadeOriginals said...

I can't seem to get the photo for the ring to show. I have the code in my sidebar and it works (previous and next buttons) I can't put the photo there. I did get it into one of my posts but that didn't seem to make it appear in the sidebar. Help would be really appreciated.