Sabtu, 28 April 2012

Membuat Read More... ! Di Blog


1. Buka template -> Edit HTML -> Kasih tanda centang pada menu "Expand Template Widget"
2. Cari kode dibawah ini:
</head>

Letakkan kode berikut persis di bawah kode diatas:


<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://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>
3. Cari kode dibawah ini:


<data:post.body/> atau <p><data:post.body/>

ganti kode diatas 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'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

4. Klik Simpan. Selesai.

Anda bisa mengganti kata "Read More" diatas dengan gambar icon serbagai gantinya, cara nya hapus kata "Read More" ganti dengan kode:


<img src="URL_ICON_ANDA" />


Download Small_Read_More_Buttons.zip


Download Large_Read_More_Buttons.zip

Sampai disini proses pemasangan kode "Read More" selesai. Supaya tampil anda harus memasukkan kode dibawah ini dalam postingan anda.

1 komentar:

Farid Abdurrahim mengatakan...

lumayan membantu

Posting Komentar

Pemberitahuan

Selamat Datang di Website Blog fcfarid10.blogspot.com, Jika anda Ingin mendownload tapi Filenya rusak Komentar ya