How to: Create Your Own Button or Badge

Friday, September 11, 2009

I learned and created my own button or badge with the help of Tina, The Blog Fairy's article. And now it's my time to share because I know most of you would also love to have your own button or badge. Here's how:

  • You need to design first or create an image for your button. You may download for free or create one for your own using any image editor such as Photoshop etc. You can also opt to use just a text. Set it to a size that will fit in on where you wanted to put your button. Mine is on my left sidebar, you can right-click on it to check it's dimensions. Then upload it to any web image free hosting services like Tinypic or Imageshack
  • Then share it with HTML, on your blogger account, click on Layout, then Page Elements, Add a Gadget, then the Html/Javascript option. Copy and paste the code below:




<img src="http://yourphotolocationhere.jpg" /> <br/> <textarea rows="2" cols="15" style="text-align:left"><a border="0" href="http://www.yourblogname.com" target="_blank"><img src="http://yourphotolocationhere.jpg" /></a></textarea>


  • Make sure that you replaced this portion of the code (http://yourphotolocationhere.jpg) to the URL of your image and also this line to (http://www.yourblogname.com) to your blog's URL.
That's it :) You now have a badge or button that your readers can grab! Feel free to leave some comments or questions.

3 lovely thoughts on this:

rjs mama September 11, 2009 at 10:31 PM  

thank you for this very informative post. where did you get pics for your badge sis?

RJ's day to day activities
Journal of RJ's mom

Marice September 11, 2009 at 11:31 PM  

hey sissy, its the same image as my banner.. and it was created for me by tina.. you may shoot her an email or leave a comment on her site if you wanted her to create one for u :) she 's our blog fairy :)

btw sis, your question re scrolling bar, im still looking for my resources and ill post it here for u once i found it na...

Hannah April 5, 2010 at 3:22 PM  

ate mian thanks! hehehe nakagawa ako ng badge ko =)

nagbigay ako ng link ng tutorial mo sa gt hehehe

Post a Comment

Thanks for leaving some love :) and for not spamming ;) Muahugzzzz!

Related Posts with Thumbnails

Thanks for Visiting :)

Link/Badges Collections

About Me

My photo
Alabang, Philippines
The Sexy Wife of Chichi, a Loving Mom of our little tot and a certified Super GirlTalker! Thanks all for dropping by and leaving some love! Please don't forget to FOLLOW me, its on my sidebar. And to those who already followed me, I'll definitely return the favor :) If ever I failed, please don't hesitate to grab my attention. I prolly just missed it. Thanks again! Smooches to all! Don't forget to leave me some love when you drop by :)

Awards That Were Shared to Me


Get your own free Blogoversary button!

Thanks For Visiting Guys!

  © Blogger template On The Road by Ourblogtemplates.com 2009

Back to TOP