Selamat Datang di blog-nya Wong Nganjuk
Semoga apa yang saya sampaikan bermanfaat bagi anda
Terima kasih atas kunjungannya
Harap tinggalkan komentar anda sebagai input introspeksi blog ini
Terus dukung program "INTERNET SEHAT" Indonesia

Senin, 17 Mei 2010

Cara membuat script/text kode untuk tukar link/link exchange

Setelah beberapa lama membuka blog, saya merasa ada yang kurang pada elemen blog saya ini. Kemudian saya temukan kekurangan itu setelah beberapa kali mengunjungi blog milik teman. Ternyata saya belum menyediakan script/kode html untuk tukar link bagi pengunjung yang mungkin saja ingin memasang nama blog saya pada blognya, yah sebagai tanda pertemanan gitu lahh...
Akhirnya setelah bertanya-tanya kepada mbah Google, saya dapatkan jawabannya yaitu bagaimana cara membuatnya.



Ternyata gampang, dan setelah saya utak-atik sedikit saya bisa kasih beberapa tips  nanti bagi anda. Langsung saja disimak caranya...
  1. Buat dulu logo blog anda. Cara yang mudah bisa masuk di Cool Text
  2. Setelah masuk pada halaman Cool Text, akan muncul pilihan Choose a Logo Style
  3. Pilih/klik logo yang anda suka, kemudian muncul pilihan edit mulai dari isi/text logo, ukuran font/huruf, warna, output file format, dsb. (bervariasi tergantung dari logo yang anda pilih)
  4. Setelah edit selesai dan dirasa cukup, klik Render Logo. Tunggu beberapa saat, dan lihat hasil akhirnya. (kalaupun belum puas bisa di edit lagi kok, ulangi lagi step ini)
  5. Jika semua sudah benar-benar ok, klik Download Image dibawah logo untuk menyimpan kedalam komputer anda.
  6. Upload gambar/file logo yang sudah didownload tadi ke online media hosting, (disini saya menggunakan ImageShack) untuk mendapat URL file Logo
  7. Login ke blog anda, klik Tata Letak, Elemen Halaman, Tambah Gadget, HTML/Java Script, klik tombol + (tambah). Kemudian copy/paste kode dibawah ini :

<p>Mau Tukar Link? Copy/paste code HTML berikut ke blog anda</p>
<p><a href="http://rahardjopunya.blogspot.com/" target="_blank"><img alt="Rahardjo Widiarto" src="http://img265.imageshack.us/img265/8626/cooltext458749918.jpg" border="0" /></a></p>
<p><textarea rows="3" cols="29"><a href="http://rahardjopunya.blogspot.com" target="_blank"><img border="0" alt="Rahardjo Widiarto" src="http://img265.imageshack.us/img265/8626/cooltext458749918.jpg"/></a></textarea></p>


Ketika selesai dipasang, hasil akhirnya akan tampak seperti pada halaman blog ini di bagian sidebar kiri atas. Bagaimana, mudah kan? Jika nanti ada kesulitan silahkan saja anda bertanya, jangan sungkan-sungkan...  Selamat mencoba... ^_^

Catatan:
- Kode berwana pink/merah muda adalah judul widget, kata-katanya bisa 
  dirubah sesuai keinginan
- Kode berwarna biru adalah URL blog anda
- Kode warna merah isi saja dengan nama anda biar gampang... ^_^'
- Kode warna hijau adalah URL Direct Link file logo pada media hosting (dalam 
  hal ini imageshack)
- Kode tersebut terbagi 3 bagian yaitu kode untuk menampilkan judul (baris 1), 
  kode untuk menampilkan logo 
  (baris 2-3), dan kode untuk menampilkan kotak berisi script HTML untuk tukar 
  link (baris 4-6). Jika dirasa tidak 
  perlu menampilkan logo pada blog maka cukup masukkan kode baris 1 dan 4-
  6 saja
- Logo yang ditampilkan akan berbentuk menjadi button yang artinya dapat diklik, namun 
  akan membuka tab baru dari blog anda sendiri yang sebenarnya tidak perlu. Jika diinginkan 
  logo yang tampil hanya berupa gambar maka silahkan masukkan kode dibawah ini sebagai 
  pengganti kode pada baris 2-3 :

<p><img alt="Rahardjo Widiarto" src="http://img265.imageshack.us/img265/8626/cooltext458749918.jpg" border="0" /></p>

2 komentar:

produk elektronik casio mengatakan...

boss gimana sih dapetin kodenya kaskus dan popuri us, saya mau masukin ke blog saya http://casioproduk.blogspot.com/ bingung boss? tolongin ya?

Kang Sukir mengatakan...

Saya newbie mas,sudah saya coba udah ok,trims infonya dan saya perlu banyak belajar