Cara Buat Kotak Link Teman di Blogspot

Posted by INFO AJIBON on Wednesday, May 9, 2012

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 :


* 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="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.

Sekian dulu share dari saya tentang Cara Mudah Membuat Kotak Link Teman di Blogspot, Semoga bermanfaat.

Blog, Updated at: 4:33 AM

0 comments:

Post a Comment

Blog Ini Di Dukung Oleh Hak Cipta. Powered by Blogger.