Thursday

REPLACE NEWER, OLDER AND HOME NAVIGATION LINKS WITH IMAGE BUTTONS

In this i will tell you how to replace your older, Home and Newer navigation links with cool image buttons. If you are a using a page navigation gadget, then these button will be shown below every posts and not on your blog Home page. Adding these image buttons to your site or blog will make your blog look awesome, and your blog will look different from other blogs.


ADD NEW STYLED NAVIGATION IMAGES TO YOUR BLOG




1). Open your blog and go to Dashboard.

2). Select Layout and Edit HTML.


3). Check 'Expand Widget Templates'.

4). Replacing The 'OLDER' Link

Find the following piece of code in your blog HTML code. HOW TO FIND CODE IN YOUR BLOG HTML CODE
<data:olderPageTitle/>

Replace the given code with the code you have searched.

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzWHMaX5IPh8Hq7hTKdMnkKJgpO3_8sF-711WAjm82Lsn1FK2MgbEPzBjEmJSPiknPS_JpG7tkOZX4FmD8W2PqMKEBllCKAXSUk5R8OaXQK_U-8S4pjIbVadGiAni7_PRjNLtbhZnCvkJa/s1600/w2b_next.png' style='border: 0 none;vertical-align: middle;'/>

5). Replacing The 'NEWER' Link

Find the following piece of code in your blog HTML code. 

<data:newerPageTitle/> 

Replace the given code with the code you have searched.

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6g9BjgGev3WtFLIDH050AZnHAnD96YSJEr4-hysGHxY95NpGNL27fwMq-IVPdVWruVEDgr8BMv0TDOYadD4GBVgfxGqLTnrZsJR6dNrvR4jqoQ3wjU9q0pYhkHgURm1lNAa6zrq_j7RkS/s1600/w2b_prev.png' style='border: 0 none;vertical-align: middle;'/>

6). Replacing The 'HOME' Link

Find the following piece of code in your blog HTML code. 

<data:homeMsg/>

Replace the given code with the code you have searched.

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0IXsu0ZoUhTnZieWREfZD0AunW1vXj3uw91-W-ll09D_KfE0zHF0tESjGFBaV7iR2Qx-gIETCnXKSnz7IEjYPLuP0BTXlH0OPu8ilTwvw00HIp-X0VkrWsc8mBFcm2gTjK-A4W-tTSRWK/s1600/w2b_home.png' style='border: 0 none;vertical-align: middle;'/>

7). Save your template and Experience the change.

If you got a good experience than leave comments and Email Me for any assistance.

No comments:

Post a Comment