Popular Post

Posted by : Crusader 12

PadaKali ini yang akan saya bahas mengenai cara membuat read more di blogspot atau blogger.cara ini khusus untuk blogger kalau read more di wordpress tidak bisa dibuat secara otomatis, tapi dengan cara manual setiap postingan.
Read more dalam bahasa indonesia yaitu " Baca Selengkapnya " dan fungsi read more itu sendiri adalah meminimalis penggunaan halaman blog agar terlihat lebih rapi dan menarik.

Ini dia langkah cara mudah membuat READ MORE otomatis di blog : 

  • Login ke blog anda
  • Untuk mengantisipasi kesalahan  Download Template Lengkap di Edit html 
  • Buka Rancangan > Edit Html > Centang Expand Template Widget
  • Cari kode </head> tekan ctrl + f untuk mempermudah pencarian
  • Paste kode berikut tepat dibawah </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='https://crusader-12.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

  • Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p>  gunakan CTRL + F untuk mempermudah pencarian. Jika ditemukan 2 kode yang sama, gunakan atau ganti yang pertama.
  • Jika sudah ketemu silahkan anda ganti kode tersebut 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 :

  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.gifsilahkan 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.

- Saya sudah menyiapkan beberapa Gambar read more
- Hapus http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif  dan gantikan kode yang didapat setelah mengeklik gambar di bawah ini:



















Leave a Reply

Subscribe to Posts | Subscribe to Comments

- Copyright © Crusader 12 - The Shadow - Powered by Blogger - Designed by Thhedark Eye -