Pages

Senin, 21 Mei 2012

Cara Membuat Read More Otomatis DiBlog

Cara Membuat Read More Otomatis Di Blog sangat mudah . Read More (Baca Selengkapnya) berfungsi untuk memotong pada setiap artikel yang panjang sehingga halaman pada blog terlihat rapi dan lebih menarik.


Cara membuat Read More Otomatis di blog sebagai berikut :
1.Login Ke blog sobat.
2.Kemudian menuju halaman Rancangan >>Edit HTML >>centang Expand template widget
3.Cari kode </head> (Ctrl + F untuk mempermudah pencarian)
4.Copy dan pastekan kode di bawah ini tepat di bawah </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://yourjavascript.com/81041621221/read-moreotomatis.js.txt.js' type='text/javascript'/>

5.Next , cari kode <data:post.body/> atau <p><data:post.body/></p> (Ctrl + F untuk mempermudah pencarian)
6.Kemudian ganti <data:post.body/> atau <p><data:post.body/></p> 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'><b>Read more</b></a></span> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

7.Simpan , selesai.

Keterangan : Sobat juga bisa mengganti dengan icon Read More dengan mengganti tulisan <b>Read more</b> dengan kode di bawah ini :

<img src=" GANTI DENGAN URL ICON SOBAT "></img>

Selamat mencoba !!

0 komentar:

Posting Komentar

Ikan