Bloggy Help:

 photo socialmedia_zps413c1040.png  photo helpdeskbutton_zpsb16b6c42.png  photo instagram_zps73b3c07a.png  photo header_zps97df3d3e.png  photo needamakeover_zps6d19d8a9.png

Resize Buttons With a Snippet of Code

Button Heart - find it here

 Not real buttons! You know...on your blog.

It's fun to grab buttons off of the blogs you love to read isn't it? Sometimes they come in odd sizes though.

Are some of the buttons not showing up properly and cut off after you paste them in your sidebar? ... Do they seem too big for the sidebar space? ... You can resize them to fit! Here is a little trick:

All you have to do is add a tiny bit of code after the button code ends:
width="180" height="180"

You can of course, change the 180 to whatever size you need, such as 150 or 125 etc. Basically whatever the size is of your sidebar. (To find your sidebar size you will need to go to your Design Page, Template Designer, and Adjust Widths). If you don't have any idea what a button is or what code is, you might want to read THIS first.

So the code for your button should look somewhat like this when you're done (the bright blue is the new code):

Make sure the width and height are inside the code closers: /></a>

Good luck! Let us know how it works for you.

{This is repost from 2011 but it STILL WORKS!}


  1. very good- I have the buttons with the code that makes them center up so I had to move the snippet around but it worked- thank you - wish I had seen it earlier but now is great!

  2. hooray! this was immensely helpful! THANK YOU! :>D

  3. Great information. I am really new to blogging so I need all the info I can find when it comes to this sort of thing. Thanks for sharing.


Comments are how we stay connected as bloggers. Let us know how you feel and we'll return the favor...stay calm and blog on!!! And guess what? You'll never find Word Verification on our gets kind of annoying when you can't read what WV wants you to verify right?

Note: Only a member of this blog may post a comment.