Selamat Datang

Buat Readmore dgn Animasi


pada kesempatan ini saya akan membahas cara membuat readmore animasi,, baiklah untuk mempersingkat penjelasan mari kita simak penjelasan berikut ini :
  1. Login ke Blog anda
  2. Klik Desain
  3. Edit HTML > Centang kotak Expand widget tempalte
  4. Cari code </head>
  5. Copas Code dibawah ini tepat dibawah </head> 
<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://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 )
     6.Cari kode <data:post.body/> atau <p><data:post.body/></p>
        dan ganti code tsb dengan code 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 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 == &quot;item&quot;'><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

     7. Klik Simpan Template, selesai



Selamat Mencoba,Semoga Bermanfaat





0 komentar: