Cara Membuat Read More di Blogspot

Mungkin cara membuat read more di blogspot ini adalah salah satu  pembahasan yang paling diminati oleh para blogger, baik pemula maupun yang sudah cukup lama di blogger/blogspot. Karena sering saya temui blog-blog yang sudah dibilang cukup lama menghiasi dunia maya masih saja terlihat terlalu panjang pada bagian beranda atau home nya karena tidak memakai read more, sebenarnya sih tergantung selera masing-masing, tapi disini saya akan sedikit sharing untuk para blogger yang belum tau bagaimana cara nya membuat read more pada blogspot.. :)

Read more sebenarnya adalah konten tetap yang telah diberikan oleh blogspot/blogger, tapi lain hal nya apabila seorang blogger mendownload template yang telah di design orang lain atau bukan bawaan dari blogspot. Sebagian memang ada yang tidak mendeklarasikan read more pada kode html di template nya.

Apabila dalam template yang kawan-kawan pakai telah mendeklarasikan read more nya, kawan-kawan bisa memotong nya sesuai keinginan kawan-kawan dengan mengklik ikon
di bagian teks yang mau kawan-kawan potong. Apabila di dalam template kawan-kawan tidak di deklarasikan, yang harus kawan-kawan lakukan adalah :   


1.  Buka Layout > Edit HTML. Lalu, masukkan kode dibawah ini tepat sebelum kode </head> dan setelah kode ]]></b:skin> 

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

 
2. Selanjutnya mengatur supaya postingan terpotong, cari kode <p><data:post.body/></p> dalam template anda dan tambahkan kode berikut tepat dibawahnya:

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


3.  "Read More.." bisa diganti dengan "Baca Selanjutnya.." sesuai keinginan. Apabila mau menambahkan gambar bisa ditambah kode <img src = "url gambar kawan-kawan"/>

 
4. Setelah meng-copy kode diatas, klik Save Template. Lalu saat membuat postingan, bisa mengklik icon yang tadi telah saya jelaskan diatas atau apabila menggunakan mode HMTL dan bukan COMPOSE. Kawan-kawan bisa menggunakan <!--more--> setelah postingan yang akan dipotong ATAU memberikan kode <span class=”fullpost”>  dan </span> diantara lanjutan postingannya, contoh:

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 read more.. diklik </span>

ATAU

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. <!--more--> Dan
ini adalah sisa postingan saya yang akan saya sembunyikan dan hanya
muncul pada saat post page atau link read more.. diklik

Hasilnya akan menjadi 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. Read More..

Selamat Mencoba :)