Not seeing a Scroll to Top Button? Go to our FAQ page for more info.

18 Dec 2014

// // 1 comment

how to change older post and newer post or Home link with image in blogger

change older post and newer post link with image in blogger


Replace Older, Newer and Home Blogger Links with an Image Or Text

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.
If you want change follow below given Steps.
Note  before change in HTML you should Backup you Template In case you make any mistake you can restore your template.                                How to Backup andRestore Blogger Template

Login to your blogger Account
Select your Blog.
Click Template (See Demo Image)  
After this Click to Edit HTML option. (See below demo image)   
    

And Now Click in Expand Widget Templates Check box. (See below demo image)     


Now (Press Ctrl + F) search 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/AVvXsEg5HrhJdAA5nlDe-lA6dBOtQDH3QsNzcwAFsTqiMuCNnbiWYdsVuCM4K4ymDFYk0NefqQ2CmTH_WHoHyOaIyVwcXaNNUX8lXXwkeXC0F_y0oPnklRBuFEVI7J8QqmCAT4oKSM4pIIB265A/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/AVvXsEivCXDsiec74t7Kwp3i9ahH5GlbO04YpBN-mP7YUYaRtPU3iqYTvtAU9NIZY_KoHo9mez0svUCD6uaaHWYVCaq0ZjOuWEKzyPPQMjd7psoh_fz0FXf1Q0kq2i69S7g1bywulsHaHF7684I/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/AVvXsEiSXFaPUochwHp_jSK8y8IvbiWZY83n3mq7iR8XRGK_H4SVjJR0ishQZJSDRoUdPHdPM3qkat5MTUeXI-4xINSL3Xzd3vL2IgXd3GC54liBTLUgfVS-5Y_xKP5_iON5QUzF-IzynJyz-hg/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 imagehow to change older post and newer post or Home link with image in blogger    




Before and After Change Deference.(See Below Demo Image)       



Note- You also can Replace <data:newerPageTitle/> ,  <data:olderPageTitle/> , <data:homeMsg/>
With your Text.

2 Note- you can try your favorite image for older post, newer post and for home Just use below code.
<img src='your Image URL'/>
Your image URL replace with Your Favorite image URL Address.

1 comment:

  1. I’m working in a loan company, and dealing with many clients and many cases every day, so a note-taking tool is very important to help me in case I miss any important detail about MONEY!
    After trying nearly 10 of that, the only two I want to recommend here is MixNote. MixNote notepad notes is the best notes app for android.
    I can take note with text, picture, to-do and voice. Hide private notes. Shake phone to record voice during a call. Stay organized....
    Download Mixnote App

    ReplyDelete