Blog ButtonsOh this brings back memories. About a year ago, a few of us were scrambling around to find the HTML code for a blog button. You know, that little 125×125 pixel ad we bloggers like to create for our blogs. It’s actually a pretty cool promo tool. Even cooler when someone can grab the button’s code and paste it on to an Awesome Bloggers page.
Anyway, I grabbed the awesome coding from The Mama Hen and TaaDaa! we’re all in business.
Now it’s a year later, my sidebar is wider and I’m thinking, it would be cool if the code was beside the button. It’ll save vertical space, ya’ know? And what’s the most organized way to place anything in HTML? In a table.
- <table border=”0″>
- <tr>
- <td>PLACE THE FIRST PART OF YOUR BUTTON CODE HERE</td>
- <td>PLACE THE SECOND PART OF YOUR BUTTON CODE HERE</td>
- </tr>
- </table>
Remember to mess with your Rows + Columns (rows=”8″ cols=”18″) coding to adjust the height of your code box so the button and the code box will be similar in size. When copying the code, be sure to copy the text only and not the bullet! It will trash your coding.
Here it is, compliments of The Mama Hen’s How To Make A Blog Button .
[div align="center"][a href="http://www.YOURBLOG.com" target="_blank"][img src="http://YOURIMAGEURL"][/a][/div]
[div align="center"][form][textarea rows="3" cols="19" readonly="readonly"][a href="http://YOURBLOGL.com" target="_blank"][img src="http://YOURIMAGEURL"][/textarea][/form][/div]
Replace all the brackets [ and ] with these symbols: < and >.
And you’re good to go!
Check out mine in the sidebar! And be sure to check out the Awesome Bloggers I recommend!
Let me know if you run into any troubles and please share this post via stumble, twitter or facebook.
By the way, to kick off my renewed blog and to promote my WordPress Design + SEO services, keep your eyes peeled for next month’s custom WordPress Theme Giveaway and a special discount on my services!
Eh, forget about keeping your eyes peeled, just subscribe to my newsletter or rss feed. Those who signup for the newsletter will get an earlier heads up and insider info on how they can earn commission from being an affiliate.
Recent post : How To Embrace the Google Penguin
Recent post : Activate your Inner GPS, Your Intuition
Recent post : Friday Find: Pedometer to Teach Kids Math and Fitness
Recent post : We have egg-citing news!
Recent post : How to Filter Inappropriate Web Content with OpenDNS
This site does not perform well in some versions of SAFARI
Copyright © 2011. All Rights Reserved.
Search Engine Submission - AddMe
Designed by Vanita Cyril.
social media icons in header provided by MediaLoot.com
Thanks for the lesson! Great info on how to do it! Keep doing what you are doing and help others to make better sites! Have a great weekend! Have a great month of November as well!
Its not black…its grey. Tried the white, but it didn’t fit well. Any other color suggestions? Would a bigger font help?
vanita recently posted..Blog Button (Side by Side Version)
Twitter: BeautifulSpitUp
says:
That’s a neat change for those with wide side bars. Any chance you’d consider changing your content background to white and the text to black? The white on black is killing my eyes!
Thank you elaborating wonderfully how to implement the use of blog button. I has helped me and many, I shall keep my eyes fixed on your blog!:

Leo recently posted..Porque YO voy a dejar de fumar : algunas razones
Twitter: momgosomething
says:
this is awesome help!! Thank you so much!!
Kimberly recently posted..I Wish That I Didn’t Have These Thoughts
you are very welcome hun! i remember seeing it like that on someone’s blog weeks ago, but i couldn’t remember where. i figured this is the easiest way to build it. there may be a better way out there, but this seems to work. my duct tape and bubble gum approach. lol
Vanita recently posted..Blog Button (Side by Side Version)