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...♪♫

2 KomeNtaR:

RantZ RcheL said...

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

huda noor said...


شركة ريم جدة
شركة تنظيف بجدة
نقل عفش بالخرج
ارخص شركة مكافحة حشرات بجدة
شركة مكافحة حشرات بالقطيف
شركة نقل عفش بجازان

Post a Comment

    Comment Back Myspace Comments

    ShoutMix chat widget

Sobat Dewie

 


Copyright © 2009 dEwie Choco t