Mengganti Tulisan Postingan Lama dan Postingan Baru dengan gambar ~ MH Bayu BLOG

Mengganti Tulisan Postingan Lama dan Postingan 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 :

Masuk ke halaman Dasboard > Rancangan > Edit HTML
Beri tanda centang pada kotak "Expand Widget Template"
Cari kode <data:newerPageTitle/> dengan menekan "Ctr+F" pad keyboar.
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 +"_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
ubah kode berwarna merah menjadi seperti di bawah ini :

<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId +"_blog-pager-newer-link"' expr:title='data:newerPageTitle'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoYH54VZh8PheDgMfeAY1f19E_kQWaPyGRTsK46NenaW1mISCHaE4bOPaxn7r_28MzBfcfZ9ngIj-l51GRKNqYlYu3uWb0FuSyBu0SaPCXY-JHmd-nm8FAe8jDh-xUFSWbUaYyXsvhJxRj/' style='border:none;'/></a>
Ganti tulisan 'Posting Lama' dengan gambar panah kanan yang anda inginkan.

<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId +"_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
ubah kode berwarna merah menjadi seperti di bawah ini :

<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId +"_blog-pager-newer-link"' expr:title='data:newerPageTitle'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6HYZrqu-TyrD47VkhVSBgDncjgu641R9H7_dPDDnTaYgI2KzhOC23wVeQRrN3wlIo51rLxAHOQEOssUbrsYMqpcAdSQa_JV5Wr8it6rGYkT65xx4viLH4cmx3JcA-cTO4cCjYbuWGgE_p/' style='border:none;'/></a>
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>
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/AVvXsEhs2nyoZ1_QV7Wwo6vRARdrS8b_2M-puNl-EqYFArvWGh4LJBeVpwKk-zc2J760jGxJGzGE-P77tqHiDFiw1B5bgu66WpXhy14-GboTFEa5Y2udSNohqTl-xmORQHrt5T9nw_YWBy5boL49/' 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/AVvXsEhs2nyoZ1_QV7Wwo6vRARdrS8b_2M-puNl-EqYFArvWGh4LJBeVpwKk-zc2J760jGxJGzGE-P77tqHiDFiw1B5bgu66WpXhy14-GboTFEa5Y2udSNohqTl-xmORQHrt5T9nw_YWBy5boL49/' style='border:none;'/></a>
</b:if>
</b:if>
Simpan Template dan lihatlah hasilnya.