Membuat Kode Link Exchange

Bertukar banner ataupun link (Link Exchange) merupakan budaya dari para Blogger yang sudah ada sejak jaman dahulu dan turun temurun #LebayDikit. Karena ternyata masih ada yang bingung membuat link exchange, karena itu saya siapin tutorialnya ini deh.DickeyMaru
Apa saja yang perlu disiapkan? Jika kalian punya banner, ya upload dulu ke Picasa, lalu ambil URL gambarnya. Bagamana caranya? Klik kanan, pilih Copy Image Location (bagi pengguna FireFox), atau Copy Image URL (untuk Google Chrome). Setelah itu? Buat kode seperti dibawah ini:

Membuat Form Kode Gambar / 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:
www.DickeyMaru.com

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.dickeymaru.com" target="_blank" title="Dark Ard Deidara" onclick="return false;">DickeyMaru</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.dickeymaru.com" target="_blank" title="Dark Ard Deidara">DickeyMaru</a>
</div>
</textarea><br/>
<b>Press CTRL + C to copy</b>
</div>
Contoh hasilnya nanti seperti ini:
DickeyMaru

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
Comments

9 comments:

  1. [Re:™sjs_cheaterz™]
    penuh dengan tanda tanya ? kenapa kau marah tanpa sebab !!!

    ReplyDelete
  2. Anda mendapatkan award cek keblog saya,,,

    ReplyDelete
  3. Keren banget nih infonya,kk!aku sudah berhasil membuat banner animasi sendiri dengan bergambar lucu dan nggak akan cocok sama template blog ku,jika kk mau link exchage atau banner ke aku,kaka bisa kunjungi blog aku :

    http://lion-hunter.blogspot.com/2012/08/my-banner.html

    ReplyDelete
  4. Aku sudah memasang banner kakak yang mini,cek di http://akatsuki-fuujin.blogspot.com

    Pasang balik ya banner ku

    ReplyDelete
Related posts
Guestbook
Author


© 2008 - 2016 DickeyMaru
Blogger Template Win 8 design by Dark Ard from DeezClan | All rights reversed.
  • Post
  • Comments
  • Related
  • Guestbook
  • Author
  • Other