PHYLOPOP.com - Postingan ini sangat tepat buat blogger yang belum mengetahui cara membuat readmore otomatis di halaman Homepage. Phylopop tak perlu jelaskan panjang lebar apa guna readmore otomatis karena para blogger tentu sudah tahu manfaatnya.
Agar tidak penasaran, gambar berikut memperlihatkan hasil akhirnya agar menjadi pertimbangan :
Langkah Satu : silakan masuk ke acount blogger kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template".
Langkah Dua : cari kode </head> terus masukkan script di bawah ini persis di bawah kode tersebut.
<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'/>
Langkah Tiga : cari kode html berikut ini : <data:post.body/> atau <p><data:post.body/></p> ganti kode tersebut dengan kode di bawah 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:right;padding-top:20px;'>
<a expr:href='data:post.url'>»»  READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<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:right;padding-top:20px;'>
<a expr:href='data:post.url'>»»  READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
==>tulisan yang berwarna merah adalah yang bisa anda ganti.
==> Summary noimg 430 = tinggi artikel terpenggal tanpa image
==> Summar img 340 = tinggi artikel terpenggal dengan image
==> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll...Langkah Empat : klik Pratinjau untuk menghindari kesalahan kode.
Langkah Lima : jika hasil Pratinjau sudah oke dan tidak ada masalah, klik save template. Namun terjadi kesalahan atau error jangan simpan Template dan langsung tutup blog Phylovers.
Demikian semoga berhasil dan bermanfaat. Salam Phylovers!
(idblogbuzz.blogspot.com)
Posting Komentar