Cara Membuat Readmore

Cara membuat Readmore – Untuk membuat tampilan blog lebih rapi dan elegant, sebaiknya sobat blogger memasang Readmore pada setiap postingan di blog kita. Bagaimana cara membuatnya?caranya cukup sederhana, berikut blogatap akan memberikan langkah-langkah cara membuat readmore:
  1. Login akun Blogger 
  2. Buka halaman template ---> edit html ---> centang expand template widget 
  3. Cari kode </head> gunakan Ctrl + F untuk mempermudah pencarian 
  4. Paste kode berikut tepat diatas </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>

  5. Selanjutnya cari kode <data:post.body/>  atau <p><data:post.body/></p> Jika menemukan 2 kode yang sama, pilih kode yang pertama. 
  6. Jika sudah ketemu 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'>READ MORE</a></span>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

  7. Klik Simpan Template
Keterangan: summary_noimg = 430; Jumlah karakter yang akan ditampilkan jika tidak menggunakan gambar
summary_img = 340; Jumlah karakter yang akan ditampilkan jika menggunakan gambar
img_thumb_height = 100; Ukuran tinggi gambar yang akan ditampilkan
img_thumb_width = 120; Ukuran lebar yang akan ditampilkan




  • Baca Juga