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>
6. Setelah ketemu ganti kode tersebut dengan kode dibawah ini :
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.
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 = "no-float" ; 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 != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</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 == "item"'><data:post.body/></b:if>
Keterangan :<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</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 == "item"'><data:post.body/></b:if>
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.