English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified

Sunday, June 5, 2011

, , » Membuat "Readmore" Otomatis Pada Blog

Membuat "Readmore" Otomatis Pada Blog

| Sunday, June 5, 2011 | 0 comments

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 = &quot;no-float&quot; ; 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 != &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>

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.



Artikel Terkait Lainnya



Digg Technorati del.icio.us Stumbleupon Reddit Blinklist Furl Spurl Yahoo Simpy

0 comments:

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))

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

 

Recent Post

Random Post

Send Free SMS

© Copyright 2011. bqychodtz.blogspot.com . All rights reserved | bqychodtz.blogspot.com is proudly powered by Blogger.com | Special Thanks To o-om.com - zoomtemplate.com