About Mew O wSepakbolaTV OnlineGameOnlineAplikasiAwardDaftar isi

Senin, 15 Oktober 2012

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:

Ditulis Oleh : jolly sondakh ~ Great Works Of Art

Artikel Cara membuat readmore animasi ini diposting oleh jolly sondakh pada hari Senin, 15 Oktober 2012. Terimakasih atas kunjungan Sobat serta kesediaan Sobat membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar.

:: Get this widget ! ::

Comments
0 Comments

Tidak ada komentar: