Cara Membuat Readmore Versi 1 Pada blog

Readmore atau istilah indonesianya Selanjutnya dan baca selengkapnya Adalah satu tips atau cara Mempersingkat, memotong artikel postingan agar terlihat singkat dan untuk memperlihatkan keseluruhan dari Artikel Postingan bisa dengan cara menekan readmore tersebut. Pada Sebuah Artikel Readmore di buat dengan menggunakan html, dan cara pembuatan bisa anda lihat Code HTML sebagai berikut ini,

Pertama, Login Ke Blogger anda kemudaian pilih Edit html.
kedua, Sebelum melanjutkan pengeditan, jangan lupa untuk mendownload templat blog anda terlebih dahulu agar jika ada kesalahan pada pengeditan bisa anda kembalikan kembali ke templat asal mulanya blog anda.
Ketiga, Masukkan Code Berikut ini sebelum code Tag </head> atau tempatnya setelah code ]]></b:skin> , Code :
<style>
<b:if cond='data:blog.pageType == "item"'>
   span.fullpost {display:inline;}
<b:else/>
   span.fullpost {display:none;}
</b:if>
</style>

Selanjutnya mengatur supaya postingan terpotong, cari Code <p><data:post.body/></p> 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>
Nah supaya terpotong, setiap kali kamu posting, klik pada bagian posting dimana kamu pengen tulisan Read More.. muncul, dan ketik <span class="fullpost"> sisa postingan sampai selesai </span>. Untuk menmbahkan kode ini, ketika posting kamu harus dalam mode Edit HTML bukan Compose.

Contoh penulisan posting:
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>

Hasil akhir postingan akan seperti ini:
Readmore atau istilah indonesianya Selanjutnya dan baca selengkapnya Adalah satu tips atau cara Mempersingkat, memotong artikel postingan agar terlihat singkat dan untuk memperlihatkan keseluruhan dari artikel postingan bisa dengan cara menekan readmore tersebut. Pada Sebuah Artikel Readmore di buat dengan menggunakan html, dan cara pembuatan bisa anda lihat code html sebagai berikut ini,Readmore

Posted by : BlogTerms ~ SEO | Backlinks | Website | Widget | Ads

Artikel Cara Membuat Readmore Versi 1 Pada blog diposting oleh BlogTermsThursday, July 19, 2012. Terima kasih atas kunjungannya. Mohon Di Share Melalui Widget dibawah ini :

0 comments:

Post a Comment