Membuat Read More Otomatis

Untuk read more otomatis ini, dibutuhkan kode JavaScript yang sebenarnya bisa kamu simpan sendiri di tempat biasa anda menyimpan file secara online. Namun kali ini script read more diletakkan langsung di template tanpa menggunakan hosting untuk mencegah errror saat hosting yang kita gunakan untuk menyimpan kode script-nya sedang down.

Buat blogger baru, bangethz sarankan menggunakan read more otomatis saja ketimbang read more yang biasa. Karena tentunya sobat tidak akan repot membagi 2 postingan sobat dengan kode manual.

Langkah – langkah dalam membuat read more otomatis

1. Silahkan login ke blogger terlebih dahulu.
2. Klik Tata Letak.
3. Kemudian klik Edit HTML.
4. Centang Expand Template Widget.
5. Letakkan kode berikut ini tepat diatas 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://sites.google.com/site/rasiqzonetwork/javascript/readmore-otomatis.js' type='text/javascript'/>

6. Untuk yang sudah pernah menggunakan read more versi lama (manual), sebaiknya sobat kembalikan dulu kodenya seperti semula. Hapus kode  di bawah ini, sesuaikan dengan template anda, karena setiap template berbeda - beda :

<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;READMORE...</a></span> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

sehingga sekarang hanya ada satu <data:post.body/>
7. Kemudian hapus kode :

<data:post.body/> atau <p><data:post.body/></p>

8. Ganti kode tersebut dengan kode berikut ini :

<b:if cond='data:blog.pageType != "item"'> <div expr:id='"summary" + data:post.id'> <data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> <span class='rmlink' style='float:left'><a expr:href='data:post.url'>Read More … <data:post.title/></a></span> </b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

9. Kemudian Simpan Template.
Keterangan :
* summary_noimg = 450 –-> untuk tinggi postingan tanpa gambar.
* summary_img = 360 –-> untuk tinggi postingan dengan gambar.
* img_thumb_height = 120 –> tinggi gambar.
* img_thumb_width = 150 –> lebar gambar.
* Read More… –> bisa kamu ganti dengan tulisan Baca Selengkapnya / Baca Selanjutnya / atau apa saja yang kamu inginkan.

Silahkan kamu atur sesuai template anda tentunya bro.

Subscribe My Channel

Saling berbagi ilmu itu indah.