Cara membuat readmore animasi

Saya akan memberikan turtorial cara membuat readmore animasi, Langkah - langkahnya :

1. Sobat Log in ID Blogger
2. Masuk ke Template > Edit HTML, centang Expand Widget Template.
3. Search kode </head> kemudian masukkan script di bawahnya.

    <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'/>

Keterangan :
Tulisan yang berwarna Birusesuaikan dengan keinginan sobat

    Summary noimg 430 = tinggi artikel terpenggal tanpa image
    Summar img 340 = tinggi artikel terpenggal dengan image


4. Search kode html <data:post.body/>
   Blok kode tersebut dan timpuk (ganti) dengan kode di bawah 
   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
  style="float:right;height:42px;width:115px;margin:15px 50px;" 
src="http://i1297.photobucket.com/albums/ag22/jeskarex/jeska_zps7ec0f5ee.gif"/></a></span>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Kalo sobat mau mengganti gambar / animasi silahkan ke SINI 
Keterangan : 
Tulisan yang berwarna merah adalah link gambar, anda bisa ganti dengan link gambar sobat.

Jika sudah semua silahkan Klik Simpan Template, selesai

Contoh Readmore Animasi klik SINI

Related Post: