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 :

<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="https://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="https://alamat blog teman/" target="_blank">nama blog teman</a><br />
<br />(B)<br />
a href="https://alamat blog teman/" target="_blank">nama blog teman</a><br />
</div>



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="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" width="100%" height="80%">
* <a href="https://chyardi.blogspot.com/" target="_blank">Chyardi Blog</a>
* <a href="https://chyardi.blogspot.com/" target="_blank"><img alt="Chyardi's Blog" src="https://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.

Artikel Terkait :



32 komentar:

Bagas Abdillah Fauzi mengatakan...

sip deh mas chyardi, tukeran link ma ane ya mas....

BLOGWALKING

I Wayan Partika mengatakan...

thank mas, ats infonya. tukeran link ya, linknya mas udh ku pasang di blogku.
lihat di http://phartyca.co.cc

Adit Edogawa Ibanez mengatakan...

thx infonya mas. Tukeran link mas.
mas udah saya pasang linknya di blog saya

chek di
http://aditedogawaibanez.blogspot.com/

pulsa elektrik murah mengatakan...

tq infonya,klo untuk mengatur agar tersusun sesuai abjab carany gimana ya

Unknown mengatakan...

info bagus mas.blogwalking n follow back n tukeran link juga ya mas.makasih sblmnya

Rafless bencoolen mengatakan...

kebetulan banget gan lagi nyaari info ginian. . . kayaknya emang bagus yang dalam bentuk scroll.... nice info gan....

Unknown mengatakan...

gag.
link kamu da ku pasang, gantian pasang link ku.

liadt ja di http://www.mynotescul.co.cc

Mr.Pass mengatakan...

siip banged,, mas tukaran link mas ya... udah saya pasang link`a di blog saya www.misterpas.blogspot.com

Mr.pas mengatakan...

siip,, mas tukaran link`a yaa
udah sy pasang link`a di blog saya... thank`s info`a berguna banged

wage mengatakan...

makasih ilmu nya mas..sangat berguna sekali...
salam kenal..

zuhri mengatakan...

mantep mas, tukaran link ya. saya sudah pasang linknya di blog saya. thanks

Community Anime Lover's { C.A.L } mengatakan...

tnx bett bang ilmunya .. :D

bang tukeran link yaaa...
link abang udh sya pasang di blog saiia :D

Dindikonline mengatakan...

Terima kasih ya pak...

Unknown mengatakan...

makasih ya mas sama ilmunya

Unknown mengatakan...

link nya udah saya pasang di blog aku ni

Aji mengatakan...

Mantap Neh Bos artikelnya.
Ane Pasang Link-nya di: www.usahamesin.com

Navy's blog mengatakan...

keren banget..., thank ya atas infonya, mampir ke blog saya juga mas...
sekalian tukerin link...sipppp????

Arnes mengatakan...

Mantap mas tutornya, tukaran link denganku mas.. aku tunggu ya... salam kenal wassalam

chyardi mengatakan...

Terima kasih mas Arnes atas kunjungannya, mengenai tukar link dengan senang hati mas Arnes, sebelumnya silahkan dipasang terlebih dahulu link Blog Chyardi (http://chyardi.blogspot.com), insyaAlloh saya akan segera memasang link blog mas Arnes...
Salam :)

fandriydb mengatakan...

Nice inpo gan..
Langsung coba ah..

Irfan Student mengatakan...

makasih gan infonya

Muhammad Noviyanto mengatakan...

link ane jg ya gan.... ane jg udh link blog ini ke blog ane..... n thanks infonya

Agriculture Product mengatakan...

langsung saya coba kang,makasih tipsny.

Oto Biazza mengatakan...

Terlalu membantu
thank gan

kunjungi blog saya
mungkin bermanfaat

otobiazza.blogspot.com

Al-Fathcom mengatakan...

ini yang saya cari bang
terima kasih atas tutorialnya tapi kalao boleh tanya maaf saya masih newbie buatnya ini dimana bang di edit HTML apa di addwidget ??? maaf atas pertanyaan saya ini yang masih katrok masalah blog

Chyardi mengatakan...

Salam kenal Mas Arif Sam, terima kasih sudah berkenan berkunjung ke Blog Chyardi, mengenai membuat Kotak Link Teman, bagi pengguna Blogspot.com :
- setelah Login/Masuk kita akan masuk ke Dashboard;
- Dibagian sisi sebelah kiri, kita pilih Menu Tata Letak (posisinya dibawah Menu Statistik);
- Setelah masuk Menu Tata Letak, kita klik Tambah Gadget, lalu scroll kebawah pilih HTML/JAVASCRIPT kemudian klik tanda + ;
- Nanti kita akan masuk ke Menu Mengonfigurasi HTML/JAVASCRIPT, disini kita bisa isi Judul-nya jika mau, misalnya kita isi Judulnya LINK TEMAN,

Nah pada bagian KONTEN disini kita bisa copy paste kode script di atas, terserah apakah akan menggunakan Efek Scrollbar, Efek Marquee, dll
Tetapi yang perlu diperhatikan jangan lupa atur lebar dan tinggi kotak sesuaikan dengan lebar sidebar blog kita, sesuaikan lagi alamat link teman dan nama blognya, dan terakhir jika ingin diubah sesuaikan lagi kode warnanya dengan blog anda.
- Setelah selesai klik SIMPAN;
- Letakan HTML/JAVASCRIPT yang barusan kita buat, ditempat yang kita inginkan pada Blog kita;
- Terakhir klik Simpan Setelan.
- Selesai.

Unknown mengatakan...

artikel yg bermanfaat bro....tukeran link ya....masih awam ni.......

Unknown mengatakan...

Thx Infonya Mas

Anonim mengatakan...

Mantap ni info nya bwt newbie.
Thx gan
Mampir gan

Unknown mengatakan...

makasih......

Anonim mengatakan...

terima kasih postingannya gan,, salam kenal juga ya

Unknown mengatakan...

thank man . your great

Posting Komentar