Artikel kali ini kita akan membahas cara membuat kotak banner untuk link teman, sekalian untuk menjawab pertanyaan dari pengunjung yang menanyakan cara membuat kotak link teman agar terlihat rapi. Sebetulnya cara membuat kotak link teman ini banyak variasinya, yang tentunya disesuaikan dengan selera rekan-rekan. kita disini hanya membahas beberapa contoh saja :
I. Menggunakan Efek Scrollbar
Contoh :
Untuk model seperti di atas kita tinggal copy paste kan kode script berikut :
<div style="overflow:auto; width:50px; height:80px; padding:10px; border:1px solid #999999;">
<li><a Kode link teman </a></li>
<li><a Kode link teman </a></li>
</div>
Kita dapat mengatur panjangnya (height), lebarnya (width), maupun warnanya disesuaikan dengan keinginan kita.
Untuk kode link teman, kita dapat memasukkan kode banner link blog teman kita, atau kita dapat menuliskan url blognya saja :
<a href="http://alamat blog teman" target=" blank"/>nama blog teman</a>
Contoh bentuk lainnya :
Untuk model seperti di atas kita tinggal copy paste kan kode script berikut :
<div style="border: 1px solid rgb(153, 153, 153); overflow: auto; width: 150px; height: 80px; text-align: center;">
<br />(A)<br />
<a href="http://alamat blog teman/" target="_blank">nama blog teman</a><br />
<br />(B)<br />
a href="http://alamat blog teman/" target="_blank">nama blog teman</a><br />
</div>
II. Menggunakan Efek Marquee
Contoh :
Untuk model seperti di atas kita tinggal copy paste kan kode script berikut :
<marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" width="100%" height="80%">
* <a href="http://chyardi.blogspot.com/" target="_blank">Chyardi Blog</a>
* <a href="http://chyardi.blogspot.com/" target="_blank"><img alt="Chyardi's Blog" src="http://images.cooltext.com/1292839.gif" width="90" border="0" height="15" /></a>
</marquee>
Disini kita juga dapat mengatur panjangnya (height), lebarnya (width), maupun mengubah kode direction-nya "up" (arah pergerakkan teks/link), kita dapat merubahnya menjadi "down", "right", atau "left", sesuaikan dengan keinginan kita.
Untuk alamat link-nya, kita dapat memasukkan kode banner link blog teman kita, atau kita dapat menuliskan url blognya saja, lihat seperti contoh di atas.
Semoga bermanfaat.
I. Menggunakan Efek Scrollbar
Contoh :
Untuk model seperti di atas kita tinggal copy paste kan kode script berikut :
<div style="overflow:auto; width:50px; height:80px; padding:10px; border:1px solid #999999;">
<li><a Kode link teman </a></li>
<li><a Kode link teman </a></li>
</div>
Kita dapat mengatur panjangnya (height), lebarnya (width), maupun warnanya disesuaikan dengan keinginan kita.
Untuk kode link teman, kita dapat memasukkan kode banner link blog teman kita, atau kita dapat menuliskan url blognya saja :
<a href="http://alamat blog teman" target=" blank"/>nama blog teman</a>
Contoh bentuk lainnya :
Untuk model seperti di atas kita tinggal copy paste kan kode script berikut :
<div style="border: 1px solid rgb(153, 153, 153); overflow: auto; width: 150px; height: 80px; text-align: center;">
<br />(A)<br />
<a href="http://alamat blog teman/" target="_blank">nama blog teman</a><br />
<br />(B)<br />
a href="http://alamat blog teman/" target="_blank">nama blog teman</a><br />
</div>
II. Menggunakan Efek Marquee
Contoh :
Untuk model seperti di atas kita tinggal copy paste kan kode script berikut :
<marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" width="100%" height="80%">
* <a href="http://chyardi.blogspot.com/" target="_blank">Chyardi Blog</a>
* <a href="http://chyardi.blogspot.com/" target="_blank"><img alt="Chyardi's Blog" src="http://images.cooltext.com/1292839.gif" width="90" border="0" height="15" /></a>
</marquee>
Disini kita juga dapat mengatur panjangnya (height), lebarnya (width), maupun mengubah kode direction-nya "up" (arah pergerakkan teks/link), kita dapat merubahnya menjadi "down", "right", atau "left", sesuaikan dengan keinginan kita.
Untuk alamat link-nya, kita dapat memasukkan kode banner link blog teman kita, atau kita dapat menuliskan url blognya saja, lihat seperti contoh di atas.
Semoga bermanfaat.
No comments:
Post a Comment