-->
 Home  ·  About  ·  Privacy  ·  Contact  ·  Advertise  ·  Follow

Cara Membuat Read More pada Blog

Cara Membuat Read More di Blog – Tujuan dari pembuatan read more pada blog yaitu untuk membuat tampilan posting agar lebih rapi dan tidak memanjang kebawah.

Kalau blog kita rapi tentu saja pengunjung akan betah berlama-lama mampir di blog kita. Berikut cara memasang read more pada blog :

1. Login akun blogger Anda.
2. Pilih Template > Edit HTML
3. Cari kode </head> (gunakan Ctrl + F untuk mempercepat pencarian).
4. Copy paste kode berikut diatas 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> 
5. Kemudian cari kode <data:post.body/>
6. Setelah ketemu 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'>READ MORE</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
Keterangan :
summary_noimg = 430; yaitu jumlah karakter yang akan ditampilkan ketika tidak menggunakan gambar.
summary_img = 340; yaitu jumlah karakter yang akan ditampilkan ketika menggunakan gambar.
img_thumb_height = 100; yaitu ukuran tinggi gambar yang akan ditampilkan.
img_thumb_width = 120; yaitu ukuran lebar gambar yang akan ditampilkan.
7. Klik Simpan template.

Nah, tampilan posting Anda sudah terpasang Read More, selamat mencoba.

10 komentar:

  1. centang expand maksudnya apa yaaa ?

    ReplyDelete
  2. Pencarian kode tampilan terbaru tdk lgi menggunakan expand template widget, baca selengkanya : http://id-pemula.blogspot.com/2013/04/pencarian-kode-html-tampilan-baru-lebih.html

    ReplyDelete
  3. thank gan infonya
    tapi ane masih g' ngerti nih

    ReplyDelete
  4. Terimakasih atas infonya gan,
    http://bit.ly/1HWliVs

    ReplyDelete
  5. thank mas infonya
    nanti coba ane praktekin.... insanilahi99.blogpot.com

    ReplyDelete
  6. ini gak ketemu gan dalam template

    ReplyDelete
  7. ini gak ketemu gan dalam template

    ReplyDelete
  8. thanks gan
    http://elektroproton.blogspot.co.id

    ReplyDelete
  9. gk ada js nya gk bisa gan.......

    ReplyDelete

 
Copyright © 2013 - . Info Blog Indonesia · Powered by Blogger
Join Us · Facebook · Twitter