Friday, 21 October 2011

Cara Membuat Read More Otomatis

Kali ini saya akan menuliskan tentang Tutorial tentang blog, sebenernya sih artikel ini melenceng dari tema blog saya yang bertemakan pengetahuan, dan berita, tapi tak apa lah, membagi ilmu itukan pahala, oke mari kita pelajari cara buat READ MORE OTOMATIS. . .

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 = &quot;no-float&quot; ; summary_noimg = 430;summary_img = 340img_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 != &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;READ MORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if> 

Keterangan : Tulisan yang berwarna biru adalah yang bisa sobat ganti.  
---> 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

1 comments:

Thanks sudah berbagi ilmunya, sukses selalu...

Post a Comment

Related Posts Plugin for WordPress, Blogger...