Sabtu, 13 Maret 2010

Membuat Daftar Link Teman

Media ini sangat bermanfaat untuk memasang link teman dalam jumlah yang banyak. Selain bisa bergantian ada tombol drag down yang memudahkan untuk menampilkan semua link. Contohnya berikut ini:


Kode htmlnya berikut ini


<h2 class="title">Link Sahabat</h2>
<div class="widget-content">
<div style="border: 0px solid rgb; overflow: auto; width: 200px; height: 100px; text-align: center;">

<marquee onmouseover="this.stop()"
onmouseout="this.start()" scrollamount="2" direction="up">

<div style="text-align: center;">
<a href="http://www.prafangga.com">Belajar Dan Berbagi</a></div>

<div style="text-align: center;">
<a href="http://nayarre-pata.blogspot.com/">Nayarre Blog</a></div>

<div style="text-align: center;">
<a href="http://www.ifandri.com/">Ifandri's Blog </a></div>

<div style="text-align: center;">
<a href="http://www.biangblog.blogspot.com/">Biang Blog </a></div>

<div style="text-align: center;">
<a href="http://www.aero-models.blogspot.com/">Aero Models</a></div>

</marquee></div></div>

Opsinya sebagai berikut :

  • Link Sahabat : judul widget , bisa diganti sesuai keinginan anda
  • width: 200px : angka 200 adalah ukuran lebar kotak widget
  • height: 100px : untuk mengubah tinggi kotak widget
  • <a href="http://www.ifandri.com/">Ifandri's Blog </a></div> : warna pink alamat url, warna oranye Judul blog
  • Untuk menambah beberapa link anda tinggal copy kode berikut 
<div style="text-align: center;">


<a href="http://www.aero-models.blogspot.com/">Aero Models</a></div>


dan paste di atas kode </marquee></div></div>

16 komentar:

admin mengatakan...

good tips sob.. btw kode html disimpen dimana? langsung di posting bisa ga?..salam kenal

Mhya mengatakan...

oke deh langsung dipraktektekkan neh...

Mhya mengatakan...

salam kenal ya sob...

Unknown mengatakan...

trimakasih atas infonya...

salam kenal..

http://trojandecoder.blogspot.com/

drhyudi mengatakan...

thanks tips2nya, blogwalking n blognya bagus. terus berkarya dan berkreasi n sukses slalu

Berbagi Informasi mengatakan...

makasih tips nya dan akan saya coba link kamu udah aku pasang di blog aku,jangan lupa backlink nya ya...!
infobersama.blogspot.com

Berbagi Informasi mengatakan...

makasih tips nya dan akan saya coba link kamu udah aku pasang di blog aku,jangan lupa backlink nya ya...!
infobersama97.blogspot.com

Imaniar mengatakan...

wahh! keren...
harus dicoba.harus dicoba.

kalo berhasil silakan tengok ke blog hanifa ya... ^_^

Beril_46 mengatakan...

thak's sob

slam knal bocahgaularpero.blogspot.com

Snipclick mengatakan...

nice post...
Back link sob..
http://www.snipclick.co.cc

Admin WW korean-software mengatakan...

kk itu kode html nya di simpen di mana? terima kasih

Unknown mengatakan...

mantap gan...
:)
nice...

mi al-ihsan mengatakan...

mantap gan, thanks atas tips widgetnya. salam kenal.

http://mialihsan-tgredeb.blogspot.com

Admin mengatakan...
Komentar ini telah dihapus oleh pengarang.
Ummu Nailah mengatakan...

terima kasih telah berbagi infonya

elHaitamie mengatakan...

thanks gan... udah ane pasang di blog ane...

Related Posts with Thumbnails
CO.CC:Free Domain
Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Biang Blog - Blogged Powered by  MyPagerank.Net Computers (Windows) - TOP.ORG Technology Blogs - Blog Rankings Internet Blogs Add to Technorati Favorites
Powered by Blogger