Sabtu, 06 Agustus 2011

membuat read more otomatis

Kegunaan dari widget read more adalah untuk memotong postingan anda saat berada di home blog anda,supaya postingan yang terdapat pada home blog anda tidak terlalu panjang.berikut ini tutorialnya :

1,silakan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan centang pada bacaan "Expand Widget Template" atau lihat gambar di bawah ini,cara ini dimaksudkan untuk mempermudah mencari kode yang ingin anda cari :


cari kode </head> 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 = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

2. cari kode html berikut ini : <data:post.body/> atau <p><data:post.body/></p> hapus kode tersebut dan 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;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Keterangan
-tulisan yang berwarna merah adalah yang bisa anda ganti.  
-Summary noimg 430 = tinggi artikel terpenggal tanpa image
-Summar img 430 = tinggi artikel terpenggal dengan image
-READMORE bisa anda ganti sesuka anda misalnya : Baca Selengkapnya,lebih lengkap dll

3,Alangkah baiknya sebelum men"save" sebaiknya anda klik pratinjau dahulu,jika sudah yakin silahkan klik save template.


0 komentar:

Posting Komentar

© 2012 -adi | caca | Blogger Template HTML 5 | Designed by kimzigr | Using The 1KB Grid | Powered by Blogger