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 merah 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/AVvXsEjAlnpMZR0Op7EglciBfqHB-7u_dMQvFymrxZE-b7bCYSyP9is7mI-e6bOR5P3GXQo_rMdf_ahNPF8aEfsyggjzNmAupdhkZSTfW_5sfGxwSiMKh7TpRPJ4esKdHyQ07qCiiFRB3pzx9Ph1/' 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 merah 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/AVvXsEhtuMyLgiHdggkFS_K-DVeyPsXkTZDrk5i_uKdKs9wxqCCYEXYfZ3ytjh-bwEBO90xZ7RwENo_XpVROuH0pYqvgvX2ory8IdyPA-OFlWBV0ECp5-KkgHOScKLi64DYCmO6IHDn7-6lfoAWa/' 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 merah 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/AVvXsEiKQXPJfR-tHFQLwA-6ZBfybzQ6QV1xK9PEc6WWN2nv2FgAcPCvkHVEjR9h5jOsY94c0o6IpDvr0l5Lv77IEsunDSEMVGVZunRc8Lc6CP6sMH3R5lsT0Ei2UGeElo-gOoVkgfmNn3IVJK3K/' 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/AVvXsEiKQXPJfR-tHFQLwA-6ZBfybzQ6QV1xK9PEc6WWN2nv2FgAcPCvkHVEjR9h5jOsY94c0o6IpDvr0l5Lv77IEsunDSEMVGVZunRc8Lc6CP6sMH3R5lsT0Ei2UGeElo-gOoVkgfmNn3IVJK3K/' style='border:none;'/></a>
   </b:if>
   </b:if>
   
   
10. Simpan Template dan lihatlah hasilnya.