Bagaimana Cara membuat Read More otomatis di blogspot?
Cara membuat read more otomatis di blogspot sangat
mudah. Sebelum melangkah ke cara membuat read more otomatis di
blogspot lebih baik kita tahu apa itu read more? dan apa fungsi read
more? 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. Read more otomatis ini
akan memotong tampilan depan artikel yang panjang dan anda bisa menentukan
berapa banyak huruf yang akan ditampilkan di halaman depan, begitu pengunjung
membuka Read more atau baca selengkapnya barulah pengunjung bisa membaca
artikel penuh blog anda. Sekarang lanjut ke langkah cara membuat read more
otomatis di blogspot.
Langkah-langkah cara membuat Read More Otomatis di Blogspot
- Login ke Blog anda
- Buka halaman design > Edit HTML > centang Expand template widget
- Cari kode </head> gunakan CTRL + F untuk mempermudah pencarian
- Paste kode berikut tepat dibawah </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>
<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> (
seperti biasan 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 !=
"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'><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 == "item"'><data:post.body/></b:if>
<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'><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 == "item"'><data:post.body/></b:if>
- Finish simpan template dan lihat hasilnya
