How To Place A Button In Your Sidebar
Buttons are cute little icons that are made to represent a blog...usually in a smaller pixel* format, like 150x150. A lot smaller than one's banner/header pixels.
So, if you love a blog or a product and want to show the world you care about that item or blog, then you'll want to copy and paste the code they offer beneath their button. If they don't have code posted, then all you have to do is right click the "picture" of the button and save it to your desktop as a .jpeg*. If code is available all you have to do is copy and paste. (BTW, you don't want the code to show when you add the button).
Open your blog "Design" tab and look at your layout.
You will see in blue Add A Gadget at the top of each column in your blog. Usually we have no more than two extra sidebar columns.
Click Add A Gadget in the column of your choice and a box pops up with your choice of Gadgets. Click on the HTML/Java Script gadget, and this will open a box for you to paste the code you copied into it, and click Save. You can then drag this new gadget to the location up and down in your sidebar and drop it there. Click Save again.
If you saved someone's button as a .jpeg (picture), then in Add A Gadget click on the Picture gadget. Here you will be prompted to upload the .jpeg from your computer. Make sure to add the correct link so the button will click through to the blog or website it matches.
You may drag and drop to the location of your choice in your layout.
Always remember to Save, or your work will disappear!
Now View your blog. You will see the newly loaded button in your sidebar. It's always a good idea to click on it and make sure the link is working correctly. If not, just click the edit icon and re-type the info. Sometimes grabbed code does not work...it's always best to write the owner and ask them for a tip on correcting it.
Hopefully this mini-tutorial will help you grab a few buttons and not worry how to install them.
Click here and practice with one of our bee buttons...the code is posted below each button. If you'd like to learn how to create your own button and code, check out our tutorial here.
This tutorial will be added to our How To's page if you want to find it in the future.
Labels: BGB Tutorials