Membuat “Read More” di Blogger

Membuat “Read More” di Blogger
Caranya:

* Login ke blogger.com, pilih blog yang pengen kamu edit, klik link Layout kemudian masuk ke Edit HTML
* Untuk bisa ngedit template secara keseluruhan, kamu harus centang/tandai/aktifkan Expand Widget Templates

* Masukkan kode berikut sebelum tag atau tepat sesudah kode } ]]> seperti ini:
<style>
<b:if cond=’data:blog.pageType == “item”‘>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

<!–

span.fullpost {display:inline;}

span.fullpost {display:none;}

–>

* Selanjutnya mengatur supaya postingan terpotong, cari kode

dalam template kamu dan tambahkan kode berikut tepat dibawahnya:

<b:if cond=’data:blog.pageType != “item”‘>
<a expr:href=’data:post.url’> Read More..</a>
</b:if>
Read More..

* Nah supaya terpotong, setiap kali kamu posting, klik pada bagian posting dimana kamu pengen tulisan Read More.. muncul, dan ketik sisa postingan sampai selesai . Untuk menmbahkan kode ini, ketika posting kamu harus dalam mode Edit HTML bukan Compose

Contoh penulisan posting:

ISP adalah perusahaan penyedia jasa pelayanan internet. Peran ISP adalah menghubungkan kita dengan jaringan internet internasional. Jenis layanan yang disediakan oleh setiap ISP kepada setiap pelanggan berbeda-beda . Dan ini adalah sisa postingan saya yang akan saya sembunyikan dan hanya muncul pada saat post page atau link read more.. diklik

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s