CARA MEMBUAT READ MORE DI BLOG

Tags

Cara Buat Read More Otomatis di Blogspot

Cara Membuat Read More Otomatis di website atau blog untuk pemula. Dengan menggunakan Read More maka website atau blog kita akan terlihat lebih rapi. Sebelum kita membuat Read More otomatis di blog maka lebih baik kita harus tahu apa itu Read More dan fungsi dari Read More.


Read More atau " Baca Selengkapnya " berfungsi untuk meminimalkan halaman blog agar tampilannya terlihat lebih rapi dan menarik. Read more ini akan memendekkan post kita yang panjang untuk ditampilkan di halaman depan pada blog kita. Dan anda juga boleh menentukan jumlah huruf yang akan ditampilkan, Apabila pengunjung ingin membaca artikel kita secara lengkap maka pengunjung dapat menekan tombol “Read more” atau “baca selengkapnya”.

Berikut cara-cara membuat Read More di blog kita :
1. Login ke Blogspot anda atau masuk ke www.blogger.com
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'>
<b> Readmore  →  <data:post.title/> </b> </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 di Blogspot berwarna yang merah boleh anda rubah. Berikut ini 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.


EmoticonEmoticon

The Best Traffic Exchange
paidviewpoint'
EasyHits4U.com - Your Free Traffic Exchange - 1:1 Exchange Ratio, 5-Tier Referral Program. FREE Advertising!