Mengubah Widget Link list pada Blogger
Berikut ini kita akan membuat widget link list yang mempunyai efek text yang berjalan. Untuk itu, marilah kita simak tulisan di bawah ini
Oke,langsung saja :
* Buka dashboard blogger.
* Layout -> Page Elements.
* Klik "add a gadget".
* Pilih "Link List".
* Isi dengan beberapa link blog teman.
* klik save
Setelah selesai menambahkan widget, saatnya kita mulai memodifikasi. Berikut langkah-langkahnya :
1. Buka dashboard blogger.
2. Layout -> Edit HTML ( *Untuk jaga-jaga sebaiknya back up dulu template blogmu ).
3. Centang " Expand Widget Templates "
4. Cari kode di bawah ini.
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
5. Setelah didapat,ganti kode di atas dengan kode di bawah ini.
<marquee align='center' direction='up' height='200' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='95%'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target' target='new'><data:link.name/></a></li>
</b:loop>
</ul>
</marquee>
6. Save
7. Nikmati Karya Anda
Oke,langsung saja :
* Buka dashboard blogger.
* Layout -> Page Elements.
* Klik "add a gadget".
* Pilih "Link List".
* Isi dengan beberapa link blog teman.
* klik save
Setelah selesai menambahkan widget, saatnya kita mulai memodifikasi. Berikut langkah-langkahnya :
1. Buka dashboard blogger.
2. Layout -> Edit HTML ( *Untuk jaga-jaga sebaiknya back up dulu template blogmu ).
3. Centang " Expand Widget Templates "
4. Cari kode di bawah ini.
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
5. Setelah didapat,ganti kode di atas dengan kode di bawah ini.
<marquee align='center' direction='up' height='200' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='95%'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target' target='new'><data:link.name/></a></li>
</b:loop>
</ul>
</marquee>
6. Save
7. Nikmati Karya Anda






0 komentar:
Poskan Komentar
Terima Kasih atas Komentar Anda