Thứ Ba, 12 tháng 7, 2011

How To Replace Navigation Text With Images | The Easy Way ( Examples Are Illustrated)

Unfortunately Blogger Comes With Limited Resources. You Have To Customize It According To Your Needs It Is Worth Knowing HTML , CSS and XML To Customize Blog But Those Who Don't Know These Laguages May Find It Difficult To Customize Blogs. But No Worries, Blog Tipster Is Here To Solve Here Problems. Today's Hack Is To Replace Your "NewerPosts", "Home" And "OlderPosts" Texts With Images.
Step-1
Login to your blog, on the left hand you will see options click on theme, now on the top right you will see backup restore, click on it  and  Download Full Template ( To Backup Your Blog If Anything Goes Wrong )





Step-2


Press Ctrl + F And Find The Piece Of Code




<data:olderPageTitle/>
 And Replace It With
 <img src ="http://i585.photobucket.com/albums/ss300/pascal_08/Navigation%20Buttons/1310386987_Forward-64.png" alt = "OlderPosts" width = "50px" height = "50px" />







And Then Find 




<data:newerPageTitle/>

And Replace It With
<img src = "http://i585.photobucket.com/albums/ss300/pascal_08/Navigation%20Buttons/1310386999_Backward-64.png" alt = "NewerPosts" width = "50px" height = "50px" />












This Step Is Kinda Tricky You Need To Place This Code Two Times, Find




<data:homeMsg/>


And Then Replace It With
<img src = "http://i585.photobucket.com/albums/ss300/pascal_08/Navigation%20Buttons/1310387008_Home-64.png" atl = "home" width ="50px" height = "50px" />









Again Find 


<data:homeMsg/>

And Replace The Same Code










Step-3



Click Save Template, And You're Done. 
If You Find Any Kind Of Difficulty Please Let Me Know. Thanks
---------

Related Posts:

0 Comments:

Đăng nhận xét