Wednesday, November 16, 2011

Create Navigation Link with cool image button



In this article you will learn how to replace Navigation Link with cool image button. I think it's help you to make your blog more beautiful. The steps are given below.

#1 Steps : Go Template and click HTML editor. Then click Proceed button.   
#2 Steps : check Expand Widget ..... Now Find this code <data:olderpagetitle/>. Now replace this code and paste this code given below.

<img src='https://lh5.googleusercontent.com/-ZMNcEarkiTo/TsK1Hnc4cAI/AAAAAAAAAIw/3PhxERIPhXg/h80/n.PNG' style='border: 0 none;vertical-align: middle;'/>

#3 Steps : Now find this code <data:newerpagetitle/>  and change with below codes.

 <img src='https://lh5.googleusercontent.com/-lnft5UE8qKo/TsK1IumYYNI/AAAAAAAAAI4/NRmtW5uz02o/h80/p.PNG' style='border: 0 none;vertical-align: middle;'/>

#4 Steps : again Find this code tag <data:homemsg/> and change with below codes.

 <img src='https://lh4.googleusercontent.com/-fKVTsrYHp-o/TsK1GZbwxtI/AAAAAAAAAIo/1F3b2SApHfE/h80/h.PNG' style='border: 0 none;vertical-align: middle;'/>

Note: If you don't like this icon you can use own icon replace image URL.


0 comments:

Post a Comment

Please leave a comment