Cara Membuat Kotak Kode Link Exchange

Exchange banner or link (Link Exchange) is the culture of the blogger who has been there since time immemorial and hereditary # LebayDikit. As it turns out there are still confused, link exchange,Picasa,then grab the image URL. Bagamana how? Right click, select Copy Image Location (for FireFox users) or Copy Image URL (for Google Chrome). After that? Make the code as shown below:

NEW BANNER

Untuk bertukar Banner, buat kodenya seperti ini:

<div style="text-align:center;">

<img src="URL-GAMBAR-KALIAN-DISINI" alt="www.DickeyMaru.com" title="JUDUL-BLOG-KALIAN" style="border:0px;margin:5px auto;cursor:pointer;" />


<br/>

<textarea cols="" rows="" onclick="this.focus();this.select();" style="padding:3px;width:176px;height:62px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;">

<div style="text-align:center;padding:0px;margin:10px auto;border:0px;">

<a href="http://www.DickeyMaru.com/" target="_blank">

<img src="URL-GAMBAR-KALIAN-DISINI" alt="www.DickeyMaru.com" title="JUDUL-BLOG-KALIAN" style="border:0px;margin:5px auto;cursor:pointer;" />


</a>

</div>

</textarea><br/>

<b>Press CTRL + C to copy</b>

</div>Kamu ganti yang berwarna Orange dengan URL Gambar Kamu kamu.
Kamu ganti yang berwarna Hijau dengan URL / Alamat blog kamu kamu.
Kamu ganti yang berwarna Biru dengan Judul / title blog kamu kamu.

Kemudian masuk ke Tampila Rancangan / Design, trus klik Tambah Gadget / Add Gadget, pilih HTML / JavaScript. Lalu masukkan kode yang telah kamu buat tadi.

Ukuran gambar yang disarankan 176x62 pixel, atau 88x31 pixel.

Kurang lebih nanti hasilnya menjadi seperti ini:

<br /><div style="text-align:center;padding:0px;margin:10px auto;border:0px;"><a href="http://www.DickeyMaru.com/" target="_blank"><br /><img src="http://www.dickeymaru.com/DADbanner" alt="www.DickeyMaru.com" title="DickeyMaru" style="border:0px;margin:5px auto;cursor:pointer;width:176px;height:62px;" /><br /></a><br /></div>

Press CTRL + C to copy

Untuk Kode Text Link

Untuk membuat form kode link yang menggunakan text biasa, seperti inilah kodenya:

<div style="text-align:center;">

<a href="http://www.Zackmaru.blogspot.com" target="_blank" title="Zackmaru™" onclick="return false;">Zackmaru™</a>

<br/>

<textarea cols="" rows="" onclick="this.focus();this.select();" style="padding:3px;width:150px;height:30px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;">

<div style="text-align:center;padding:0px;margin:10px auto;border:0px;">

<a href="http://www.Zackmaru.blogspot.com" target="_blank" title="Zackmaru™">Zackmaru™</a>


</div>

</textarea><br/>

<b>Press CTRL + C to copy</b>

</div>

Contoh hasilnya nanti seperti ini:

Zackmaru™



<br /><div style="text-align:center;padding:0px;margin:10px auto;border:0px;"><a href="http://www.dickeymaru.com" target="_blank" title="Zack-Banner">Zackmaru™</a><br /></div>

Press CTRL + C to copy

Kalian tinggal mengganti teks yang kuberi warna. Sama seperti yang diatas. Untuk yang warna kuning tinggal kalian ganti dengan nama kalian. Selamat membuat form kode link exchange :D

Tweet

Jangan sampai ketinggalan postingan-postingan terbaik dari Cadangan Doang. Berlangganan melalui email sekarang juga:

Atau sobat juga bisa follow Cadangan Doang dengan mengklik tombol di bawah ini:

Artikel keren lainnya:

• Creative Ematics Design
• Template Simple Seo v6
• Make 4 Columns Post
• Trik Slide To Unlock With Css and jQuery
• CSS3: Balloon Style Navigation Menu
• Script Blokir IP Untuk Blog
• Membuat Show/Hide Chatbox Dengan jQuery
• Hal Yang Bisa Membuat Cewek Tersenyum

Ditulis oleh Gojek Ewako pada tanggal 31/08/12