Add your Profile Pic or Avatar next to Post Titles in Blogger

Posted By Ravi Patel on Friday, 12 April 2013

Adding image to below post titles and that begin profile picture show minimum size of next blogger post appear him. it i want so touching picture show on your site, blog, or wordpress, and etc   and more author appear thats appear any time will be changing picture. frame time show picture  and no attention to readers. this picture each or post to be added in their post. example show it below or this picture i want to just demo this.so let us no waiting just put in your blog or etc very beautiful add on blogger post. kindly first view the picture just this demo.




Add Profile Image To Next Post Titles.

1. Go To Blogger login
2. Backup template
3. Control + f search .post h3 or .post h2
3. You can choose any one code and replace

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

Replace This One Code it

.post h3 {
background:url(IMAGE LINK OF YOUR PROFILE PIC) 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;
}

4. Replace all things appear him like image, color, border, font, and etc.

  or you can try this without border,

That will Replace border and without border.

Replace #289728  #7CA2C4  #289728  #7CA2C4

And Save it Done.