Tutorial Membuat READ MORE Otomatis pada Blog

Pada postingan saya kali ini, saya akan sedikit berbagi mengenai bagaimana caranya membuat read more otomatis pada blogspot. Siapa yang belum tahu mengenai cara membuat READ MORE otomatis di blogspot? Jika sobat blogger sudah tahu caranya membuat auto read more pada blogspot, maka sobat blogger boleh mengabaikan postingan ini. Tapi bagi sobat blogger yang belum tahu cara membuat auto read more, saya sarankan sobat blogger untuk melanjutkan membaca.
Apa sih keuntungan auto read more? Auto read more ini akan membuat blog sobat menjadi rapi. Sebenarnya ada sih cara manual membuat read more pada blogger, tetapi itu kan tidak efisien.
Oke langsung saja. Berikut tutorial mengenai cara membuat auto read more pada blogspot:

1. Pertama, loginlah dulu ke akun blogger sobat.
2. Kemudian, masuklah ke bagian template.
3. Kemudian, klik Edit HTML.
4. Centang Expand Template Widget
5. Cari kode </head> dengan cara tekan Ctrl + F dan ketik </head> , kemudian taruh kode ini 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://heka.ardiant.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

6. Kemudian, cari kode <data:post.body/> atau kode <p><data:post.body/></p>
Gantikan kode di atas dengan kode berikut 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'>»»  READMORE...</a></span></b:if><b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Selamat, anda sudah berhasil membuat auto read more pada blog anda.

23.27 Share: