How to add an image next to Blogger Post Title alphause

Po ... How to add an image next to Blogger Post Title 12 comments It has often been said that a picture says a thousand words, so in the struggle for the attention of the reader, we can add a picture or an icon to our post title, as I have put in the title of the post in the screenshot above. Show Image Icon before Blogger Post TitleStep 1: First thing first you have to do is to prepare an image. After that you'll need a direct link to an image before you proceed further. You can upload it to tinypic.comand copy the URL located in the Direct Link for Layouts box. Also, make sure your image is sized appropriately. You don't want to see a huge image next to your post title. Step 2:Go to Dashboard-Template-Edit HTML-Proceedif needed Step 3.Click anywhere inside the code area to find (using CTRL + F) the following code: Step 4.After you found it, click on the left arrow next to it to expand the widget's code Step 5.Then delete it until you reach to

:

The code to be deleted: Step 6: Paste the following code in the place of the deleted code inStep 5:

Step 7: Replace the IMAGE-URLtext in blue color from above with the URL address of your image (the one that you've gotten from Step 1). Step 8:Save the Template and that's it! Enjoy :) Like 1 Random Posts Recent Rotating Post Gadget with Excerpt For Blogger19/11/2013 - 8 Comments Spacegallery: image gallery/slideshow made with jQuery27/10/2013 - 8 Comments Add A CSS Animated Share Button on Blogger17/02/2014 - 3 Comments Related Posts: Add a Custom jQuery Lightbox To Blo... How to Add CSS code To Blogger usin... How to add custom Variable definiti... Understanding the Page Elements of ... Advanced Random posts widget for Bl... 12 comments: adrian lucernas 10/10/2012 Hello can you help me on how to transfer the next and back in the center of my blogger post..thanks.. here is my blog.. pinoy meme Reply DATA BIN 12/13/2012 can i get different images for different posts...? Reply Deepti 1/24/2013 Hi, This coding works in Chrome but not the image does not show up in IE. Please help. Thanks, Deepti. Reply Deepti 1/27/2013 Hi, This works in Chrome but when I open my blog in IE the image doesnot show up. I have the IE9 browser. Can u pls help? Reply Admin2012 2/06/2013 Hello , i have problem with integrated this in my blog template...When i paste this code in my html and try to save it i have error: Error parsing XML, line 1156, column 5: The element type "b:includable" must be terminated by the matching end-tag "". i do that and after that another error for not closed div after i close it another error for bif widget ... how to solve this ....Thnks.... Reply Ryan 4/17/2013 I try this on my blog but it doesn't work, how come? can you help me Reply Anonymous 5/30/2013 this worked soooo good until blogger updated their html editor. Could you please update this tutorial too? Reply Replies Admin 5/31/2013 Ok, done it :) Becca Moon 6/09/2013 how to put my picture as header background?? Reply Võ Hoàng Phi 12/13/2013 I want to change size of image thumnail from home page. The image thumnail crop not exactly and look not good like the original image. I want it just scale the image not crop the image. Can anyone help me to solve this problem. http://vietnamradio.i nfo Reply Becky Reckelhoff 1/29/2014 Hey, thanks so much. It worked perfectly. ;) Reply Marssy Reese 2/28/2014 It worked awesome for me too. Thank you so much for the big help :) www.marssyreese.co m Reply Add comment Comment as: Sign out Notify mePublishPreview Privacy Policy| Disclaimer| Terms of Service| Sitemap Back to Top DMCA PROTECTED Search Search Follow on Facebook Helplogger Like 2,787 people like Helplogger . Facebook social plugin Follow on Blogger Subscribe via Email Receive Quality Tutorials Straight in your Inbox by submitting your Email below. Submit Or subscribe via RSS Feed Recent Posts How to Add Numbered Page Navigation Widget for Blogger 5 Easy Ways to Improve the SEO of a blog & Boost Traffic What is the difference between padding and margins? Add a Custom jQuery Lightbox To Blogger How to Use Cookies in Javascript Recent Comments Eliza Lincy How to increase the number of posts shown in Home page after... Varad Parab That was one awsome post...it really helped!!! Anonymous it cause adsense are no longer support blogger anymore. Хай, тэгвэл олно. Tnk you so much. Saved a lot of time. Thanks. :-) Michelle Thought this tutorial was great,just what I have been looking for.... Popular Posts Simple Recent Posts Widget for Blogger/Blogspot Create A Rollover Image Effect (change image on mouseover) Recent Comments Widget For Blogger How to remove Blogger Picture/Image Shadow and Border