Add an Image Next to Blogger Post Title

How to add an Image Next to Blogger Post Title:

By default the blog post tiles are simply displayed as plain text in your Blogger blog. We can add an image next to post titles in your Blogger blog. Adding an image next to posts tiles in your Blogger blog is good idea. By adding image related to your post next to post titles, visitors can easily get some clarity about the post content. So better to add an image related to your blog posts. In this post I'm showing you one basic method to add an image next to post titles in your Blogger blog .

Follow below steps to add an image next to your post title in Blogger.

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on Edit html

Step 4 : Look for  /* Posts
 ----------------------------------------------- */

Add below code under Posts section

.post h3 {
background:url( "image url ") no-repeat top right;
color: #2CB1C7;
font-size: 10px;
font-family: Arial, sans-serif;;
font-weight: normal;
margin: 0px;
padding: 0px 10px 0 35px;
}


Step 5 : Click on Save template.

Once after adding the image as said above, that image will displace next to the post tiles in your Blogger. Same image will display next to all post titles in your blogger blog with this method.

No comments:

Post a Comment