Senin, 05 Juli 2010

Cara Membuat ReadMore

hai temen temen semuanya,.....
kali ini saya ingin menulis artikel tentang cara membuat redmore. ini artikel adalah hasil dari browsingku, yach dari pada blogku kosong mending aku posting aja ini.

cara membuat readmore :
1. Login dulu ke Blogger.com
2. Kemudian Tata Letak (Lay Out)
3. Berikutnya pilih Edit HTML
Note: Jangan lupa untuk mencentang Expand Widget
4. Tambahkan kode dibawah ini setelah kode

<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://sites.google.com/site/artikelkomputer-yanti/javascript/readmore-otomatis.js' type='text/javascript'/>

5. Kemudian ganti Kode <data:post.body/> atau <p><data:post.body/></p> 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>

Gantilah kode yang berwarna merah sesuai selera anda.. Summary noimg 430 = tinggi artikel terpenggal tanpa image, Summar img 430 = tinggi artikel terpenggal dengan image, Readmore bisa Anda ganti dengan Baca Selengkapnya, Full read dll...

gimana frend, mau dicoba sekarang,......
Good Luck!

Tidak ada komentar:

Posting Komentar