Cara Mudah Mengganti Tulisan Posting Lama dan Posting Baru dengan gambar

Mengganti Tulisan Posting Lama dan Posting Baru dengan gambar >> Mengganti Tulisan Posting Lama dan Posting Baru dengan gambar >> Biasanya di bagian bawah artikel Anda terdapat tulisan seperti "Older Post / Newer Post atau Posting Lama / Posting Baru". Nah mungkin awal -awalnya Anda tidak mengetahui maksudnya tulisan tersebut. Ya Posting Lama / Baru adalha sebuah Link yang menuju ke artikel - artikel sebelumnya dan juga artikel - artikel yang baru. Nah mungkin Anda ingin mengganti tulisan tersebut dengan tulisan yang lain, misalnya dengan tulisan "Artikel Abdi Sebelumnya" atau "Halaman Lama" atau bahkan dengan gambar. Caranya adalah :

 

1.Masuk ke halaman Dasboard > Rancangan > Edit HTML
2.Beri tanda centang pada kotak "Expand Widget Template"
3.Cari kode <data:newerPageTitle/> dengan menekan "Ctr+F" pad keyboar.
4.Ganti tulisan Posting Terbaru dengan gambar panah kiri yang anda inginkan.

                                                                    
contoh kode:

<a class=blog-pager-newer-link expr:href=data:newerPageUrl expr:id=data:widget.instanceId +&quot;_blog-pager-newer-link&quot; expr:title=data:newerPageTitle><data:newerPageTitle/></a>

5.Ubah kode berwarna hijau menjadi seperti di bawah ini :

<a class=blog-pager-newer-link expr:href=data:newerPageUrl expr:id=data:widget.instanceId +&quot;_blog-pager-newer-link&quot; expr:title=data:newerPageTitle><img src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD_uiMvGlNG9yvSV0fm5g_ALuoT5xGtD6ECUO6KQRzRe34LW1jpH7cg1SRdEUK9hPQ18VeKNvNONFWlrYJtoV-3Atv-YMgYOdA7IKQlY-W23DkqCA0DJJmFQaHTIVYSzkPqWps1GYK8RiB/ style=border:none;/></a>

6.Ganti tulisan Posting Lama dengan gambar panah kanan yang anda inginkan.

<a class=blog-pager-older-link expr:href=data:olderPageUrl expr:id=data:widget.instanceId +&quot;_blog-pager-older-link&quot; expr:title=data:olderPageTitle><data:olderPageTitle/></a>

7.Ubah kode berwarna hijau menjadi seperti di bawah ini :

<a class=blog-pager-older-link expr:href=data:olderPageUrl expr:id=data:widget.instanceId +&quot;_blog-pager-older-link&quot; expr:title=data:olderPageTitle><img src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0RIR_YU4n_0JFEFUBNjVh07dKLUZTMgKm1YADtHiq2tLtkG4i0-BD7dI34JJcWwV9l92sEK1puEjQx7MA8ANoLOCw4zUFqE6ny1hz4-_j04_GnLKZPcKKs3JQbm82dz-bYBGITNci3W4C/ style=border:none;/></a>
8.Ganti tulisan Home dengan gambar rumah.

contoh kode:

<b:if cond=data:blog.homepageUrl != data:blog.url>
<a class=home-link expr:href=data:blog.homepageUrl><data:homeMsg/></a>
<b:else/>
<b:if cond=data:newerPageUrl>
<a class=home-link expr:href=data:blog.homepageUrl><data:homeMsg/></a>
</b:if>
</b:if>

9.ubah kode berwarna hijau menjadi seperti di bawah ini :

<b:if cond=data:blog.homepageUrl != data:blog.url>
<a class=home-link expr:href=data:blog.homepageUrl><img src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA9RXdC9yJH0pJUrTpEDixxFpqpS4ec3tUbZ57PK9Hc22UcjSWsBL2LfRSozTzKp7dlyLQwrDdN3w8Ue7c-LCOTJa6wUwXM82BlcZllJyEUsc4cCXLdg499jcIvjROuWUWb6KtNDOWVKZx/ style=border:none;/></a>
<b:else/>
<b:if cond=data:newerPageUrl>
<a class=home-link expr:href=data:blog.homepageUrl><img src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA9RXdC9yJH0pJUrTpEDixxFpqpS4ec3tUbZ57PK9Hc22UcjSWsBL2LfRSozTzKp7dlyLQwrDdN3w8Ue7c-LCOTJa6wUwXM82BlcZllJyEUsc4cCXLdg499jcIvjROuWUWb6KtNDOWVKZx/ style=border:none;/></a>
</b:if>
</b:if>

10.Simpan Template dan lihatlah hasilnya.