Menambahkan Read more, atau Baca Selengkapnya, atau Baca selanjutnya di Blogspot / Blogger.com

Menambahkan Read more, atau Baca Selengkapnya, atau Baca selanjutnya di Blogspot / Blogger.com

  7/20/2008 11:45:00 AM    Riyuniza

---

Menambahkan read more, baca selengkapnya, atau baca selanjutnya pada blog, ndak tau juga sih, bahasa kerennya apah, kalau dalam bahasa inggris mah ada, expandable post summaries istilahnya. Ini adalah sebuah metoda agar setiap posting blog berisi sebuah paragraf pendek, yang merupakan perkenalan dari materi yang diposting yang diikuti dengan link "Read more", a.k.a baca selengkapnya a.k.a baca selanjutnya.

Ini membuat si pembaca mendapatkan perkenalan pendek dengan setiap materi yang diposting pada halaman utama blog. Dia kemudian bisa mengklik read more jika dia tertarik dengan materi tersebut. Banyak blogger merasa kesulitan ketika mereka mencoba untuk mengikuti instruksi dari petugas Blogger Help. Berikut ini disampaikan langkah-langkah untuk membuat link tersebut dengan cara yang mudah.
Ada tiga langkah yang akan dilakukan jika kita ingin mengimplementasikan cara ini:

Masukkan Fungsi IF dalam CSS


Langkah pertama adalah menempatkan fungsi if didalam css (ndak usah pusing dengan istilah-istilah yang baru anda kenal, ikuti saja langkah perlangkahnya). Ini akan mengubah cara posting ditampilkan dalam halaman lain, untuk melakukan ini Login ke Panel Kontrol dan klik Tata letak, kemudian klik Edit HTML, sebelum mengubahnya Klik dulu Download Template Lengkap untuk menyimpan template yang aktif sekarang, sekedar berjaga-jaga seandainya ada kesalahan, kita tetap bisa menggunakan template yang lama, simpan template yang lama.


Kemudian gulunglah layar edit template, sehingga ditemukan tag </head>, dan pastekan kode ini tepat diatas tag head tersebut:

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

Kemudian klik tombol Simpan Template, kemdian perhatikan tag ]]></b:skin> yang berada tepat diatas tag </head>, pastekan lagi sekali lagi kode tersebut diatas tag itu. Sehingga hasilnya kira-kira seperti ini:

padding: 0;
width: 240px;
}
<style>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
]]></b:skin>
<style>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
</head>

perhatikan tulisan yang berwarna biru merupakan tulisan asli dari template yang disediakan blogger.com, sedangkan yang berwarna merah adalah kode yang kita tambahkan kemudian.

Link Readmore
Langkah berikutnya adalah membuat link "Read More" atau "Baca Selengkapnya" atau "Baca selanjutnya", pertama-tama terlebih dahulu kita harus menchecklist pada Expand Template Widget (kalau langkah yang ini tidak dikerjakan, teks yang akan dicari tidak dapat ditemukan). Kemudian carilah tag <data:post.body/> dan pastekan kode berikut dibawahnya:

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url' target='_blank'>Baca selengkapnya!</a>
</b:if>

sekali lagi klik tombol Simpan Template.

Memodifikasi Posting
Langkah terakhir adalah memodifikasi template posting, yang menunjukkan dimana kita meletakkan paragraf yang akan dilihat si pembaca, dan dimana meletakkan kode yang hanya muncul kalau link baca selengkapnya di klik. Untuk itu klik pada tab Pengaturan dan klik tab Format, kemudian gulung layar sampai ditemukan kotak isian untuk Template Posting, pastekan kode berikut ini:

Ini adalah awal dari posting saya. <p><span class="fullpost">dan ini adalah akhirnya.</span></p>

Kemudian klik Simpan Pengaturan.

Sekarang coba lakukan posting tulisan baru. pada tulisan baru muncul tulisan seperti ini:

Ini adalah awal dari posting saya.

dan ini adalah akhirnya.

Perhatikan: terdapat 2 buah paragraf pada layar posting anda!, paragraf yang pertama akan muncul pada halaman pertama, sedangkan paragraf yang kedua akan mundul kalau pengguna mengklik tombol Baca selengkapnya, ketiklah tanpa terlebih dahulu menghapus paragraf tersebut, setelah selesai diketik baru kemudian tulisan tersebut dihapus (tapi paragrafnya jangan dihilangkan).

Selamat belajar...

Sumber: http://betabloggerfordummies.blogspot.com/2007/02/expandable-post-summaries.html