Menambahkan fitur "readmore" pada blog tentunya menjadi kebutuhan tersendiri bagi para blogger. Hal ini bertujuan agar para pengunjung blog lebih tertarik untuk membaca isi keseluruhan suatu posting.
Ini juga berfungsi untuk meningkatkan traffic blog, karena pembaca tidak hanya melihat posting sekilas tetapi menggiringnya untuk membuka suatu posting secara lengkap.
Posting lain tentang cara membuat readmore juga telah saya terbitkan sebelumnya, namun kali ini kita akan mecoba tweaking kode HTML untuk membuat readmore secara otomatis.
Langkah pertama untuk membuatnya seperti biasa, silakan menuju Layout | Edit HTML, kemudian beri tanda cawang pada Expand widget template.
Selanjutnya cari kode </head>, lalu letakkan kode ini tepat dibawahnya.
<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 kedua, cari kode <data:post.body/> atau <p><data:post.body/></p>
Ganti kode tersebut dengan kode dibawah 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>
Perhatikan keterangan berikut :
summary_noimg adalah tampilan tinggi artikel tanpa gambar
summary_img adalah tampilan tinggi artikel dengan gambar, anda bisa mengganti variabel yang diinginkan
READMORE adalah kata alternatif, anda bisa mengganti dengan kata lain seperti Baca Selengkapnya, Read Full Post, dan sebagainya.
0 comments:
Post a Comment
Silakan Berkomentar Di Sini Dengan Syarat :
1. Komentar anda tidak menyinggung SARA
2. Berikan komentar yang membangun, bukan yang semena-mena
3. Tersenyumlah sambil mengetikkan 'comment'
Bagi yang hanya sekedar 'blogwalking' di sini, silakan tinggalkan keterangan web title dan URL anda.
Hormat Saya,
Arifin