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

Anda baru saja membaca artikel yang berkategori Blog dengan judul Cara Membuat Read More pada Blog. Anda bisa bookmark halaman ini dengan URL https://sayangmamah07.blogspot.com/2012/07/cara-membuat-read-more-pada-blog.html. Terima kasih!

Ditulis oleh: Unknown - Thursday, 19 July 2012