Buat Readmore dgn Animasi
By
Rizal
0
komentar
pada kesempatan ini saya akan membahas cara membuat readmore animasi,, baiklah untuk mempersingkat penjelasan mari kita simak penjelasan berikut ini :
- Login ke Blog anda
- Klik Desain
- Edit HTML > Centang kotak Expand widget tempalte
- Cari code </head>
- Copas Code dibawah ini tepat dibawah </head>
<script
type='text/javascript'> var thumbnail_mode = "no-float" ;summary_noimg
= 430; summary_img = 340; img_thumb_height = 100; img_thumb_width =
120; </script> <script
src='http://deddycamp.googlecode.com/files/read-moreotomatis.js'
type='text/javascript'/>
- Summary noimg 430 = tinggi artikel terpenggal tanpa image ( bisa di ubah )
- Summar img 430 = tinggi artikel terpenggal dengan image ( bisa diubah )
dan ganti code tsb dengan code dibawah ini :
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'><img alt='read more' src='http://lh5.ggpht.com/_7Y9pl24WpQY/SuM7b-deOLI/AAAAAAAAB_4/PKYOsvyuCdc/readmore_thumb%5B2%5D.png?imgmax=800'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'><img alt='read more' src='http://lh5.ggpht.com/_7Y9pl24WpQY/SuM7b-deOLI/AAAAAAAAB_4/PKYOsvyuCdc/readmore_thumb%5B2%5D.png?imgmax=800'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
Keterangan : Tulisan yang berwarna merah adalah link gambar, anda bisa ganti
dengan link gambar sesuka anda, untuk mendapatkan gambar animasi Readmore anda
bisa copas code nya
di disini
Selamat Mencoba,Semoga Bermanfaat
0 komentar: