Cara Membuat Kotak Link Teman

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 :


overflow:auto; width:50pxheight:80px; padding:10px; border:1px solid #999999;">

  • Kode link teman 









  • Kode link teman 







  • Kita dapat mengatur panjangnya (height)lebarnya (width), maupunwarnanya disesuaikan dengan keinginan kita.
    Untuk kode link teman, kita dapat memasukkan kode banner link blogteman kita, atau kita dapat menuliskan url blognya saja :

    nama blogteman

    Contoh bentuk lainnya :


    Untuk model seperti di atas kita tinggal copy paste kan kode script berikut :



    (A)

    nama blogteman


    (B)

    a href="http://alamat blog teman/" target="_blank">nama blogteman



    II. Menggunakan Efek Marquee

    Contoh :


    Chyardi Blog

    Chyardi's Blog

    Chyardi Blog

    Chyardi's Blog


    Untuk model seperti di atas kita tinggal copy paste kan kode script berikut :

    <marquee direction="uponmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" width="100%" height="80%">
    * <a href="http://chyardi.blogspot.com/" target="_blank">ChyardiBlog>
    * <a href="http://chyardi.blogspot.com/" target="_blank">Chyardi's Blog>


    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 blogteman kita, atau kita dapat menuliskan url blognya saja, lihat seperti contoh di atas.

    Semoga bermanfaat.