Cara Membuat Auto Read More di Blog

Unknown

Tutorial Blogging

12 Mei 2013

Belum ada komentar

Cara Membuat Auto Read More di Blog - Cara Membuat Read More Otomatis di Blog atau Cara Membuat Read More di Blog atau Cara Memasang Auto Read More di Blog.

Pada kesempatan kali ini, Hilbram akan memposting artikel tentang Cara Membuat Auto Read More di Blog. Read More atau Baca Selengkapnya adalah sebuah widget yang berfungsi meringkaskan suatu artikel. Sebenarnya widget ini memang harus wajib dipasang di setiap blog, karena ini berguna untuk memudahkan meraka (pengunjung) mengetahui lebih banyak artikel pada halaman homepage atau halaman lainnya. Jadi, dengan adanya widget Read More ini, slot postinganpun akan terload dengan rapih. Bagaimana? tertarik? Jika Anda tertarik untuk mencoba widget Read More ini, simak tutorialnya berikut:

1. Login ke akun Blogger Anda.
2. Lalu pilih Template > Edit Html > Dan cari kode </head> (untuk memudahkan pencarian, tekan Ctrl+F)
3. Copy kode dibawah ini, dan pastekan tepat diatas kode </head> tadi.

<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'/> 

*Tambahan: Anda bisa memodifikasi sendiri script diatas, dengan dibawah ini:

• 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

4. Next, cari kode <data:post.body/> bila sudah ketemu, ganti tag tersebut dengan kode dibawah 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> 

*Tambahan: Anda juga bisa merubah kata READMORE... dengan kata sesuka Anda sendiri.

5. Alangkah baiknya, tekan Pratinjau dulu untuk memastikan tombol Read More telah terpasang atau belum, jika belum, mungkin penempatan dan kode script tidak keseluruhan di copy. Setelah berhasil, baru tekan Simpan.

Demikianlah tutorial kita pada hari ini tentang Cara Membuat Auto Read More di Blog. Semoga artikel ini menjadikan inspirasi Anda terutama blog Anda. Semoga bermanfaat...