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

0 Response to "Cara Membuat Read More pada Blog"

Posting Komentar