Selasa, 14 Februari 2012

Cara Membuat Read More Otomatis Pada Postingan


1). Buka Dasbord Blog anda, kemudian pilih Tata letak, lalu pilih Edit HTML Centang pada pilihan Expand Template Widget untuk membuka semua code-code tersembunyi di dalam templete Blog anda. Cari dan dapatkan code ini:

</head>


2). Kemudian tandai dan langsung ganti dengan code 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>

Angka-angka di atas bisa anda modifikasi sesuai dengan keinginan anda, lihat gambar di bawah ini:




3). Setelah yang tadi beres, sekarang cari dan dapatkan Code ini :

<data:post.body/>


4). Kemudian tandai dan langsung ganti dengan Code 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 Script di atas bisa anda ganti dengan kata-kata yang lain, lihat contoh gambar di bawah :




5). Sudah Selesai lalu simpan perubahannya! Dan sekarang coba anda lihat hasilnya

Sumber :  www.royanarizal.blogspot.com

Tidak ada komentar:

Posting Komentar