Membuat Fungsi "Read More" atau "Baca selengkapnya" Otomatis

Memiliki Sebuah Fungsi "Read More" atau "Baca selengkapnya" Automatis tentu lebih nyaman daripada dengan fungsi "Read More manual", karena dengan menggunakan fungsi "Read More" Automatis maka anda tak perlu repot dengan kode div atau span pada setiap akan melakukan posting di blog. Membuat Fungsi "Read More" Automatis sebenarnya tidak susah.

Berikut caranya:
1. Pergi Ke "Layout" click "Edit HTML"
2. Centang"Expand Widget Templates"
3. Cari Kode </head>
4. Taruh Javacript ini diatas kode </head>
<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 300;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>
<script src='http://www.hotlinkfiles.com/files/2638945_kpp0l/a.JS' type='text/javascript'/>

NB:
summary_noimg = 300; Jumlah huruf Postingan tanpa Gambar
summary_img = 250; Jumlah huruf Postingan dengan Gambar
img_thumb_height = 120; Tinggi thumbnail Gambar
img_thumb_width = 120; Lebar thumbnail Gambar

5.Setelah selesai menaruh JavaScript silahkan anda mencari kode yang ada dibawah ini :

<data:post.body/>


6. Ganti kode tersebut dengan kode 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'> read more &#8220;<data:post.title/>&#8221;</a></span>

</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>


7.Terakhir Klik "Save"

Anda sekarang sudah memiliki Blog dengan sistem "Read More" atau "Baca selengkapnya" yang Automatis seperti yang ada pada Blog yang saat ini anda baca :) Anda bisa membandingkan hasilany dengan fungsi "Read More" yang manual, dan mana yang anda suka..??


Sumber :
ADMINKIDNET


Artikel Terkait :



0 komentar:

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

Post a Comment

Views