Web Hosting

Many bloggers would like all of their images to be aligned and centered. Centered images do tend to look better overall as they are organized and give a clean cut look. centering your blog images is very easy and once you learn how to do it, it will take only a few seconds to center each image on your blog.

 

In order to center your blog images you need 2 things. First you need an image url and 2nd you need to know the code to center the image.

 

Both are very easy, don't worry.

 

1st- If you use Blogger and you upload your images in the sidebar via the image uploader you CAN NOT center them. So, in order to center your images you will need to start storing your images on a free image hosting site. I suggest Photobucket, it's free and very easy to use!

 

Once you have your images on a free storage sit you will be able to grab a code for the image, it should look something like this:

 

<a href="ENTER THE URL WHERE YOU WOULD LIKE THE IMAGE TO LINK TO HERE" target="_blank"><img src="http://i907.photobucket.com/albums/ac278/Murray644/Blogaholic/BlogaholicDesignsButton-1.png" border="0" alt="Photobucket"></a>


 

2nd- Now that you have your image code you will need to add a few things to it  in order to center it!

 

<center><a href="ENTER THE URL WHERE YOU WOULD LIKE THE IMAGE TO LINK TO HERE" target="_blank"><img src="http://i907.photobucket.com/albums/ac278/Murray644/Blogaholic/BlogaholicDesignsButton-1.png" border="0" alt="Photobucket"></a></center>

 

Now your image should be centered!So enter the <center> CODE </center> tags to all your images and that's it- not so bad and now all your images will be centered!

 


 


Views: 681

Comment

You need to be a member of Blogaholic Social Network to add comments!

Join Blogaholic Social Network

Comment by Emily Murray on August 25, 2011 at 8:51pm
Salena if you don't mind posting your code here I can look at it, blog buttons with the grab code below are a bit different is that what you are trying to put up or just a button centered?
Comment by Emma S on August 25, 2011 at 4:07am
Just thought I'd add - if you don't want the image to link to anywhere (which I rarely do), you can get rid of of the whole 'a href' section of the code (including the final /a), leaving you with just the img src section.
Comment by Salena Lee on August 25, 2011 at 2:04am
I tried this but it didn't work for me.  I tried to link up blog buttons in the HTML/java script gadget.  When I tried the code it made it worse.  What am I doing wrong?

Blogging Resources

Web Hosting



© 2018   Created by Emily Murray.   Powered by

Badges  |  Report an Issue  |  Terms of Service