Breaking News
recent

Cara Memasang Fitur Auto Readmore Pada Blogger

Fitur auto readmore adalah fitur yang sangat berguna bagi anda karena akan mengurangi pekerjaan para pengunjung blog kita dalam mencari artikel yang diinginkan, jadi ga perlu membuang-buang waktu yang lama dengan menggerakkan kursor mouse kebawah. Hal itu disebabkan oleh fitur read more, secara otomatis semua posting yang muncul di halaman-halaman utama (misalnya home, search query results, tag results, dll) akan terpotong dengan readmore.

Berikut langkah-langkah Cara Membuat Auto Read More Di Blog :
1. Masuk ke editor template HTML. Download template terlebih dahulu untuk amannya.
2. centang expand widgets template.
3. Masukkan script berikut TEPAT SEBELUM tag (gunakan Ctrl+F untuk mencari)


<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 250;
summary_img = 150;
img_thumb_height = 120;
img_thumb_width = 120;
</script>
<script src='https://sites.google.com/site/bukarahasiahost/azmeereadmore/azmee-readmore.js' type='text/javascript'/>

keterangan:

  • summary_noimg = 250; adalah banyaknya karakter yang akan ditampilkan ketika tidak ada gambar di dalam posting anda, anda bisa mengubah jumlahnya.
  • summary_img = 150; adalah banyaknya karakter yang akan ditampilkan ketika terdapat gambar di dalam posting anda, anda bisa mengubah jumlahnya.
  • img_thumb_height = 120; adalah tinggi gambar thumbnail, anda dapat mengubah nilainya.
  • img_thumb_width = 120; adalah lebar gambar thumbnail, anda dapat mengubah nilainya. Tapi untuk amannya tinggalkan begitu saja.

4. Lanjutkan dengan mencari (seperti biasa, gunakan senjata Ctrl+F)
5. Lalu GANTI dengan script berikut:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</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 sesuka anda entah itu "baca selanjutnya klik disini", "Read the rest of this entry", "Lanjutkan!!", atau suka-suka kalian.

6. Untuk memastikan hasilnya, jangan di-save dulu. Gunakan preview untuk mengeceknya.
7. Setelah beres, silakan di-save.
8. Finished, you've now got auto readmore for blogger.

Wardah F

Wardah F

No comments:

Post a Comment

Translate

Wardah@mychocochips. Powered by Blogger.