Thursday, July 19, 2012

Cara Membuat Read More pada Blog

Nah pada kesempatan kali ini saya akan membagikan trik blog yaitu membuat read more pada blog. Nah langsung saja biar gak terlalu basa-basi, berikut carany :

1. Masuk ke account blog sobat.
2. Pilih menu Rancangan.
3. Edit Html, centang Expand widget default.
4. cari kode </head>, biar gampang tekan Ctrl + F3.
5. lalu masukan kode dibawah ini tepat dibawah kode </head>.

<script type='text/javascript'> var thumbnail_mode = "no-float" ; 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'/>
6. Lalu cari kode <data:post.body/>.
7. Lalu ganti kode tersebut 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>
8. Kemudian Save template kamu.

Keterangan :
Ganti tulisan READMORE....... dengan selera kamu.
Summary_ noimg = adalah artikel yang terpotong tanpa Gambar bisa diganti sesuai dengan selera.
Summary_img = adalah artikel yang terpotong dengan Gambar bisa diganti sesuai selera.
img_thumb_height = 100; adalah ukuran tinggi thumbnail, bisa diganti sesuai selera
img_thumb_width = 120; adalah ukuran lebar thumbnail, bisa diganti sesuai selera


EmoticonEmoticon