Tuesday, March 29, 2011

blogging tip #3.


how to resize badges on your sidebar.

ok so not all the badges you grab are the same size. isn't it annoying?? it makes your blog looks so messy. well it annoys me a lot. as you can see, my side bar is so neat.

you like???? so easy. all you have to do is add this little code in the html of each badge:

width="200"
 
right at the end before the /></a></p>. the size is in pixel, obviously it doesn't have to be 200 px. it can be any size you want. 
 
so on your blogspot dashboard, click "design" and click "edit" on the html of the badge you want to resize.
 
for example, this is the html code for the AYAZINE badge is:
 
<a href=" http://ayazine.blogspot.com/"><img src="http://i1143.photobucket.com/albums/n627/ayazine/updatedayazinebutton.jpg" border="0" alt="AYAZINE" /></a>
 
the default size of my badge is 200 px. let's say you want to resize it to 150 px, you add the code like so:
 
<a href=" http://ayazine.blogspot.com/"><img src="http://i1143.photobucket.com/albums/n627/ayazine/updatedayazinebutton.jpg" border="0" alt="AYAZINE" width="150" /></a>
 
and that's all there is to it! happy blogging!
 
still don't get it? leave a comment. want more blogging tips? click here. 

2 comments:

  1. Thanks for the tip. I have been looking for an easy way to do this. Really helpful.

    http://shellseaoberski.blogspot.com

    ReplyDelete
  2. shellsea - thanks and i'm happy to help! happy blogging! xoxo, ayan

    ReplyDelete

i'd love to hear your thoughts and make new friends!!
lots of love,
ayan

Related Posts Plugin for WordPress, Blogger...