34.Put Image/Blog logo before Post Title

Monday, November 23, 2009


Step1:-
Upload the image which you wan to place before "Post Title" to blogger or any other image hosting service and copy the image link.
Step2:-Log into your Blog >>Go to "Layout" >>"Edit HTML">>Check "Extend Widget"
Step3:-Ctrl+F>>search for <a expr:href='data:post.url'>


Step4:-Paste the following code below it.(you must change the red colored text with your image url)
<img src='your image url here' style='border: 0; margin: 0; padding: 0;'/>

your changed code appears like this
<a expr:href='data:post.url'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEismAuyN8Rpw0DlsXMywKfZ7zkZ13RNEDUv-O0Qq5PS-kr7yeu46owchl41WuAlaPELtoM_HgtsbQIJ5DL5YoAFrzJAy6FNR2N4MyYy-WUV3f9CVoaIDGFCb6MMkO45sJkuLxEa11aj3qA/s1600/flower d.jpg' style='border: 0; margin: 0; padding: 0;'/>
<data:post.title/></a>



Demo

Before adding image
before post title

After adding image before post title






1 comments:

Brandi @ Peace Love andTwinkies said...

Hi, i followed the steps and then when i saved it and went to view post the image showed up for a brief moment and then it dissapeared. When the image showed up the font next to it was back to the original font and not the cute font I added to it myself. Could that have something to do with it? Any suggestions on how to make my image stay? Thanks for the help :) Brandi

Post a Comment

Track

Search My Blog

Loading