Cara Memasang Auto Read pada Blog

Kalian pasti ketika membaca artikel di beberapa web ada yang disematkan informasinya seperti read more... atau Baca Seengkapnya nah itulah yang dinamakan dengan auto read daripada banyak cerita mending langsung saja cara memasangnya :)

Berikut langkah-langkahnya:

1. Masuk ke editor template HTML. Download template terlebih dahulu untuk jaga-jaga dimana kalian lupa atau ke save nah pada saat itu kode ada yang salah.
2. centang expand widgets template.
3. Masukkan script berikut sebelum tag </head> (gunakan Ctrl+F untuk mencari)

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='https://sites.google.com/site/bukarahasiahost/azmeereadmore/azmee-readmore.js' type='text/javascript'/>

Catatan kecil :

-summary_noimg = 230; adalah banyaknya karakter yang akan ditampilkan ketika tidak ada gambar di dalam posting anda, anda bisa mengubah jumlahnya.
-summary_img = 140; adalah banyaknya karakter yang akan ditampilkan ketika terdapat gambar di dalam posting anda, anda bisa mengubah jumlahnya.
-img_thumb_height = 100; adalah tinggi gambar thumbnail, anda dapat mengubah nilainya.
-img_thumb_width = 100; adalah lebar gambar thumbnail, anda dapat mengubah nilainya.
 Tapi untuk amannya tinggalkan begitu saja.

4. Lanjutkan dengan mencari <data:post.body/> (gunakan senjata Ctrl+F)
5. Lalu oleh anda ganti <data:post.body/> dengan script berikut:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<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>
<div style='clear: both;'/><span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more >></b></a></span>
</b:if>

Catatan kecil :

-padding-top:5px, ganti nilainya untuk membuat jarak dengan tulisan di atas readmore.
-float:right, ganti right dengan left jika ingin readmore muncul di sebelah kiri.
-Anda bisa mengganti Read more dengan kata-kata lain misalnya "baca selanjutnya", terserah anda saja yang penting enak dibaca :)

Nah sekian dari saya, semoga bermanfaat semuanya. terima kasih kepada om buka-rahasia yg telah memberi info nya