About

Thursday, 22 August 2013

How To Change Older Post-Newer Post With Image In Blogger/Blog


Replace The Older Post And Newer Post And Home Link With Image in my Blogger/Blog.

Friends do you want change older post newer post and Home link text with cool pictures like right arrow left arrow or Home Icon and with your favorite text.

Follow My Steps :
  • Login to your Blogger Account.
  • Select the Blog.
  • Click Template (See Demo Image)
  • Now (Press Ctrl+F) serach for the below highlights codes in your template.
expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
expr:href='data:blog.homepageUrl'><data:homeMsg/></a>


For Change Older Post :
Replace <data:newerPageTitle/> with below Code.

<img alt='Previous Page' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_p02Rg7U1kUhgTZIQyEs4zyflJoSEiEUlRDVaqnPftHqHJ6StOtfBvBkRTyjEIyrdoEMUh6DpF_nghbHZI9pcQa-4e0TKY9fTuGTK1YHGNl-9kr5gurloVBuTge-C_4R9E2Ashju6qhg/s96/Previous+page+button.png'/>


For Change Newer Post :
Replace <data:olderPageTitle/> with below Code.

<img alt='Next Page' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaCGZ_kkP6elbFvX6XWhkVIqET3h5gUE2IfsfrGBOa6Wf1aCd2WbaCwSC9rFsjXuXVW4q5vpWqHZZBJSfui53pss4Q5P-C386Dg-R1wYM-XSUulkScoM66JoboBW1pgTTb6B0m6eBigN0/s96/next+page+button.png'/>

For Change Home Text :
Replace <data:homeMsg/> with below Code.

<img alt='Home' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHuy7Ox7OA5xMZ2lk6ERxUdROA1V8qHGXfN7qkB_LMWNfrQw6YqpxqxOcMaLaJMoR7aurHMkaEB2aKNA1O7TJeNsMAVid5ny58zkCjeLLEbXSOG08LnTg6Sd9xsRPWxlk7YIMKHjh8vmI/s50/Home+Button.png'/>

  • Now After all change Save your Template (See Below Demo Image)
  • Now your blog is ready for new style now it will look like below image how to change older post and newer post or Home link with image in blogger/blog
  • Before And After Change Deference.(See Below Demo Image)
Note : You Can Try your favorite image for older post,newer post or Home link Just below Code.
<img src='your Image URL'/>
Your Image URL Replace with your Favorite image Url Address.

0 comments: