My Blog Button!

My snazzy awesome blog button!!! :D And if you wanna make sure the image fits comfortably in your sidebar, please read the helpful hints below :) cuz for some reason the code in the textbox creates an image that is much too large.

<div align="center">
<a href="http://hopealwaysandprayconstantly.blogspot.com/" title="Hope Always and Pray Constantly"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5zyAX1d5FwfrJKwmfhlKBHPxNxl-G0ew-Y0AlloWa7QZtmn3b96t0EWcQlgVSYb9BW-HLNsZmjrodWp_Q-Ow0f5dvccjuRePVS2M2YG6Fo_E5N94rDDCfUqGY-N5mZQeQM6pcI0mqdJw/s1600/kitty+cat+praying.jpg" alt="Hope Always and Pray Constantly" style="border:none;" /></a></div>

I think I figured out the sizing, guys. Check out this blog:

http://www.threadingmyway.com/2012/01/how-does-your-blog-look-resizing.html

Here is what she says:

Look at the code and see if there is anything in there that would indicate the size is set. eg:
height="200" width="150"
You can alter the size, simply by changing the value of these numbers. Bear in mind, however, that if the button is a rectangular shape and you want to make it square, it will be out of proportion, which may or may not matter.


If there is nothing in the code to indicate size, you change it by adding code. I add the following:
style="height: 150px; width: 150px;"
Vary the numbers to make the button the size you want. Again, take the original proportion of the button into consideration.

Add the code after the button name, in the example below _nameofgraphic.jpg The extension after the button name will most likely be .jpg or .png.

<a border="0" href="http://blogname.blogspot.com/" target="_blank"><img src=https://sourceand_nameofgraphic.jpg style="height: 150px; width: 150px;"></a>

PS for those of you trying to make your own button, Google is your friend and so are these websites:

http://www.mycoolrealm.com/sandbox/gbgen/

http://betweennapsontheporch.net/how-to-make-a-blog-button-with-grab-box-code-underneath-for-your-sidebar/ 

Soooo, for the size that the image is displayed on my sidebar, I used this code, you can just copy-paste this one:

<div align="center">
<a href="http://hopealwaysandprayconstantly.blogspot.com/" title="Hope Always and Pray Constantly"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5zyAX1d5FwfrJKwmfhlKBHPxNxl-G0ew-Y0AlloWa7QZtmn3b96t0EWcQlgVSYb9BW-HLNsZmjrodWp_Q-Ow0f5dvccjuRePVS2M2YG6Fo_E5N94rDDCfUqGY-N5mZQeQM6pcI0mqdJw/s1600/kitty+cat+praying.jpg"style="height: 175px; width: 175px;" alt="Hope Always and Pray Constantly" style="border:none;" /></a></div>