Default page navigation links in blogger blogs are simply not appealing. At the bottom are of your blog it shows two links such as “Older Posts” and “Newer Posts“. Few times readers get confused with these links. So, it’s better to change these page navigation links with some cool images or texts. Using some quick HTML edits we can rename these navigation links and can also customize them to look better.
How To Replace In Blogspot?1.) Go To Your www.blogger.com
2.) Open Your Desire Blog.
3.) Go To "Template".
4.) Click "Edit HTML".
5.) Now Check On "Expand Widget Template".
6.) Replacing The Older Post Link:
Search For <data:olderPageTitle/> And Replace It With Below Code...
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRpz6VaAJZvI_w2ebqRKvFIcfFq95knwk3_HvBzcDOlz1QGCF-J5h0mxSGcfPe8O6X9SNJcWPYqLJBjq3TyJcoOAqxa2_LzT9A_5tYuu04NBWfA2RDvFa9lSkXL4yEqbnF9zdnMcCiU291/s1600/w2b_next.png' style='border: 0 none;vertical-align: middle;'/>
7.) Replacing The Newer Post Link:
Search For <data:newerPageTitle/> And Replace It With Below Code...
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-F_a62J9Slqu22DAq53er_eVifJYys_GF0ZasR6TMU25B_C580eCWdnPFlmvetWPsx9i-5KoJ95X7j-1DWJmPkElnHzjoMo0Oz7lRVx3U4odvH6xikGU7lrX-3QLmkSZ8WiwX3Fo-K_zS/s1600/w2b_prev.png' style='border: 0 none;vertical-align: middle;'/>
8.) Replacing The Home Link:
Search For <data:homeMsg/> And Replace It With Below Code...
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyG8IwIqgOlJDzupNAAVnP9OjZOTnfHvAZHmFKMvNHrZY6w_oVGe3nQktBOFeNfDNHWwc41X4JD5j5ueHazCs2Q68jRJ1zz0zhiE33815TSIYFBuD15E0x73LeoE1P8rzjk30KncTWa4CD/s1600/w2b_home.png' style='border: 0 none;vertical-align: middle;'/>
Some Buttons URL Here..........
Next Page: http://i1190.photobucket.com/albums/z444/imManuelGarcia/SmallNext.png
Previous Page: http://i1190.photobucket.com/albums/z444/imManuelGarcia/Smallprevious.png
Home: http://i1190.photobucket.com/albums/z444/imManuelGarcia/Smallhome1.png
Next Page: http://i1190.photobucket.com/albums/z444/imManuelGarcia/NextBlue.png
Previous Page: http://i1190.photobucket.com/albums/z444/imManuelGarcia/PreviousBlue.png
Home: http://i1190.photobucket.com/albums/z444/imManuelGarcia/HomeBLue.png
Note: For More Button Please Visit This Article...
Newer, Older & Home Navigation Buttons With Links
0 comments:
Post a Comment