Cara membuat Read More di Blogspot

Untuk yang baru punya Blog mungkin anda sedang mencari solusi bagaimana cara membuat Read more Otomatis, karena biasanya Blogspot akan menampilkan seluruh  postingan jika belum kita oprek-oprek temanya. Nah ane punya tips buat anda yang ingin membuat read more otomastis di blog masing-masing. Berikut ini langkah-langkahnya

  1. Login ke Blogspot
  2. Masuk ke Blog
  3. Klik Template
  4. Edit HTML langsung saja klik lanjutkan
  5.  Centang kotak [Expand Template Widget]
  6. Cari kode [<head>] Supaya cepat langsung saja klik Ctrl+ F dan tuliskan [<head> ]
  7. Copy kode berikut ini tepat dibawah [<head>] hilangkan tanda kutip didepan dan belakangnya
READ :   Cara Memilih Web Hosting Murah

“ <script type=’text/javascript’> var thumbnail_mode = “no-float” ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src=’http://rizqi.moehamed.googlepages.com/read-moreotomatis.js’ type=’text/javascript’/>”

  1. Cari kode [<data:post.body/>]  lalu hapus dan Ganti dengan kode dibawah ini hilangkan tanda kutip didepan dan belakang kode:“ <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’>&#187;&#187;&#160;&#160;Lihat Selengkapnya…</a></span>
    </b:if>
    <b:if cond=’data:blog.pageType == &quot;item&quot;’><data:post.body/></b:if> “
  2. Klik Simpan Template
  3. Posting artikel lalu lihat hasilnyaKeterangan :
  • Lihat Selengkapnya : bisa diganti sesuai selera
  • summary_noimg = 430; adalah tinggi potongan artikel tanpa gambar, bisa diganti sesuai selera
  • summary_img = 340; adalah tinggi potongan artikel dengan gambar, bisa diganti sesuai selera
  • img_thumb_height = 100; adalah ukuran tinggi thumbnail, bisa diganti sesuai selera
  • img_thumb_width = 120; adalah ukuran lebar thumbnail, bisa diganti sesuai selera
READ :   Mengganti Bahasa Interface di Wordpress

 

Selamat mencoba gan !

Similar Posts:

READ :   Cara Gampang Jualan Barang Lewat Internet

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.