Cara membuat Read more di blog
Pembuatan Read More pada Blogger ternyata gampang-gampang susah,,kadangkala bagi para Blogger
Yang
masih newbie seringkali mengeluh karena penulisan posting artikel
mereka terlalu panjang dan berkeinginan agar postingan mereka terlihat
dinamis dan tidak terlalu memakan kapasitas ruangan.
Sehingga membuat para pembaca kurang tertarik dan juga tidak
fleksibel,,oleh karena itu dengan adanya Read More sangat berpengaruh
terhadap tampilan Blog kita.,oleh karena itu saya akan
Memberikan Cara Bagaimana Membuat Read More pada Blog.,baiklah kawan langsung saja kita ke TKP :
1. Masuk akun Blogger sobat
2. Klik Rancangan dan Pilih Edit HTML
3. Centang pada Expand Template Widget
4. Untuk mempermudah pencarian kode HTML nya anda tekan ( CTRL + F )
5. Cari kode </head> dan kalau sudah ketemu
6. Tambahkan kode dibawah ini tepatnya 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> <script
src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js'
type='text/javascript'/>
7.langkah Selanjutnya cari kode <data:post.body/> lalu ganti tag <data:post.body/> tersebut dengan
kode script di bawah ini :
6. Tambahkan kode dibawah ini tepatnya diatas kode </head>
<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>
<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>
8. Nah,setelah sobat menemukan kode seperti diatas ganti tulisan
dengan kode dibawah ini :
<img border="0" src="Paste alamat hostingan gambar Read More Anda"/>
9. Setelah itu save dan lihat hasilnya,jka sobat melakukannya dengan
benar maka tulisan read more yang
sebelumnya akan berubah menjadi icon
button atau gambar read more sobat.
Tambahan
jika sobat tidak mempunyai icon button atau gambar read more
sendiri,saya akan beberapa pilihan read more yang dapat sobat gunakan :
Tambahan
Langganan:
Posting Komentar (Atom)
