Pages

Sabtu, 14 Agustus 2010

Cara Membuat Read More Otomatis

Saya sudah pernah membahas bagaimana cara membuat read moredan pada kesempatan hari ini saya akan membahas tentang Cara Membuat Read More Otomatis.
Langsung saja ke TKP :

1. Log in ke Blog anda > Layout (tata letak) >> Edit HTML lalu beri tanda centang di Expand Widget Template
2. cari kode </head>
3. copy kode ini dan paste di bawah kode </head>

<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'/>

keterangan : sesuaikan kode yang berwarna merah dengan keinginan anda

4. cari kode <data:post.body/> atau <p><data:post.body/></p>
5. hapus/ganti kode itu dengan kode

<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 : ganti tulisan berwarna merah dengan kata anda sendiri

tinggal di save dan lihat sendiri hasilnya, SELAMAT MENCOBA....



Tidak ada komentar:

Posting Komentar

 

Sample text

Sample Text

Sample Text