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 :
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.
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 :
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.
31 komentar:
sip deh mas chyardi, tukeran link ma ane ya mas....
BLOGWALKING
thank mas, ats infonya. tukeran link ya, linknya mas udh ku pasang di blogku.
lihat di http://phartyca.co.cc
thx infonya mas. Tukeran link mas.
mas udah saya pasang linknya di blog saya
chek di
http://aditedogawaibanez.blogspot.com/
tq infonya,klo untuk mengatur agar tersusun sesuai abjab carany gimana ya
info bagus mas.blogwalking n follow back n tukeran link juga ya mas.makasih sblmnya
kebetulan banget gan lagi nyaari info ginian. . . kayaknya emang bagus yang dalam bentuk scroll.... nice info gan....
gag.
link kamu da ku pasang, gantian pasang link ku.
liadt ja di http://www.mynotescul.co.cc
siip banged,, mas tukaran link mas ya... udah saya pasang link`a di blog saya www.misterpas.blogspot.com
siip,, mas tukaran link`a yaa
udah sy pasang link`a di blog saya... thank`s info`a berguna banged
makasih ilmu nya mas..sangat berguna sekali...
salam kenal..
mantep mas, tukaran link ya. saya sudah pasang linknya di blog saya. thanks
tnx bett bang ilmunya .. :D
bang tukeran link yaaa...
link abang udh sya pasang di blog saiia :D
Terima kasih ya pak...
makasih ya mas sama ilmunya
link nya udah saya pasang di blog aku ni
Mantap Neh Bos artikelnya.
Ane Pasang Link-nya di: www.usahamesin.com
keren banget..., thank ya atas infonya, mampir ke blog saya juga mas...
sekalian tukerin link...sipppp????
Mantap mas tutornya, tukaran link denganku mas.. aku tunggu ya... salam kenal wassalam
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 :)
Nice inpo gan..
Langsung coba ah..
makasih gan infonya
link ane jg ya gan.... ane jg udh link blog ini ke blog ane..... n thanks infonya
langsung saya coba kang,makasih tipsny.
Terlalu membantu
thank gan
kunjungi blog saya
mungkin bermanfaat
otobiazza.blogspot.com
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
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.
artikel yg bermanfaat bro....tukeran link ya....masih awam ni.......
Mantap ni info nya bwt newbie.
Thx gan
Mampir gan
makasih......
terima kasih postingannya gan,, salam kenal juga ya
thank man . your great
Posting Komentar