Wednesday, December 22, 2010

Cara Membuat "Read More" Otomatis pada Postingan

Blog Thinker : Sering kali kita menemukan blog atau website terdapat tulisan "Read More" pada setiap postingannya. Hemmhhh... terus bagaimana membuat "Read More" pada setiap postingan pada blog kita? mau tahu caranya? Ikuti langkah-langkahnya.

Setep 1.
Log in ke akun blog kamu, masuk ke Dhasboard >> Rancangan >> Edit HTML.
Centang kotak Expand Widget Template (untuk menampilkan kode-kode yang tersembunyi pada template blog kamu).

Step 2.
Temukan kode <head>
Kemudian Copy paste kode di bawah ini tepat diatas kode <head>

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://blogergadgets.googlecode.com/files/excerpt.js' type='text/javascript'/>

Maka Hasilnya akan seperti ini :
<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://blogergadgets.googlecode.com/files/excerpt.js' type='text/javascript'/>
<head>

Step 3.
Kalau sudah, cari kode <data:post.body/>
Copy paste kode dibawah ini tepat diatas nya

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

Masih fokus pada kode <data:post.body/> copy paste kode di bawah ini tepat dibawahnya.

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<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>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more >></b></a></span>
</b:if>
</b:if>

Maka Hasilnya akan seperti ini :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<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>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more >></b></a></span>
</b:if>
</b:if>

Tulisan "Read More" pada kode diatas dapat kamu ganti sesuka hati kamu.

Step 4.
Simpan template dan lihat hasinya. kalau sudah berhasil jangan lupa kasih Comment nya yah... hehehe


Semoga bermanfaat!!!

2 comments:

Anonymous said...

em, kak.. kalo untuk wordpress gmn caranya ngasi read more?? thx

Admin said...

@Anonim Klau buat wordpress, wordpress sendiri sebenernya sudah menyediakan kok fasilitas Readmore pada postingan, untuk lebih jelasnya kamu bisa lihat dipostingan temen saya. silahkan klik disini untuk melihat tutorialnya.

Post a Comment

:) :(;):D;;-):-/:x:P:-*=((:-OX(:7B-):-S#:-S7:):((:)):|/:)=))O:-):-B=;I-)8-|L-):-a:-$[-(:O)8-}2:-P(:|=P~:-?#-o=D7:-SS@-):^o:-w7:P2):):-c:)]~X(:-h:-t8-7X_X:!!m/:-q:-bd^#(^Blog Thinker