Selasa, 07 Agustus 2012

Cara Membuat Read More Otomatis Pada Blogger


Read More untuk blogger.....? banyak para blogger yg ingin mempercantik bloggernya tentu...
nah saya ingin membagi tips nich.. buat para bloggger yg ingin menggunakan READ MORE di bloggernya, langsung aja yuk..:

1. Masuk Blogger pilih Template
2. Centang Expand Template Widge
3. Cari kode </head> Supaya cepat klik Ctrl F
4. Masukkan kode dibawah ini tepat dibawah </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'/>

5. cari kode <data:post.body/> dan Ganti dengan kode dibawah 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'>READMORE...&#187;&#187;&#160;&#160;</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Keterangan :
READ MORE : bisa diganti sesuai selera
summary_noimg = 430; adalah tinggi potongan artikel tanpa gambar, bisa diganti sesuai selera
summary_img = 340; adalah tinggi potongan artikel dengan gambar, bisa diganti sesuai selera
img_thumb_height = 100; adalah ukuran tinggi thumbnail, bisa diganti sesuai sele
img_thumb_width = 120; adalah ukuran lebar thumbnail, bisa diganti sesuai selera

Save Template dan lihat hasilnya.

Selamat Mencoba.... Semoga bermanfaat......... 

0 komentar:

Posting Komentar

Popular Posts