Monday, October 10, 2011

CARA MEMBUAT READMORE OTOMATIS DI BLOGSPOT

Sahabat Jufry semua, maaf yah kalau sekiranya apa yang saya bagikan ini udah 'basi', sebenarnya saya udah pernah posting mengenai Cara Membuat Readmore Otomatis di salah satu blog saya, hanya saja sekarang blog itu udah dossapear karena sesuatu hal makanya kali ini saya mencoba untuk post lagi. 

namun bagi sobat Jufry semua yang masih baru mengenai cara membuat readmore otomatis, ini dia langkah-langkah yang harus agan lakukan (hasilnya yah seperti yang agan lihat di blog ini ... dan di blog Portal English Understanding). Langsung aza yah ...
  • Masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis atau centang pada bacaan "Expand Widget Template" (biasa di bagian atas sudut kiri edit html).

  • Temukan kode </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut. Supaya mempermudah sobat semua gunakan shortcut Ctrl+F dan pastekan kode </head>
<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; 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'/> 

  • Selanjutnya temukan kode berikut ini:
 <data:post.body/> atau <p><data:post.body/></p>  

  •  Ganti kode tersebut dengan kode di bawah 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 :
Tulisan yang berwarna merah adalah yang bisa anda ganti.
 Summary noimg 430 = tinggi artikel terpenggal tanpa image
Summar img 430 = tinggi artikel terpenggal dengan image
Readmore bisa anda ganti dengan Baca Selengkapnya atau sesuai dengan kemauaan agan zaaaa...

  • Terakhir Save template dan keluar ....
Selamat Mencoba yah...  

1 comment: