Widget Tukar Link

Menurut para pakar SEO yang bertebaran di internet, salah satu cara dalam mengoptimasi  blog agar mendapatkan anugerah Pagerank tinggi dari Google adalah meningkatkan backlink dari blog lain. Salah satu bentuk konkritnya adalah bertukar link antar blog, baik secara manual berupa teks maupun berupa gambar/image yang biasa disebut dengan chicklet.

Melanjutkan tulisan sebelumnya tentang cara membuat chiklet sendiri menggunakan GIMP dan cara optimasi blog, maka tulisan kali ini akan membahas bagaimana memasang chicklet di blog kita dan bagaimana menyediakan kode chcklet kita yang dapat disalin oleh blogger lain untuk dipasang di blognya.

Langkah-langkah memasang kode chicklet antara lain:

Menggunakan WordPress Self Domain

• Upload/unggah chicklet anda ke situs blog Anda melalui “Media” – “Add Media” pada dashboard wordpress Anda
• Setelah ter-upload/ter-unggah, preview image chicklet Anda dan dapatkan alamat url-nya dengan cara klik kanan pada address bar dan salin alamat tersebut. Sebagai contoh, chicklet situs pembelajar alamat url-nya:

http://pembelajar.info/wp-content/uploads/2009/08/chicklet-pembelajar.jpg

• Untuk memasang chicklet tersebut di sidebar, buka widget dan tambahkan text widget di sidebar isi dengan kode <img src=“….”>. Di antara tanda kutip, masukkan alamat url chicklet Anda sehingga menjadi seperti berikut:

<img src=”http://pembelajar.info/wp-content/uploads/2009/08/chicklet-pembelajar.jpg”>

• Sampai di sini, Anda baru memasang gambar chickletpada sidebar, chicklet belum mengandung link yang mengarah pada blog Anda. Maka untuk memberi link pada chicklet Anda, tambahkan kode <a href=”…”></a> pada kode chiklet Anda sehingga menjadi seperti ini:

<a href=”http://pembelajar.info“><img src=”http://pembelajar.info/wp-content/uploads/2009/08/chicklet-pembelajar.jpg”></a>

Catatan: Kode berwarna kuning silakan diganti dengan alamat blog Anda, sementara kode berwarna hijau silakan diganti dengan alamat url chicklet anda.

• Selanjutnya, jika Anda menyimpan kode tersebut, maka Anda akan mendapati chicklet dengan link yang mengarah pada blog Anda.
  

Sampai pada tahap ini, Anda sudah dikatakan berhasil karena sudah bisa memasang chicklet pada sidebar Anda dengan link yang mengarah pada blog Anda. Untuk memudahkan pengunjung yang ingin memasang chicklet blog Anda di blog mereka, maka Anda perlu menyediakan kode di atas bagi pengunjung. Caranya cukup mudah, antara lain:

• Pada widget chicklet Anda, salin kode gambar di atas ke baris di bawahnya, Anda perlu menyalin kode tersebbut untuk pengunjung blog Anda. Tambahkan tag <textarea>…</textarea> pada kode gambar yang barusan Anda salin. Untuk lebih jelasnya, perhatikan perubahan kode berikut:

• Kode Awal:

<a href=”http://pembelajar.info“><img src=”http://pembelajar.info/wp-content/uploads/2009/08/chicklet-pembelajar.jpg”></a>

• Kode Akhir:

<a href=”http://pembelajar.info“><img src=”http://pembelajar.info/wp-content/uploads/2009/08/chicklet-pembelajar.jpg”></a><br />

Salin kode di bawah ini dan pasang di blog Anda: <br />

<textarea rows=”3″ cols=”20″ name=”code”><a href=”http://pembelajar.info“><img src=”http://pembelajar.info/wp-content/uploads/2009/08/chicklet-pembelajar.jpg”></a></textarea>

Keterangan Kode Akhir:

• Kode warna biru: merupakan kode awal
• Kode warna hitam: adalah keterangan yang bisa Anda ganti dengan kalimat yang Anda sukai.
• Kode <br />: adalah kode untuk berpindah ke baris baru
• Kode warna Merah: adalah kode yang akan muncul di sidebar Anda yang disediakan untuk pengunjung Anda.

Menggunakan WordPress.com

Untuk pengguna wordpress.com, cara yang sama seperti di atas bisa dilakukan, hanya beda pada penggunaan script. Kode yang di atas menggunakan <textarea>….</textarea> sementara untuk wordpress.com menggunakan [sourcecode language='html']…[/sourcecode]. Kode lengkapnya seperti di bawah ini:

• Kode Awal:

<a href=”alamat blog anda”><img src=”alamat url chicklet anda”></a>

• Kode Akhir:

<a href=”alamat blog anda”><img src=”alamat url chicklet anda”></a>

[sourcecode language='html']<a href=”alamat blog anda”><img src=”alamat url chicklet anda></a>[/sourcecode]

Menggunakan Blogspot

Bagi Anda yang menggunakan blogspot, cara di atas bisa digunakan dalam artian kode yang digunakan sama persis, hanya pada proses pemasangannya saja yang berbeda.

Langkah-langkah pemasangan pada blogspot antara lain:

• Masuk ke panel blogspot Anda, lalu pilih menu Layout-Add Gadget
• Muncul jendela Gadget dan klik pada bagian Picture
• Upload chicklet Anda dan beri link chiklet Anda yang mengarah ke blog Anda, jangan lupa memberi nama untuk gadget chicklet Anda, misal beri nama: Link Exchange
• setelah tersimpan, Anda bisa me-refresh halaman depan blog Anda, bila muncul chicklet pada sidebar, maka Anda berhasil. Langkah berikutnya adalah menyediakan kode teks chicklet ke sidebar. Tapi sebelum melanjutkan ke langkah berikutnya, silakan disalin/kopi alamat url chicklet Anda dengan cara klik kanan di bagian chicklet lalu klik Copy Image Location
• Untuk memasang kode chiklet, silakan klik Add Gadget, muncul jendela baru, pilih Java Script/HTML,
• Ketikkan pada bagian judul dengan nama Salin Kode di Bawah ini (Copy Code Below and Paste into Your Blog), dalam hal ini silakan diganti dengan kalimat sesuai yang Anda inginkan
• Berikutnya, ketikkan kode html dibawah ini:

<textarea rows=”3″ cols=”20″ name=”code”><a href=“alamat blog anda”><img src=”alamat url chicklet anda”></a></textarea>

• Setelah itu simpan dan perhatikan perubahan pada panel Layout blog Anda, letak gadget script berada di atas gadget chicklet, untuk itu silakan lakukan drag and drop, geser posisi script Anda di bawah gadget chicklet. Bila sudah klik save dan refresh halaman depan blog Anda. Akan tampak chicklet dan kode chicklet siap pakai.

Setelah Anda seluruh kode di atas dan menyimpan di bagian widget Anda, maka akan muncul tampilan chicklet dan kodenya yang siap disalin dan dipasang di blog pengunjung Anda. Selamat mencoba!

Tunggu tutorial selanjutnya.

Artikel Terkait

• Optimasi Blog [1]: Untuk Apa dan Bagaimana?
  Optimasi blog, apalagi maksudnya? Untuk apa dan bagaimana? Pertanyaan yang pasti mampir di benak mereka yang baru mengenal blog atau belum tahu sama sekali atau mengetahui tapi tidak mengerti maksudnya. Memiliki blog atau situs dan mengelolanya dengan baik terlebih jika akan digunakan sebagai sarana atau media untuk menghasilkan uang tentu akan berfikir bagaimana cara untuk memaksimalkannya. Di kalangan para penghasil uang di internet, banyak cara dalam memaksimalkan kinerja blog atau situs a...
• Blogging [3]: Mengisi Blog – Membuat Postingan
  Setelah pada tahap sebelumnya Anda sudah bisa membuat blog, maka kali ini Anda akan dituntun untuk membuat postingan pengisi blog Anda. Langkah-langkah mengisi postingan antara lain: Buka alamat blogger.com sign in menggunakan email dan password Anda, setelah sign in/log in, jendela browser kita akan menampilkan Dashbord Blogger. (Lihat Gambar 1) [caption id="attachment_230" align="alignnone" width="300" caption="Gambar 1: Blogger Dashboard "][/caption] Klik New Post untuk memulai m...
• Blogging [2]: Membuat Blog di Blogspot atau Blogger
  [caption id="attachment_146" align="alignleft" width="200" caption="Blogger Logo"][/caption] Salah satu penyedia layanan blog terpopuler saat ini adalah blogger.com atau blogspot.com yang merupakan salah satu layanan yang disediakan oleh search engine terpopuler dunia, Google Corporation. Salah satu kelebihan blogspot di antaranya adalah kebebasan dalam mengelola resource terutama template-nya dan kemudahan dalam monetize yang didukung penuh oleh Google Adsense yang mengijinkan penggunanya mema...
• Blogging [1]: Pengertian atau Definisi Blog
  [caption id="attachment_141" align="alignleft" width="402" caption="blogger-wordpress"][/caption] Untuk mengerti apa itu blog, sebaiknya pembaca membaca langsung pada WIKIPEDIA Indonesia, setidaknya banyak catatan yang bisa dijadikan referensi bagi setiap orang awam yang ingin belajar blog dan tentunya baru pertama kali. Dikutip sedikit dari Wikipedia, pengertian blog adalah: Blog merupakan singkatan dari "web log" adalah bentuk aplikasi web yang menyerupai tulisan-tulisan (yang dimuat sebag...