Membuat Readmore Animasi di Blogger

Mau buat readmore blogger animasi??
Mari kita buat sama..

1. Buka Blogger.com
2. Pilih Template
3. Klik Edit HTML, centang kotak Expand Widget Template
4. Cari Script </head> dengan menekan tombol F3 atau Ctrl + F.
5. Copas Script berikut 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'/>

KET: pada summary_noimg = 430; summary_img = 340;

• summary_noimg = 430 = tinggi artikel terpenggal tanpa image
• summary_img = 340 = tinggi artikel terpenggal dengan image

6. Cari lagi script <data:post.body/> atau <p><data:post.body/></p>. Ganti script tersebut dengan script 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>

KET: pada http://lh5.ggpht.com/_7Y9pl24WpQY/SuM7b-deOLI/AAAAAAAAB_4/PKYOsvyuCdc/readmore_thumb%5B2%5D.png?imgmax=800 bisa anda ganti dengan link gambar animasi yang lain

7. Simpan Template.


CATATAN:

Mau labih banyak model readmore?? Klik ini




Sumber