Cara Membuat Auto-Readmore pada Blog
Selamat siang sobat TammamBlog, pada kesempatan kali ini TammamBlog mau share tutorial blogger. Gimana caranya membuat Auto Readmore pada blog. Auto Readmore adalah script unik yang berfungsi untuk menampilkan sebagian postingan di beranda. Jadi pengunjung blog tidak harus melakukan scroll kebawah terlalu banyak karena postingan kita yang panjang. Tentu ini akan mempermudah pengunjung blog. Karena dapat melihat seisi blog dengan cepat dan tidak memakan waktu.Bagaimana ? sudah mengerti kan maksud ulasan diatas. jika sudah mari kita mulai memasang script pada blog. ikuti langkah-langkah di bawah ini.
- Pertama login dulu di akun blogger kalian
- Kemudian masuk ke menu Template
- Kemudian pilih Edit HTML
- Centang Expand Widget Template
- Kemudian masukkan script dibawah ini diatas tag </html>
<script type='text/javascript'>var thumbnail_mode=";
float"
summary_noimg=230;
summary_img=140;
img_thumb_height=100;
img_width=100;
</script>
<script src='http://thegustammfiles.tk/Script/readmore-otomatis.js' type='text/javascript'/>
- Selanjutnya cari tag <data:post.body/>
- Kemudian ganti <data:post.body/> dengan script dibawah ini
<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>
ubah poinnya guna mengatur jarak anara tulisan diatas readmore.
Pada tulisan berwarna hijau adalah posisi tulisan readmore, Anda dapat merubahnya dengan right, center, dan sebagainya.
Sedangkan pada tulisan readmore>>, Anda dapat menggantinya sesuai kebutuhan Sekian dulu tutorial blogging dari TammamBlog, semoga bisa bermanfaat.
No Comment to " Cara Membuat Auto-Readmore pada Blog "
Sampaikan pendapat atau pertanyaan Anda di kotak komentar berikut