Membuat Read More Judul dan Penggalan Artikel otomatis di Home Page Blog

Membuat Read More otomatis di blog. artikel ini membahas bagaimana cara membuat penggalan artikel di halaman utama Blog tanpa menggunakan fitur Insert jump break bawaan dari blog (lihat contoh Home Page blog ini)., mengapa perlu menulis artikel ini, artikel ini sebenarnya buat komsumsi pribadi, dimana setiap ganti template  gak semua template memiliki fitur readmore otomatis misalnya ketika telah membuat artikel lalu menuju home blog artikel nya tidak terpenggal jd halaman blog panjang. nah karena saya keseringan ganti template lupa kode untuk membuat read more akhirnya ini buat arsip saya pribadi simpan tutorialnya kedalam postingan blog.

ahh terlalu panjang padahal yang penting cuma cara buatnya' gak sabar yaa..!!, okelah berikut cara membuat menambahkan  Read More otomatis pada blog, kode cara ini dicopy dari blog Vipeer Blood.. Thanks gan sdh berbagi..

Caranya.  Login ke akun bloger,  Pilih  Template lalu klik Edit HTML. Cari kode </head>  dan lettakkan kode berikut tepat di bawah 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'/>
langkah selanjjutnya cari kode <data:post.body/>  atau <p><data:post.body/></p> lalu ganti sala satu kode tersebut dengan kode di bawah ini.,
<b:if cond='data:blog.pageType != "item"'><div expr:id='"summary" + data:post.id'><data:post.body/></div><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script><span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'>»»  READ MORE...</a></span></b:if><b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
jika sudah selesai mengganti klik pertinjau dulu lihat hasilnya, 
jika tidak ada perubahan  maka ulang, coba lagi untuk mengganti kode yang ini <p><data:post.body/></p> ganti kode tersebut dengan kode yg diatas.. dicoba saja salah satunya... selamat mencoba.


NB. anda juga mengganti tulisan Read More sesukaa anda..

0 komentar:

Poskan Komentar