Membuat “Read More…” atau “Baca Selengkapnya..” di Blogger

Posted by Nicki Hermanto Putro On Saturday 19 January 2013 2 komentar
Halo sobat nickizoner, pada kesempatan ini saya akan mengulas tentang membuat "Read More..." atau "Baca Selengkapnya..." pada beranda blogger. Bagi yang belum mengetahui caranya silahkan ikuti langkah-langkahnya berikut ini.

Caranya:

  • Login ke blogger.com, pilih blog yang pengen kamu edit, klik link Layout kemudian masuk ke Edit HTML
  • Untuk bisa ngedit template secara keseluruhan, kamu harus centang/tandai/aktifkan Expand Widget Templates
  • Masukkan kode berikut sebelum tag </head> atau tepat sesudah kode } ]]></b:skin> seperti ini:
    <style>
    <b:if cond='data:blog.pageType == "item"'> 
       span.fullpost {display:inline;}
    <b:else/>
       span.fullpost {display:none;} 
    </b:if>
    </style>
    
  • Selanjutnya mengatur supaya postingan terpotong, cari kode <p><data:post.body/></p> dalam template kamu dan tambahkan kode berikut tepat dibawahnya:
    <b:if cond='data:blog.pageType != "item"'>
    <a expr:href='data:post.url'> Baca Selengkapnya..</a>
    </b:if>
    
  • Nah supaya terpotong, setiap kali kamu posting, klik pada bagian posting dimana kamu pengen tulisan Read More.. muncul, dan ketik <span class="fullpost"> sisa postingan sampai selesai </span>. Untuk menmbahkan kode ini, ketika posting kamu harus dalam mode Edit HTML bukan Compose Contoh penulisan posting:
    Ini adalah awal berita yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja. <span class="fullpost"> Dan ini adalah sisa postingan saya yang akan saya sembunyikan dan hanya muncul pada saat post page atau link Baca Selengkapnya.. diklik </span>
    Hasil akhir postingan akan seperti ini:
    Ini adalah awal berita yang ingin saya potong karena terlalu panjang kalo postingan muncul semua, oleh karena itu saya perlu memotong berita sampai disini saja. Baca Selengkapnya...
    Selamat Mencoba!
Sumber:
http://www.isnaini.com/2007/03/08/membuat-read-more-atau-baca-selengkapnya-di-blogger-baru   diakses hari Sabtu, 19 Januari 2013, 22:15 WIB

2 komentar:

Unknown said...

Makasih yea, artikelnya sangat bermanfaat.

Nicki Hermanto Putro said...

Sama2 juga udah berkunjung ke blog ini. :))

Post a Comment

Silahkan isi komentar dengan baik dan sopan, tidak mengandung unsur SARA, provokatif, dan tanpa SPAM / iklan. Pesan / Komentar yang tidak layak akan dihapus. Terimakasih.