Wednesday, April 21, 2010

Membuat Marquee Pada Archive Blog

Membuat Marquee Pada Archive Blog
Kali ini saya akan berbagi cara Membuat Bergerak/Marquee Pada Archive Blog seperti pada blog ini, Hal ini sudah saya coba dan berhasil . Pada kesempatan kali ini saya gunakan sebagai contoh bahwa kalau kita utak-atik template di blog ternyata ada seninya selain tambah ilmu tentunya...eh dari pada panjang lebar saya terangkan kita langsung aja ke prakteknya…ok
Untuk  jelasnya langsung saja saya terangkan langkah-langkahnya seperti ini :
  1. Masuk dulu ke Acount Blogger atau Dashboard
  2. Pilih Layout , lalu klik Edit HTML
  3. Centang dulu  Expand Widget Templates
  4. Cari kode yang seperti ini : <div id='ArchiveList'> atau kata Archive.
  5. Untuk memudahkan mencarinya , pakai saja Ctrl +F , terus ketik kata yang dicari dikotak yang disediakan, lalu klik next. 
  6. Kalau sudah,  tambahkan kode warna merah itu sebagai marquee nya
  7. Lengkapnya kode tersebut seperti dibawah ini :
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<marquee direction="up" onmouseover="this.stop()" width="332" onmouseout="this.start()" scrollamount="2" height="150">
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
</marquee>
<b:include name='quickedit'/>
</div>
</b:includable>
· Angka 150px adalah tinggi kotak marquee itu, silahkan disesuaikan sesuai kebutuhan.
· Mungkin saja diblog sobat kodenya beda,,  Oleh karena itu carilah yang mirip dan perlu dicoba, terus jangan lupa templatenya dibackup dulu.
· Kalau sudah jangan lupa save template .
· Selesai.
Demikian dulu tips saya kali ini ya……

Related Articles



0 comments:

Post a Comment

Terima kasih, komentar anda sangat berarti bagi Blogputrasekarbali. Isi pendapat anda tentang blog ini di Testimoni.

Link Sahabat Putrasekarbali

BANNER SAHABAT

Buat Sobat yang mau pasang Banner di sini, silahkan tinggalkan alamat banner anda di buku tamu atau di kolom komentar blog ini, buat yang sudah pasang bannernya disini, terimakasih dan salam persahabatan dari Putrasekarbali


PUTRASEKARBALI © Putrasekarbali Melajah Ngae blog, pang sing orahange blog, nu masi blog