Bikin Read More Otomatis
03.31Bikin Read More Otomatis Dengan Kolom Teks "Selanjutnya" di Blog
Bagi yang baru di blogger, atau masih belum tau gimana caranya untuk menyisipkan Read More di postingan kamu, nah ini saya sajikan langkah-langkah cepat, mudah, dan tidak banyak muluk2 nya deh.
2. Pilih Rancangan
3. Pilih edit HTML
4. Lalu centang Expand template widget
5. Terus carilah kode </head> (biar gak susah nyarinya, tekan tombol CTRL+F, trus isikan kata yang mau dicari)
6. Copy kode dibawah ini dan pastekan dibawah kode </head>
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img =300; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>
7. Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p>
8. Ganti kode diatas derngan kode berikut 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://i1146.photobucket.com/albums/o532/syarif4ayeb/read.jpg'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
9.Simpan template dan lihat hasilnya.
Catatan :
- summary_noimg = 430; (jumlah huruf artikel tanpa gambar)
- summary_img = 300;(jumlah huruf artikel bergambar)
- img_thumb_height = 100;(Tinggi gambar)
- img_thumb_width = 120; (Lebar gamnbar)
- Ubahlah link ini dengan gambar anda sendiri https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiPmhFfqihTaAJb75vjRzziOgyNsWJV3_l9Dy8iuLCNTnCm3ySX5foyD0J14FJ57dm-5HhLtcBhFVmmTSYsBolLFkSsxrtpIAl2tgtcdbJud5YEKxJUM0Z5I1pdOmcEl_W-tUVYposC8gu/s1600/selengkapnya.jpg
0 komentar