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='http://3.bp.blogspot.com/_4HKUHirY_2U/S6m5e0cYhNI/AAAAAAAAA3k/l5NjHVnRsAs/Back.png' 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='http://4.bp.blogspot.com/_4HKUHirY_2U/S6m5fB744CI/AAAAAAAAA3s/T-lhMGLFIg4/Forward.png' 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='http://2.bp.blogspot.com/_4HKUHirY_2U/S6m5fizoW_I/AAAAAAAAA30/nA3_ynDon58/Home.png' style='border:none;'/></a>
    <b:else/>
    <b:if cond='data:newerPageUrl'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><img src='http://2.bp.blogspot.com/_4HKUHirY_2U/S6m5fizoW_I/AAAAAAAAA30/nA3_ynDon58/Home.png' style='border:none;'/></a>
    </b:if>
    </b:if>

  10. Simpan Template dan lihatlah hasilnya.




BACA JUGA!
- Cara Menghilangkan Tulisan Subscribe To Post (Atom) Blog
- Cara membuat related post bergambar
- Cara membuat tag cloud
- Membuat header menjadi dua kolom
- Membuat buku tamu/shoutmix tersembunyi
- Tabel kode warna css
- Cara mudah Memasang shoutmix bersama
- Cara memasang widget alexa pada blog
- Cara meningkatkan alexa rank blog
- membuat kotak daftar isi blog
- Cara Mengukur seberapa berat blog/web kamu
- Cara supaya domain co.cc bisa diakses tanpa www(redirect tanpa www)
- Merubah Domain Blogspot menjadi co.cc
- Membuat scroll pada komentar blog
- Fungsi Gadget Followers pada Blog
- Cara mudah memasang meta tag blogger
- Mengubah tampilan iklan kumpulblogger
- Cara membuat label menjadi berwarna
- Membuat widget hanya muncul pada postingan
- Cara membuat daftar isi otomatis pada blogger
Terima kasih telah membaca artikel Mengganti Tulisan Posting Lama dan Posting Baru dengan gambar.Silahkan baca artikel INFONETMU tentang yang lainya dibawah ini!

Comment With Facebook!