1. Silakan sobat blogger masuk ke acount bloggernya masing - masing
2. Monggo klik Rancangan
3. Kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand WidgetTemplate" atau lihat gambar di bawah ini :
4. Cari kode </head>, untuk memudahkan sobat blogger tekan F3 atau CTRL + F, lalu masukkan kode tersebut dikolom yang tersedia.
5. Setelah ketemu, kemudian masukkan script di bawah ini persis dibawah kode tersebut .
<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'/>
6. Cari kode html berikut ini : <data:post.body/> atau <p><data:post.body/></p> (sama saja), ganti 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>
<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>
---> Summary noimg 430 = tinggi artikel yang terpenggal tanpa image
---> Summar img 430 = tinggi artikel yang terpenggal dengan image
---> Tulisan " READ MORE" bisa sobat ganti Selengkapnya, Selanjutnya dll...(Sesuka sobat blogger)7. Ini yang paling penting, setelah langkah - langkah di atas selesai tinggal di SAVE. . .hehehe
Walaupun melenceng dari tema, tapi tetep Langkah - Langkahnya ada 7. . .hehehe. Semoga bisa bermanfaat. . .Sukses selalu, Terimakasih. . .
sumber:
http://fakta-7.blogspot.com/2011/06/cara-membuat-read-more-otomatis.html
No comments:
Post a Comment