rss

Minggu, 14 November 2010

DeddyCamp.com

DeddyCamp.com


Membuat Readmore Animasi di Blogger

Posted: 13 Nov 2010 07:42 AM PST

Pada kesempatan sebelumnya kita telah membahas tentang Backlink, pada kesempatan ini saya akan membahas cara membuat readmore animasi, yang mana ini merupakan jawaban atas pertanyaan teman blogger kita yang menanyakan kepada saya cara membuat readmore animasi, baiklah untuk mempersingkat penjelasan mari kita simak penjelasan berikut ini :

1. Silahkan anda Login ID Blogger anda

2. Silahkan Klik Rancangan --> Klik Edit HTML, centang pada kotak Expand Widget Template.

3. Silahkan anda cari kode seperti ini </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.

<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 merah adalah yang bisa anda ganti.
  • Summary noimg 430 = tinggi artikel terpenggal tanpa image
  • Summar img 430 = tinggi artikel terpenggal dengan image

4. Cari kode html berikut ini :

<data:post.body/> atau <p><data:post.body/></p>

Ganti kode tersebut 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 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 lihat Download disini


Jika sudah semua silahkan Klik Simpan Template, selesai

Demikianlah Tutorial Blogger kali ini, semoga bermanfaat ya

Sampai jumpa pada posting selanjutnya 

0 komentar:


Posting Komentar

Terima kasih atas komentar anda

Related Posts with Thumbnails

Menu Blog Ini

Buka Semua | Tutup Semua

Dalam Proses, Mohon Tunggu
Sponsored By :Satpol Temanggung.

Info Satpol

Posting Gratis Di Sini


Nama
Email
Judul
Tentang
Kategori
Gambar
Isi
Image Verification
captcha
Please enter the text from the image:
[ Refresh Image ] [ What's This? ]

Powered byEMF Email Form

INSPIRASI

Check Page Rank of any web site pages instantly:
This free page rank checking tool is powered by Page Rank Checker service
 
" SILAHKAN KIRIM PESAN MAUPUN KOMENTAR ANDA, AKAN KAMI HARGAI TULISAN ANDA, TERIMA KASIH "

Ikuti beritaku

Kembali lagi ke atas