Menambahkan READ MORE pada BLOGSPOT

Buat yang suka utak – atik blogger yang pake’ blogspot, mungkin kalian agak kesusahan untuk membuat sebuah tampilan artikel yang panjang secara efisien. Masalah utamanya secara umum, blogger akan menampilkan seluruh teks artikel yang diposting. Bayangin aja deh kalo kita posting 5 artikel aja yang cukup panjang, truz kita mau melihat artikel yang terakhir ato yang paling bawah, wadowh... mesti bersusah payah men-scroll layar nya berkali – kali neh. .....
Huff…malah-malah pengunjung jadi mlaz liat blog kita…bnr g?

Gimana cara menampilkan sebagian kecil artikel (beberapa baris teratas) kemudian disusul dengan teks "Read More" atao "lanjut" atao “selengkapnya”. Baru setelah pengunjung tertarik peingin baca berita lebih lanjut, dia tinggal klik aja tuh teks "Read More" or "Lanjut" or “Selengkapnya” tadi.

A. MEMASANG KODE PADA TEMPLATE
"Cara menambahkan Read More" dalam artikel berbasis Blogspot :
1. Buka template klik link: Layout-> Edit HTML -> Kasih tanda cek pada CheckBox "expand widget tempate"
2. Letakkan kode berikut PERSIS di atasnya nya kode (Pengin cepat, gunakan fasilitas Find pada browser kamu).

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

3. Klo sudah, cari kode berikut:
<p><data:post.body/></p>
(kalo g’ ada, cari aja kode: <data:post.body/>- tanpa embel-embel: <p> maupun </p>
Letakan kode berikut persis di bawahnya:

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>

4. Klik Simpan. Selesai.
5. Pergilah ke halaman SETTING, dengan klik link SETTINGS atau Pengaturan, terus klik FORMATTING atau Format. Di paling bawah ada kotak kosong di samping menu TEMPLATE POSTING. Tengoklah apakah sudah ada isi kode berikut. Jika belum isi saja kodenya secara manual. Kode dimaksud adalah ini nih....:

<span class="fullpost">

</span>

Trus, jangan lupa simpan hasil SETTING atao PENGATURAN-mu.
Nah... sekarang gimana cara menggunakannya??
Klo yang ini musti kamu lakukan setiap kali kamu posting berita. Tapi kodenya cuma dikit kok, dan kamu bisa lakukan dengan teknik copy-paste.

B. PENERAPAN / PENGGUNAAN
Misal artikel posting kamu yang ASLI nya begini: (tanpa tanda kutip)

"Pagi ini udara kembali sejuk seperti semula. Pepohonan mau kembali menggoyangkan daunnya. Jalanan kembali ramai seperti dahulu. Awanpun kembali cerah seperti 2 tahun yang lalu. Mungkin suasana seperti inilah yang didambakan seseorang. Tapi tidak buatku, hatiku menyangkal semua itu. Walaupun awan menampakkan kecerahannya, tetapi awan dalam hatiku terasa gelap. Aku tak ingin suasana ini terulang lagi. Aku juga tak mau kejadian itu terulang kembali."

Trus kalo kamu tambahi SEDIKIT KODE -lihat yang diberi warna kuning- dalam Modus Edit Html BUKAN Compose menjadi begini: (tanpa tanda kutip)
"Pagi ini udara kembali sejuk seperti semula. Pepohonan mau kembali menggoyangkan daunnya. Jalanan kembali ramai seperti dahulu. Awanpun kembali cerah seperti 2 tahun yang lalu. Mungkin suasana seperti inilah yang didambakan seseorang. Tapi tidak buatku, hatiku menyangkal semua itu. <span class="fullpost"> Walaupun awan menampakkan kecerahannya, tetapi awan dalam hatiku terasa gelap. Aku tak ingin suasana ini terulang lagi. Aku juga tak mau kejadian itu terulang kembali.</span>

"Pagi ini udara kembali sejuk seperti semula. Pepohonan mau kembali menggoyangkan daunnya. Jalanan kembali ramai seperti dahulu. Awanpun kembali cerah seperti 2 tahun yang lalu. Mungkin suasana seperti inilah yang didambakan seseorang. Tapi tidak buatku, hatiku menyangkal semua itu......... Read more"

Lalu teks:
" Walaupun awan menampakkan kecerahannya...."
akan disembunyikan......
Nah... keren dan ringkas kan...
Met Mencoba...!!!^_^