File Professional - Pernahkah sobat melihat
Auto Read More yang ada di blog sobat blogger kita yang lainnya ? Mungkin
diantara sobat - sobat sekalian ada yang bertanya - tanya tentang cara membuat
Auto Read More di Blogger. Sekarang, pada posting pertama saya kali ini saya
ingin share cara membuat Auto Read More di Blog.
Berikut adalah langkah - langkahnya :
1. Masuk ke Editor Template HTML. ( Klik
Template >> Edit HTML ).
2. Centang pada Expand Template Widget.
3. Cari kode </head> ( gunakan Ctrl +
F untuk mencari ) dan letakkan kode dibawah, di atas kode </head>.
<script type='text/javascript'>
var thumbnail_mode =
"float" ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='<script
src='http://hostfileprofessional.16mb.com/files/raya-readmore.js'
type='text/javascript'/>' type='text/javascript'/>
Keterangan :
-
summary_noimg = 230; adalah banyaknya karakter yang akan ditampilkan
ketika tidak ada gambar di dalam posting anda.
-
summary_img = 140; adalah banyaknya karakter yang akan ditampilkan
ketika terdapat gambar di dalam posting anda.
-
img_thumb_height = 100; adalah tinggi gambar thumbnail.
-
img_thumb_width = 100; adalah lebar gambar thumbnail.
4. Setelah selesai, lanjutkan dengan
mencari kode <data:post.body/>.
5. Ganti kode tersebut dengan script di
bawah.
<b:if cond='data:blog.pageType ==
"item"'>
<data:post.body/>
<b:else/>
<div
expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</script>
<div style='clear: both;'/><span
style='padding-top:5px;;float:right;text-align:right;'><a
expr:href='data:post.url' rel='bookmark'><b>Read more
>></b></a></span>
</b:if>
Keterangan :
-
padding-top:5px, ganti nilainya untuk membuat jarak dengan tulisan di
atas readmore.
-
float:right, ganti right dengan left jika ingin readmore muncul di
sebelah kiri.
-
Anda bisa mengganti Read more dengan kata-kata lain misalnya "baca
selanjutnya" atau apapun yang di inginkan.
6. Untuk memastikan, jangan di Simpan dulu.
Silahkan Pratijau terlebih dahulu.
7. Jika sudah sip! dan sesuai keinginan,
silahkan di Simpan.
Sekian, Terima Kasih telah membaca artikel
Cara Membuat Auto Read More di Blogger. Semoga Bermanfaat bagi kita Semua.
1 komentar so far
preview visited
Terimkasih sudah berkunjung ke Blog Pengetahuan. Budayakan untuk berkomentar yang baik dan sesuai dengan materi postingan, komentar yang terlalu singkat kami anggap Spam dan tidak kami tanggapi
EmoticonEmoticon