[ Tutorial ] Cara membuat Read More pada blogger

Kalian tau ga sih, kalau setiap kita masuk kehalaman awal pasti muncul postingan kita full 1 postingan, kalo tiap satu postingan blog kita hanya sedikit si gapapa, tapi kalau tiap 1 postingan kita panjang banget kan gimana gitu?, halaman utama bisa2 hanya nampil full 1 postingan saja, jadinya kurang efektif aja, kalau ada orang yang mengunjungi blog kita merasa akan malas untuk melihat2 blog kita, solusinya adalah kita dengan membuat read more, atau baca selengkapnya, agar halaman utama blog kita akan menampilkan banyak postingan kita yang berbeda2, gimana caranya ? kita langsung aja yaaa ke TKP ..

• Sebelumynya ya sudah pasti lah, buka blog kita -> rancangan -> edit HTML
• Trus ceklis Expand template Widget
• Oh ya, sebelumnya backup dulu tempelate anda agar jika nanti terjadi hal-hal yang tidak diinginkan bisa dikembalikan ke seperti semula.
• Kalau sudah, cari tag </head> dengan cara menggunakan fitur find pada browser kita tekan ctrl+f, kalau sudah ketemu ketikkan kode dibawah ini tepat di atas kode </head>

<script type='text/javascript'> 

var thumbnail_mode = "no-float" ; 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'/>

Keterangan :
Bila kalian ingin merubah / memodifikasi ukuran Readmore pada blog anda, ubah saja di bagian-bagian kode di bawah ini, dan Ubah angka nya sesuai kebutuhan:

summary_noimg = 430; adalah tinggi potongan artikel tanpa gambar
summary_img = 340; adalah tinggi potongan artikel dengan gambar
img_thumb_height = 100; adalah ukuran tinggi thumbnail
img_thumb_width = 120; adalah ukuran lebar thumbnail

• Kemudian untuk selanjutnya  cari kode <data:post.body/> lalu ganti tag <data:post.body/> tersebut dengan kode script 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;READMORE...</a></span></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Untuk kata Read More... bisa diganti dengan kata apa saja, kalau semuanya sudah selesai jangan lupa di save dan pratinjau terlebih dahulu, apa bila gagal, ulangi kembali dari awal dengan mengupload ulang backupan template anda, Do it with your own risk yaa, gak tanggung gue kalo ada apa-apa. hehehe, sekian dan terimakasih yaa udah mampir .. :)
Kalo Mau Share / CoPas biasain dicantumin blog sumbernya yaaa ..