Membuat “Read More…”pada Blogspot

"Sekian lama aku menunggu untuk kedatanganmu" lirik lagu inilah yang pantas untuk postingan Takbir kali ini ala Mas Ridho. Sekarang Takbir akan ngasi cara bagaimana supaya setiap entri kita di blogspot yang terlihat cuma separuh/sebagian atau ada tulisan "read more" dan setelah di klik pada tulisan itu baru muncul tulisan secara keseluruhan..inilah pertanyaan yang sering saya dapat.“Kak,,,Bagaimana caranya mempersingkat entri blogspot saya, biar ga semuanya
terbuka atau ada tulisan “read more”???” pertanyaan ini banyak banget yang nanyain,
tapi OKELAH KALO BEG,,,BEG,,,BEGITU. Sekarang Takbir mau ngajarin tapi
tolong perhatikan baik-baik jangan sampai salah langkah cos bisa repot jadinya.
Siapkan alat tulis bila perlu, jangan ada yang bertanya sebelum selesai. Sebelumnya
ijinkan Takbir menarik nafas panjang dulu soalnya ini agak butuh pemahaman biar maksud dan tujuan pembelajaran ini tercapai.

Untuk versi template classic
Caranya:
1.Silahkan Login dulu ke Blog kesayangannya dengan membuka Tab Baru tapi
ingat Blognya Takbir jangan di close sebelum selesai pelajarannya
2.Klik link Layout kemudian masuk ke Edit HTML,centang pada Expand
Widget Templates biar templatenya bisa di edit secara keseluruhan.Sekarang kita masuk pada bagian yang cukup menentukan, 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>
4.Udah dapet belum??? Cepetan dikit! Nah kalo udah sekarang kita mengatur
agar postingan terpotong, cari lagi kode <p><data:post.body/></p
5.Udah ketemu???lambat banget nyarinya,biar cepet nemuin kode yang kita cari, ingat diluar kepala ya! (eh,,maksudnya di dalam kepala) tekan
ctrl+F ketik kodenya
6.Selanjutnya…tambahkan kode dibawah ini tepat dibawahnya:
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>
7.Selesai sudah….tapi jangan berhenti dulu baca cos kita belum bahas cara
penggunaannya. Nah sekarang simpan dulu dengan tekan Simpan Template
setelah itu masuk ke POSTING pada pojok kanan atas klik Edit HTML
silahkan buat sebuah Entri baru setelah itu , klik pada bagian posting dimana
kamu pengen tulisan Read More.. muncul, dan
8.ketik <span class="fullpost"> sisa postingan sampai selesai </span>.


contoh

Disulawesi selatan ada spesies binatang reptile yang tidak ditemukan dipulau
lain diluar Sulawesi selatan namanya <span class="fullpost">
Pararang,hewan ini mirip dengan biawak Cuma ukurannya yang yang relative
kecil </span>

Hasil akhir postingan akan seperti ini:

Disulawesi selatan ada spesies binatang reptile yang tidak ditemukan dipulau
lain diluar Sulawesi selatan namanya
Read more.....


NB. Tulisan yang warna merah bisa diganti dengan apa saja,boleh kata selanjutnya, baca lagi dsb(pokoknya suka-suka anda)Selamat Mencoba!