Membuat Readmore atau Baca Selengkapnya atau selengkapnya atau …

Kapan hari ketika kami membuat blog anyar, senengnya bukan main, sambil liat buku panduan “membuat blog di blogger” yang barusan kami beli. Senengnya tu seperti orang yang barusan nemukan kamar toilet, karena dah gak tahan mau nyicil tabungan.
EEE… ternyata waktu dah banyak postingannya, ternyata da yang kurang nyaman diliat nie kayaknya. Apaan???



Postinganku saat ditampilkan terliat puannjaaang-puuuuanjang…
Kemudian kami lari ke format blog, kami ganti tu postingan yang muncul hanya 3, ternyata sama saja. Habis tu lunglai… gimana caranya???
Gak lama kemudian, kami cari tau di google, dan….. Jreng Jreeeengg!!!!
Inilah trik tipsnya kali ini!!, gimana caranya membuat “Readmore” atau “Baca Selengkapnya” di blog kamu semua… HA HA HA...!!!
kalo’ sekarang nie gak hanya nemuin kamar toilet, tapi juga nemuin kamar toilet plus airnya juga!! Cihuiii!!!

Langkah pertama, buka blogmu yang di blogger, lakukan log in. kemudian klik link “tata letak” atau inggris-nya “layout”.
Kedua, setelah nyampe’ di link “tata letak”, cari tulisan “Edit HTML”. Dah ketemu??
Kalo’ udah Lanjut…
Ketiga Kang, klik “Edit HTML”. Dan kamu akan diperlihatkan kode-kode HTML yang bejubel. Nggliyeng alias pening kan ngliatnya..??? sama kami juga…
PERINGATAN: sebelum meng-edit template kamu, alangkah baiknya kamu download dulu template dasar kamu yang belum ter-editting. Karena jaga-jaga kalo’ ada crash code. Caranya, cari tulisan “download template lengkap”. Tinggal klik terus Save.
Dan juga, sebelum mengutak-atik template, perlunya kamu mencentang “expand widget template”, karena biar tidak hilang tu kode yang kamu masukkan. OK!!! Jangan lupa Lho!!! Kami dah ngingatkan…
Ke Empat, cari kode </head>… sulitkah mencarinya??
Untuk mempermudah cara kerja kamu tekan tombol “ctrl” + “F” (tombol ctrl dan tombol F di keyboard).
Bagi yang memakai Internet Explorer 8 (IE 8), kolom finder-nya ada di atas, sedangkan yang pake’ mozilla firefox (browser kesukaanQ), findernya ada di bawah.
Setelah itu, ketik </head> di kotak pencari, tekan enter. Ketemu??? Moga aja iya…
Setelah ketemu </head> nya, lakukan copy kode di bawah ini dan paste tepat di atas kode </head>, nie kodenya:

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


Kemudian cari lagi kode bekirut ini:

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


setelah ketemu, copy kode ini:

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


Kemudian paste tepat di bawah kode yang kamu cari tadi. Udah bisa??? Jangan lama-lama po’o…?!

Yang Kelima, klik Simpan/Save…

Setelah itu, pindah ke menu “Setting” atau “Pengaturan”. Kalo’ udah, cari tombol format, lalu klik.
Cari “template posting” yang sebelahnya ada kotak kosong… lalu copy kode berikut ini:

<span class="fullpost">

</span>


Kemudian klik tombol “Simpan Template” atau “Save Template”.
Pengen bukti?? Liat waktu kamu membuat postingan terbaru, dan pindah ke wilayah HTML, bukan yang TULIS. Pasti sudah ada tulisan:

<span class="fullpost">

</span>

Kemudian bagaimana cara memposting, tulisanmu?? Usahakan kalo’ memposting, kamu harus tetap berada di area HTML. Kalau sudah selesai, baru kamu bisa pindah ke area TULIS, untuk mempercantik warna atau mempertebal kulitmu (TULISAN KANG!!!).
Lalu, tulisan sebagai pembuka yang ingin kamu tampilkan dalam blogmu, tulis sebagian tulisanmu di atas kode <span class="fullpost">
Kemudian sisanya, tulis di antara <span class="fullpost"> dan </span>.
aham…??? Alhamdulillah….
Kalo’ ada yang gak paham. Duduk dulu… kalo’ masih lum paham… telentang dulu… kalo’ masih lom paham juga,, tiduran dulu aja (kalo’ sampe tidur beneran berarti kamu yang bermasalah!!)
Oiya LUPA…
Bisaanya ada masalah waktu nge-Save/Simpan, ternyata crash. Ini nie buktinya:
Setelah Save/Simpan kemudian ada tulisan:
XML error message: The element type “style” must be terminated by the matching end-tag “”
angan panik. Itu kamsudte tanda petik kamu tidak sama dengan tanda petik di HTML template kamu, dikarenakan beda font. Jika itu terjadi, kamu tinggal ngganti tanda petiknya aja. Pada umumnya tanda petik dalam kode html tu hanya [‘] tidak [“]. Setelah kamu ganti, coba klik Simpan.
Selesai.
Selamat nge-GOblog ria di blogger / blogspot dengan READ MORE.