Add Author Image Beside your Blog Post Title

Add Author Image Beside your Blog Post Title Profile image beside your blog post titles gives you more personal feel to your site. It indicates the credibility of real author to readers and the site doesnt generate auto content with no attention to readers. Before proceed make your picture40px X 40pxby using any image resizer and upload it in any image hosting site likePhotobucketorBitlyand get the image link. So now let's add this beautiful trick to your blogger blogs and make things even more eye catching. Step 1Log in to your blogger account and Click on Template -Edit HTML- Proceed Step 2Now find the below code in your template by pressing Ctrl+F (Windows) or CMD+F (Mac) .post h3 { color:#04BDFA; font-size: 20px; font-family: Arial, sans-serif;; font-weight: normal; margin: 0px; padding: 0px 10px 0 47px; } The Code can be differentbut concentrate on .post-body h3 { or .post h2 { Step 3Replace this entire code with below code, .post h3 { background:url(IMAGE LINK OF YOUR PROFILE PIC) no-repeat top left; color:#04BDFA; font-size: 20px; font-family: Arial, sans-serif;; font-weight: normal; height:45px; margin: 0px; padding: 0px 10px 0 47px; line-height:1.1em; } Customization Now replace theIMAGE LINK OF YOUR PROFILE PICwith your own image link Replace#04BDFAwith the post title color code of your blog. UseBloggerSpice Color Pickerfor more color code. Step 5Save your template and you are done! If you faced any problem then do not hesitate to leave a comments. Happy Blogging!