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