Saturday, May 12, 2012

Add Your Profile Pic To Post Titles in Blogger

0 comments

Sometime you see that the profile pic of the blog author along with his post title. It simply make an additional attraction to blog. You can make your blog professional also. For this technique you create a small pic [40px x 40px] which is also same as your profile pic and svae it.For do this technique follow the instructions below.

1. Go To Blogger > Design > Edit HTML
2. Search for .post h3 or .post h2
3. You will see a similar code like this,

.post h3 {
color: #7CA2C4;
font-size: 20px;
font-family: Arial, sans-serif;;
font-weight: normal;
margin: 0px;
padding: 0px 10px 0 47px;
}

Replace this complete code by below given code

.post h3 {
background:url(PASTE YOUR IMAGE LINK) no-repeat top left;
color: #289728;
font-size: 20px;
font-family: Arial, sans-serif;;
font-weight: normal; height:45px;
margin: 0px;
padding: 0px 10px 0 47px;
line-height:1.1em;
}

Replace color code - #289728 with the post title color code of your blog.[ Please Upload Image In Blogger Account]

How To Upload Image In Blogger and Find The Image Code ?

Leave a Reply

Related Posts Plugin for WordPress, Blogger...