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/AVvXsEgpRBcAIF9Hyvx8r1saLJuXnY3jO9iZzEvNoeyU7_F8o6QFr6S6TKCdrkv-f1w1ZDnZHsS9xh6raVrl3pIpWSnkXSKYrDle4uvTu3hxUySrsYU6xXd-UNAhf8jImLKJPBiCiryl9ejWp7dN/' 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/AVvXsEhhEGXOi8EJHcSwnAQRjXvlLjpu2dx55mutI2BfvKU8RF8zLllfd7s-hcN4s7Nv7-kFDxb7XUTElVAAC4hh-9Sjo_o_Ot0Q0ckjYoJDv5amZ53_zzGEhaNun4BP8yGlhdo-q_OWxbR8T0da/' 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/AVvXsEjL1wCmv502uSRL12JbUFBJnuOmV7iV-MHBJItEwBtjxrYNsGo8bayofBRd9At5_f6jw1bcC9D2uJDqOOewkdi2XxCp6MgAaeuD8u2_tjPBwfyAgaadf-0J03dALqVfDd-6VBknxhZSbWvD/' 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/AVvXsEjL1wCmv502uSRL12JbUFBJnuOmV7iV-MHBJItEwBtjxrYNsGo8bayofBRd9At5_f6jw1bcC9D2uJDqOOewkdi2XxCp6MgAaeuD8u2_tjPBwfyAgaadf-0J03dALqVfDd-6VBknxhZSbWvD/' 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

0 comments:

Post a Comment

Search

Popular Posts

Powered by Blogger.

Blog Archive