Cara membuat Read More Otomatis di Blogger dengan menambahkan kode javascript pada template blog. Bagaimana Cara membuat Read More otomatis di blogspot? Cara membuat read more otomatis di blog sangat mudah. Sebelum
melangkah ke cara membuat read more otomatis di blog 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.
Langkah-langkah Cara membuat Read More Otomatis di Blogger
- 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 biasanya gunakan CTRL + F untuk mempermudah pencarian). Jika ditemukan kode yang sama, gunakan atau ganti yang pertama. Namun pengalaman di Blog saya yang diganti adalah pada kode yang kedua. Jadi semisal teman-teman menemukan kendala seperti saya dimohon tidak malas ya? di utak-atik sedikit udah berhasil kok... Hehehe...
- 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>
- Selanjut nya simpan template dan lihat hasilnya... Selamat mencoba ya...
0 komentar:
Posting Komentar