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:

Tentang BLoG

• Cara Membuat Tombol (button) url lengkap
• 10 Kata kunci (keyword) yang paling banyak di cari di dunia
• 10 Keyword yang paling banyak di cari di indonesia menggunakan google insight
• Cara Membuat Breadcrumbs Langsung Terindeks Oleh Google
• Merubah Postingan lama / baru (Navigasi) dengan angka
• Cara membuat 2 kolom posting / widget pada blog
• Cara membuat halaman depan blog tanpa postingan
• Merubah Title Tag Lebih SEO Friendly
• Membuat SlideShow mudah dan keren di blog
• Template keren gratis untuk blogger (part.3)
• Template keren gratis untuk blogger (part.2)
• Template keren gratis untuk blogger
• Membuat Favicon pada blog atau website bagian.2
• Membuat favicon pada blog atau website bagian.1
• Membuat menu dropdown keren
• membuat link menjadi warna warni / rainbow link
• Membuat Rencent Comment terbaru dan keren with avatar
• Menampilkan jumlah postingan di beranda
• Membuat Halaman Statis pada blogger
• Membuat Border / widget melengkung pada blog
• cara mendaftarkan blog di rss feeds
• Cara menghilangkan Diposkan, Label dan waktu postingan / artikel
• Memasang Menu Accordion Terbaru pada widget (vertikal)
• Memasukan Label Tertentu pada Widget
• Membuat blog jadi DoFollow