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 :* 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>
<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>
* Menggunakan Efek Marquee
Contoh :* ACI BUDAYA Blog
*
* ACI BUDAYA Blog
*
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="https://lh3.googleusercontent.com/kzOC0iw6iaMmQE_hcw4BsKSwtK-eHRV36Ll4LpLgfdg=w351-h45-no" width="90" border="0" height="15" /></a>
</marquee>
* <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="https://lh3.googleusercontent.com/kzOC0iw6iaMmQE_hcw4BsKSwtK-eHRV36Ll4LpLgfdg=w351-h45-no" 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.
Sumber : http://chyardi.blogspot.com/2010/10/cara-membuat-kotak-link-teman.html
Author : coxelgokil | ACI BUDAYA
Anda telah membaca
artikel tentang : Cara Membuat Kotak Link Teman. Oleh Admin, Anda diperbolehkan mengcopy-paste atau menyebarluaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya. Terimakasih...
