SERBA-SERBI :

Cara Memasang Fitur "Read More"

Ditulis oleh Andre pada hari Rabu, 10 November 2010 | 15.27


Update : Blogger sudah mempunyai fitur Readmore sendiri. Silahkan baca tutorial terbaru. Fitur Readmore Dari Blogger
Ini nih yang banyak ditunggu buat sahabat blogger yang masih newbie. Memang sudah basi, tapi tak apalah, hitung-hitung nambah postingan.

Mungkin anda pernah melihat sebuah blog yang artikelnya mempunyai tautan "Read More, atau Baca Selengkapnya. Salah satunya ada di blog saya ini. Jika anda membuka beranda dari blog ini, maka anda akan menemukannya.

Sebenarnya cara memasangnya pada blog tidak terlalu sulit. Untuk mengetahuinya ikuti tutorial berikut.

  1. Buka menu Rancangan, lalu klik tab Edit HTML.
  2. Setelah itu, beri tanda centang pada kotak Expand Widget Template.
  3. Setelah itu, kode HTML template akan diperbarui. Nah, cari kode berikut di template kamu.
    <data:post.body/>
  4. Jika sudah ketemu, sorot kode itu dan "Paste"kan/ganti dengan kode berikut ini.

  5. <b:if cond='data:blog.pageType == "item"'>
    <style>.fullpost{display:inline;}</style>
    <p><data:post.body/></p>
    <b:else/>
    <style>.fullpost{display:none;}</style>

    <p><data:post.body/></p>

    <a expr:href='data:post.url'>Read More......</a>
    </b:if>


  6. Simpan hasil pengeditan template anda.

  7. Kemudian pilih menu Pengaturan lalu Format.

  8. Pada kotak Post Template, isikan kode berikut.

    <span class="fullpost">


    </span>

  9. Kemudian simpan.

  10. Ketika memposting, pilih pada mode Edit HTML. Disitu akan muncul kode ini.

    <span class="fullpost">


    </span>

  11. Cara mempostingnya adalah: ketikkan artikel yang akan menjadi abstraksi/pembukanya di atas kode <span class="fullpost">, lalu artikel lanjutannya ketik di bawahnya, dan diakhiri dengan mengetikkan kode </span>.


Selesai, mudah bukan?? Hhehe, good luck.!!
Share this article :

Artikel Terkait:

0 komentar:

Posting Komentar

 
Copyright © 2011. Galeri Bocah - by Andry Andreas Panggabean | Blog Belajar SEO | Optimasi Blog di Google
Template Modify by Creating Website Inspired Wordpress Hack
Proudly powered by Blogger