Cara Membuat READMORE Otomatis di Blogspot

Bookmark and Share
Dari sekian banyak blogger mungkin sudah banyak yang nulis tutorial ini, tetapi saya juga ingin menulisnya agar tidak lupa dengan scriftnya hehehe :

Oke langsung saja :
1. Masuk Blogger pilih Template
2. Centang Expand Template Widget
3. Cari kode </head> Supaya cepat klik Ctrl F dan tuliskan </head>
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'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

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

6. Save Template dan lihat hasilnya
Selamat mencoba semoga berhasil ...

{ 0 komentar... Views All / Send Comment! }

Posting Komentar

Kritik dan sarannya ya agan-agan semua sangat berguna untuk kemajuan blog ini ^_^