Home » » Cara Membuat Read More Otomatis

Cara Membuat Read More Otomatis

Cara Membuat Read More Otomatis untuk newbie. Selepas memasangnya ia akan bekerja untuk kita. Dengan Read More juga blog kita lebih kemas dan teratur. Sebelum melangkah ke cara membuat read more otomatis di blogspot lebih baik kita tahu apa itu read more? dan apa fungsi read more? Read more atau " Baca Selengkapnya " berfungsi untuk meminima halaman blog agar paparannya lebih rapi dan menarik. Read more otomatis ini akan memotong post atau artikel yang panjang menjadi pendek ditampilkan di halaman depan. Anda juga boleh menentukan jumlah huruf yang dipaparkan, Artikal lengkap hanya dapat dibaca oleh pengunjung dengan menekan “Read more” atau “baca selengkapnya” Sekarang terus kepada cara membuat read more otomatis.

1.Login ke Blogspot anda
2.Buka halaman design > Edit HTML > centang Expand template widget
3.Cari kode </head> (gunakan CTRL + F untuk mempermudah pencarian)
4.Paste kode berikut tepat dibawah </head>

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>


5.Seterusnyanya cari kode <data:post.body/> atau <p><data:post.body/></p> .
Jika terdapat 2 kode yang sama, gunakan atau ganti kode yang pertama.
6.Ganti kode tersebut dengan kode dibawah ini

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<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>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

7.Biasakan menekan Preview sebelum di SAVE/simpan
8.Selesai simpan template dan lihat hasilnya

Cara membuat Read More otomatis di Blogspot berwarna merah ini boleh anda ubah. Berikut adalah keterangannya :
  • summary_noimg = 430; apabila artikel anda tanpa gambar satupun maka yang akan tampil pada halaman depan adalah 430 huruf
  • summary_img = 340; apabila artikel anda berisi gambar maka yang akan tampil pada halaman depan adalah 340 huruf dan gambar
  • img_thumb_height = 100; ini adalah ukuran tinggi gambar / thumbnail yang akan muncul di halaman depan
  • img_thumb_width = 120; sedangkan yang ini adalah lebar gambar / thumbnail di halaman depan.
  • Anda juga boleh mengganti Icon read more http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif dengan URL icon yang anda inginkan. Sekiranya anda ingin mengubah Icon Read more menjadi tulisan saja seperti ini " >> Read more ", maka anda hanya perlu menghapus / mengganti kode <img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img>menjadi tulisan >> Read more atau Baca selengkapnya dll.

Semoga cara membuat read more otomatis di blog ini bermanfaat untuk anda. Selamat mencoba dan semoga berhasil. Tuhan memberkati.

3 comments: