Ever wonder how someone was able to center a button or image. Maybe you loved the way their blog looked because all their buttons and images were the same size. Here's how to do that and make your blog look organized and together.
I will give you an example for a button in your sidebar.
Step 1: When you add a button in your sidebar the HTML Code will look something like this:
<a href="http://www.amommyssweetblogdesign.com" target="_blank"><img src="http://i1197.photobucket.com/albums/aa429/mommyssweetthings/A%20Mommys%20Sweet%20Blog%20Design/AnotherDesignButton.png" border="0" alt="Button" /></a>
Step 2: To have your button centered in the sidebar add the code <center> at the beginning and </center> at the end. It should look like this:
<center><a href="http://www.amommyssweetblogdesign.com" target="_blank"><img src="http://i1197.photobucket.com/albums/aa429/mommyssweetthings/A%20Mommys%20Sweet%20Blog%20Design/AnotherDesignButton.png" border="0" alt="Button" /></a></center>
Step 3: Now to adjust the size of your button/image you will need to add a code for the height and width.
<center><a href="http://www.amommyssweetblogdesign.com" target="_blank"><img src="http://i1197.photobucket.com/albums/aa429/mommyssweetthings/A%20Mommys%20Sweet%20Blog%20Design/AnotherDesignButton.png" width="100" height="100" border="0" alt="Button" /></a></center>
You can change the width to what ever size you need or like. Change 100 to 125 or 80... whatever works for you!
You can use these same tricks in your posts but you need to be in the "Edit HTML" area. Leave me a comment below if you need more help with this.
