Friday, July 06, 2012

2 Membuat read more otomatis

Read more, bagi para blogger yang sudah proffesional pasti sudah tau cara membuat kode read more otomatis ini. tetapi bagi blogger yang baru belajar atau baru tau dunia internet pasti sangat kesulitan cara membuat kode read more otomatis. sebetulnya cara membuat read more otomatis ini sangatlah mudah sobat tetapi harus lebih teliti pada penempatan kodenya, jika salah pasti akan eror sobat. jadi usahakan jangan salah menaruh kode read more otomatis ini yah :). Sebelumnya kode read more otomatis ini untuk halaman yang menggunakan blogspot saja, untuk drupal,wordpress,dll cari saja di google atau saya akan membahas di next article :D hehe (insyaallah) doakan saja untuk bisa buat artikel lagi yah.
Cara membuat read more otomatis, silahkan disimak sobat.
  • Langkah pertama Login ke blogspot.com
  • Lalu masuk ke Template
  • Edit HTML
  • Centang Expand template widget
  • Cari kode </head> untuk lebih mudah tekan F3 atau CTRL+F
  • Pastekan kode ini dibawah 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://softripgamehosting.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

  • Selanjutnya cari kode <data:post:body> ( Gunakan F3 supaya lebih cepat ) Jika anda menumukan 2 kode yang sama pilih kode yang pertama
  • Jika sudah ketemu ganti kode itu 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'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

  • Simpan template dan lihat hasilnya :)
Keterangan :

  • Summary_noimg :  Jumlah kata  Artikel tanpa gambar 
  • Summary_img : Jumlah kata Artikel berisi gambar 
  • img_thumb_height : Ukuran tinggi gambar
  • Img_thumb_weight : Ukuran lebar gamabar
Semoaga artikel membuat read more otomatis ini membantu anda :)


2 comments:

 

Turto Share Copyright © 2011 - |- Template created by O Pregador - |- Powered by Blogger Templates