CARA MEMBUAT READMORE OTOMATIS DI BLOGSPOT

CARA MEMBUAT READMORE OTOMATIS DI BLOGSPOT

Kali ini saya dapat ilmu baru dari mbh Google tentang Cara Membuat Readmore Otomatis. Postingan kali ini akan memberikan bagaimana Cara Membuat Readmore atau Baca Selengkapnya pada postingan blog secara otomatis. Dengan adanya readmore otomatis, kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan image yang akan muncul pada halaman pertama blog.

Langsung saja ikuti langkah-langkah berikut :

1. Log In ke blog sobat dan edit HTML
2. Cari kode </head> dan jangan lupa centang dulu pada Expand Widget Template
3. Letakkan kode berikut ini tepat di bawahnya
4. <script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; 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'/>
5. kemudian cari kode <data:post.body/> atau <p><data:post.body/></p> lalu ganti kode tersebut dengan kode di bawah ini
6. <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> 
7. Klik SAVE

Selamat mencoba dan moga berhasil.............

Related Posts by Categories