Artikel Informasi Kesehatan, Bank, Blog, Internet, Tekno

Peringatan!! Untuk Keamanan Gunakan Web Browser Google Chrome

Rabu, 08 Juni 2011

Cara Membuat Read More di Blogspot

Cara Membuat Read More di Blogspot - Read more atau baca selengkapnya berfungsi untuk menyembunyikan beberapa bagian postingan yang akan ditampilkan pada beranda blog, google menyarankan menampilkan sekitar 10 postingan di halaman awal blog. Bila beberapa baris tidak disembunyikan dengan read more halaman beranda/home akan menjadi panjang dan terlihat kurang menarik ngambek. Berikut langkah-langkah cara membuat read more di blogspot.

Login ke blogger --> Rancangan --> Edit HTML, lalu centrang pada Expand Template.
Copy kode di bawah ini

<style>
<b:if cond='data:blog.pageType == "item"'>
span.hidenpost {display:inline;}
div.hidenpost {display:inline;}
<b:else/>
span.hidenpost {display:none;}
div.hidenpost {display:none;}
</b:if>
</style>
Cari <data:post.body/> dan tambahkan kode berikut tepat dibawahnya:
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Baca selengkapnya <data:blog.pageTitle/></a>
</b:if>

Letakkan kode tadi tepat di atas kode </head>
Lalu copy kode di bawah ini

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

Letakkan tepat setelah kode <data:post.body/>
Kata read more bisa diganti dengan baca selengkapnya atau terserah Anda

Kemudian simpan template, sekarang yang perlu kit lakukan setiap membuat postingan pada bagian Edit HTML sisipkan kode <span class="hidenpost"> di atas isi postingan yang akan disembunyikan dan diakhir postingan disisipi kode </span>.

Jika di antara kode <span class="hidenpost"> dan </span> sudah terdapat kode <span> gunakan kode <div class="hidenpost"> dan diakhir postingan ditutup dengan kode </div>.
Cara Membuat Read More di Blogspot - Baca juga Cara Memasang Kotak Komentar Facebook [New Version + notify] di Blog

Cara Membuat Read More di Blogspot Rating: 4.5 Diposkan Oleh: Adiana Putra