Strategies Tricks replace previous home next article in Blog

 

How to replace the previous and next home writing a blog with your own words or with images page navigation. One way to decorate the blog to make it look more neat and beautiful to look at.

For a blog that is set into Indonesian home is usually posts navigation porches, old posts and new posts at the original design bloggers, are less interesting in my opinion. Please see the image below, or for more details, please see my blog page navigation presented below, because the navigation type of image like that is what I will share in this post.

If so, please follow the steps below.

1. Login to the blog, and select the template settings.
2. Then click on Edit HTML and find 3 blue code below. Use Ctrl F to facilitate the search.

expr:title='Data:newerPageTitle'><data:newerPageTitle/></a>
Description : Newer Post (Previous)

expr:title='Data:olderPageTitle'><data:olderPageTitle/></a>
Description : Older posts (Next) 

<a class='home-link'expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
Description : Home

3. If you just want to replace the writing with our own words. then replace the above code into a format like this.

expr:title ='Data:olderPageTitle'>Next</a>

expr:title ='Data: newerPageTitle'>Previous</a>

<a class='home-link'expr:href='data:blog.homepageUrl'>Home</a>

4. If you want to replace the paper with a picture, then add the image url, example :

expr:title='data:newerPageTitle'><img src='http://c.dryicons.com/images/icon_sets/blue_velvet/png/32x32/back.png'/></a>

expr:title='data:olderPageTitle'><img src='http://b.dryicons.com/images/icon_sets/blue_velvet/png/32x32/forward.png'/></a>

<a class='home-link' expr:href='data:blog.homepageUrl'><img src='http://c.dryicons.com/images/icon_sets/blue_velvet/png/32x32/home.png'/></a> 

5. 's URL Code Red color images with additional format. please preview first,  save.

6. To replace with another image, replace the image url, the image url you want. Format as below.

<img src='URL'/> picture </ a>

7. In google Try searching for images, with the home icon keywords. Find an existing image size option. Select the image size of 32 or in accordance with what you want. Next Copy URL (right click and select the right drawn copies the image URL) and enter the code in the above code format.

8. One web that provides the icon image is http://dryicons.com/icon/blue-velvet/home/ please look for images that fit you want. Hopefully Helpful.