Cara Membuat Readmore Otomatis

Penggunaan dari readmore otomatis ialah untuk membbuat readmore secara otomatis tanpa harus kita menulis kode readmore pada saat menulis. readmore otomatis untuk SEO yakni sangat berperan penting, yang akan membuat suatu blog menajdi ringan loading saat di akses oleh pengunjung. Ini termasuk salah sati SEO template. Selain readmore itu sendiri mempunyai fungsi meminimalis penggunaan halaman blog agar terlihat lebih rapih dan menarik. Readmore otomatis ini akan memotong tampilan depan artikel yang panjang dan sobat bisa menentukan berapa banyak huruf yang akan di tampilkan di halaman depan, begitu pengunjung membuka Readmore atau baca selengkapnya barulah pengunjung bisa membaca artikel penuh blog sobat.

1.login ke dashboard blogger.
2.pilih Rancangan »» edit HTML
3.Tandai kotak kecil pada tulisan Expand Template Widget.
4.Tempatkan script berikut dibawah kode </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.Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p> ( seperti biasan gunakan CTRL + F untuk mempermudah pencarian. Jika ditemukan 2 kode yang sama, gunakan atau ganti yang pertama.
6.Jika sudah ketemu silahkan anda 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'>Readmore</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

7. Finish simpan template dan lihat hasilnya

Baca Juga Yang Lainnya