Membuat Readmore Otomatis

Terkadang ada template yang tidak menyediakan fitur Readmore... Nah, sekarang sobat bisa membuat sendiri read more tersebut...
Caranya :

1. Log In dahulu ke account blogspot sobat.

2. Klik "Page Element" & klik "Edit HTML"

3. Centang "Expand Widget Templates"

4. Cari kode berikut


</head>


5. Kemudian masukkan script di bawah ini tepat di bawah kode tersebut.


<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 400; summary_img = 400; img_thumb_height = 100; img_thumb_width = 100; </script> <script src='http://sites.google.com/site/dewiechoco/javascript/read-moreotomatis.js' type='text/javascript'/>


6. Lalu cari kode berikut :


<data:post.body/>  atau <p><data:post.body/></p> 


7. Ganti kode di atas dengan


<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'>READMORE&gt;&gt;</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>



8. Simpan lalu lihat hasilnya..


Keterangan : tulisan yang berwarna merah adalah yang bisa anda ganti.
=> Summary noimg = 400; tinggi artikel terpenggal tanpa image
=> Summar img = 400; tinggi artikel terpenggal dengan image
=> img_thumb_height = 100; (Thumbnail 'tinggi dalam piksel)
=> img_thumb_width = 100; (Thumbnail 'lebar dalam piksel)
=> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll...♪♫

1 KomeNtaR:

RantZ RcheL said...

jadi nya nanti seperti apa ya,. di kasih contoh dnk,. bu,. hehe

Post a Comment

    Comment Back Myspace Comments

    ShoutMix chat widget

Sobat Dewie

 


Copyright © 2009 dEwie Choco t