Cara Membuat 'Continue Reading' di Blog

As-salam
Pada kesempatan ini saya akan menjelaskan tentang Tutorial cara membuat "continue reading.." pada blog sobat. oke langsung saja :

contoh Hasilnya: bisa dilihat seperti di blog e-imam.blogspot.com 

Ada 2 langkah yang perlu sahabat lakukan :

1. silakan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template".

kemudian cari kode </head> untuk memudahkan mencari tekan Ctrl+F, kemudian masukkan script di bawah ini persis dibawah kode tersebut.

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>
 

2. Cari kode html berikut ini, untuk memudahkan mencari tekan Ctrl+F :
<data:post.body/> atau <p><data:post.body/></p>

ganti kode tersebut dengan kode di bawah ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;Continue Reading..</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

 

Keterangan : tulisan yang berwarna ungu adalah yang bisa anda ganti.

==> Continue Reading.. bisa anda ganti dengan Readmore.., Baca Selengkapnya.., atau sesuai dengan selera sahabat blogger.

Fungsi dari pembuatan Continue Reading.. ini adalah saat sobat blogger membuat banyak posting dan postingan itu panjang, maka akan memnjadikan postingan terlihat highlighnya saja dan pengunjung yang ingin membaca lanjutannya bisa mengklik continue reading.. serta dari memperbaiki segi tampilan blog terlihat lebih praktis (tidak terlalu memanjang kebawah).

Sampai di sini dulu posting yang berjudul "Cara Membuat 'Continue Reading' di Blog di blog" tentang memasang 'Continue Reading' pada blog sahabat, semoga cukup mudah dipahami, jika kurang paham mohon maaf, dan bisa menuliskan komentar ada di bawah ini jika ada pertanyaan dan saran. terima kasih. dan selamat mencoba.

jika artikel diatas bermanfaat bagi sahabat, 

LIKE this yo... terimakasih