16 February 2012

Readmore Otomatis dengan Gambar di Blog

Ada request nih tentang cara bikin Readmore Otomatis dengan Gambar di Blog
Langsung aja simak yaa Cara membuat Readmore Otomatis dengan gambar di Blog

  • Login Ke Blogger.com
  • Buka Halaman Design/Rancangan => Edit Html
  • Cari Kode </head> gunakan Ctrl+F atau F3 untuk mempermudah pencarian 
  • Lalu paste kode berikut tepat 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://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>
  • Selanjutnya cari kode <data:post.body/> atau </p><data:post.body/></p> gunakan F3 atau Ctrl+F lagi untuk mempermudah Perncarian 
  • Jika sudah ketemu silahkan Tambahkan kode dibawah ini DIBAWAH kode <data:post.body/> tersebut



Selesai sekarang Coba cek Homepage Blog anda

Cara membuat Read More otomatis di Blogspot ini bisa anda rubah sebagian.
Yang bisa dirubah adalah Banyaknya Text dan icon berikut ini adalah keterangannya :

1. summary_noimg = 430; apabila artikel anda tanpa gambar satupun maka yang akan tampil pada halaman depan adalah 430 huruf

2. summary_img = 340; apabila artikel anda berisi gambar maka yang akan tampil pada halaman depan adalah 340 huruf dan gambar

3. img_thumb_height = 100; ini adalah ukuran tinggi gambar / thumbnail yang akan muncul di halaman depan

4. img_thumb_width = 120; sedangkan yang ini adalah lebar gambar / thumbnail di halaman depan.

5. Anda juga bisa mengubah Icon read more http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif

Silahkan diganti URL icon yang anda inginkan. Atau anda ingin mengubah Icon Read more tersebut menjadi tulisan saja misalnya " >> Read more ", maka anda tinggal menghapus / mengganti kode
<img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif">
</img> menjadi tulisan >> Read More atau Baca selengkapnya dll.

Semoga artikel cara membuat read more otomatis di blog ini bermanfaat. Selamat mencoba dan semoga berhasil.

Sumber
 

TandichasGalih Copyright © 2011 Template Created by TandichasGalih Powered by Blogger

Home Follow This Blog Facebook Twitter Daftar Isi Dashboard
Tutorial Blog Misteri Dunia Fakta Unik Social Software Cheat Game Label →