How To Change The Navigation Buttons With Images

In this tutorial I will give a very simple tips, the How To Change Navigation Buttons With Pictures. Navigation button is located below the Post. When you see the next post navigation buttons that we will modify the image.

Let's look at this tutorial.

Step 1
Log into your blogger account
Step 2
Click the Design or Design
Step 3
Press the Edit HTML, do not forget to tick Expand Widgets Template
Step 4
Looking <data:olderPageTitle/> code after you find the code change with the code below

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

Step 5
Looking <data:newerPageTitle/> code after you find the code change with the code below

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

Step 6
Looking <data:homeMsg/> code after you find the code change with the code below

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPcHK_YZt-gw2dXLPFVpT4_y80fS7BT2K__kipfDRPrpinZkBrHWPdEhyWJTojqm3ikf8_tYBJAdOWoWaJLOhz5UxOLXkRKZ0TrktmluUJcpBrMgnEFImWEqF158zNbb3uDg97GqehRsb9/s1600/w2b_home.png' style='border: 0 none;vertical-align: middle;'/>


Step 7
Save your template you just edit and view changes to your navigation buttons.

Post a Comment

Live Traffick

Alexa :
DMCA : DMCA.com
Stats :
Yahoo Bot : Yahoo bot last visit powered by MyPagerank.Net
Total Ping : My Ping in TotalPing.com
SEO Monitor :
Bloggers : Bloggers - Meet Millions of Bloggers

Recent Comments