Replace Older, Newer And Home Blogger Text With An Image Or Stylish Text 

Easy Customization of Older, Newer And Home Blogger Text With An Image
  Guys Make Your Blogger Stylish With This Text Replacement Widget. Newer Post, Home and Older Post are links that commonly appear on the bottom of the blogger posts. When a visitor click on one of these links, they will take him to the page with the list of your previous posts. The number of the posts on these pages will be the same as the number of the posts on your main page.

What We Will Do To Change Older, Newer And Home Blogger Text Into Cool Image

A. Change the text of Newer, Older, Home links
B. Place a picture beside them (a small icon, arrow, or whatever...)
C. Add an image instead of the links 

Use Following Steps To Change Your Boring Links Into Image 


1. Log in to your Blogger Dashboard, go to Template > Edit HTML



2. Click anywhere inside the code area and find - using CTRL + F keys - the following code:
 
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/AVvXsEh8oUkkuDCSiQ0WEPxh9ZtYBFo23beVaqQ76VpZHNnbo-PwlGdUOiRqEIVP5LHL6dIT1tfxrneyLbM_vtE30jJrqBNntTNwcVOl0btu7rL28qHPvy303gLHkTCzEDOGJYLBiFLKrXfVQ7zP/s1600/Chang-blogger-Previous-page-text-into-image-button.png'/>

For change Newer post

Replace <data:olderPageTitle/>  with below code
<img alt='Next Page' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivbfTzd84E9eTHnzxfQIRAXo5q67oM0TX1qKuMPPm3f17_h5FGllC1nKLx_a3-7OFfy79C-2QZvzI3oRHJorG3HW_8WleQfz0V9j8fQfW-kYBp1dVzX8z89xMZtRQWRjqD3j45RjTfvVPq/s1600/Chang-blogger-next-page-text-into-image-button.png'/>



For Change Home Text

Replace <data:homeMsg/>  with below code
<img alt='Home' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-g0AG1ow3y5bJS86j35ERekVFcstE8h2Y0tm8sLcTdxiSlWnHMQXZD-v-eGCmQPE276EIBFOSAaPSdVl2fePlw-DZCmxN_WzjD3rlm0BCcc9mZGj-lcoFyLdGHSXzZ6zyoN9gjt4XGkxp/s1600/Chang-blogger-Home-page-text-into-image-button.png'/>
Now after all change save your Template.

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 Text Link .(See Demo Image Below)      


Note-You also can Replace <data:newerPageTitle/> ,  <data:olderPageTitle/> , <data:homeMsg/>
With your Text.
 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. 
IF need any help to add this widget in  your blog feel free to comments us.

0 comments:

Post a Comment

 
Top