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/AVvXsEh6Ouv0JnCGhSoI_1u-_lQmKwWNTpZBM2V0ljLya7R9U3Ew-KVckE0BZyOEF1wmw08dC5t3bbKJoF8orl4Jmw8uyoJl17vTyY6EYZ3fufTvZ9ahaS5bqX7KxIBkRot4g4ZsQycu9m5tmS5d/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/AVvXsEgaBsiv31Ii9sszabt8HkekXDh3L_hegj5XCP0rLRohk18fZkEQ_pLCE6AUF6fH5fWr9vu3hmb5OJiW7QdTaXYmWgiuiX9eo4rcmjNRQqig1V2SjYIlFfBC5aVpzDMF13BiTt4Gx5oytOQ6/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/AVvXsEjMos3snXTGosqN4osz9vl8-SqQWsEEpelujbWVfTQmKllbVWLr_kDwrpIlOuJN7NEORAthP6idsFB1lG5W1rYgped-CnwTElUP1wh4hhxpE1xKFHKq2YMtZMh1MTMZZMqY0IXl_A0jsvjk/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