Center Blogger Post Images Correctly

Center Blogger Post Images Correctly

Blogger has inbuilt option for adding image to posts easily by simple click. You can also choose size for image by clicking on image and choosing small , medium , large or x-large. But sometimes there is a problem alignment occurs in images and they are either slightly aligned towards right or left even after aligning them to center. Which makes them look pretty bad and they worsen the look of your articles.


So, the best approach to solve this problem is use of custom CSS. Below is the tutorial with CSS codes to align images in center, these CSS uses block and margin properties to align all the blog post images to center.

How to align images to center in blogger ?

Step1: Go to Blogger > Theme > Edit html.

Step2: Click anywhere in the codes , then press Ctrl + F and search for ]]></b:skin>

Step3: Paste below codes above ]]></b:skin>

#Blog1 img {
display: block;
margin: auto;
}

Step4: Save changes, that's it.

No comments:

Post a Comment