Images are something that makes the look of blog or website attractive and beautiful. Without images your blog/site looks dead and visitors or readers do not pay so much attention to visit your blog/site again. Images are one of the powerful tool by which reader or visitor thinks that the blogger or webmaster is passionate and wants to maintain his blog/site which left a very good impression. So they keen to visit your blog/site again and again to check out something new which increases your blog/site traffic and readership. So as i am talking about images in blog/site, I am going to share a tutorial which is to show the “Author Picture With Blog Post Title.” To add this feature in your blog, follow the simple steps below:
1. Log in to your Blogger Dashboard.
2. Go to Template.
3. Backup your Template. (Click Here To See, How?)
4. Click “Edit HTML”.
5. Press CTRL+F and type “.post h3” or “.post h2”, you will find a code similar to this:
.post h3
{
color:#369;
min-height:50px;
font-family:Helvetica,Arial,sans-serif;
font-size:24px;
font-weight:bold;
line-height:130%;
margin:0 0 5px;
padding:10px 0 0 0;
text-decoration:underline;
margin-top:-15px
}
6. Replace the above code with the following code:
.post h3
{
background:url (YOUR PICTURE URL GOES HERE) no-repeat top left;
color: #289728;
font-size: 20px;
font-family: Arial, sans-serif;;
font-weight: normal;
height:45px;
margin: 0;
padding: 5px 10px 0 40px;
line-height:1.1em;
}
7. Click “Save Template”.
You’re done. Refresh your blog to see Author Picture With Post Title.
This is how the feature looks like:
Note:
Replace (YOUR PICTURE URL GOES HERE) with your own PICTURE URL.
Change values in padding: 5px 10px 0px 40px to adjust according to your OWN SETTINGS.
- Drop Your Comments Below And Don’t Forget To Share The Post.
