Situs Pembelajar

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.

Incoming terms:

---

cara menemukan alamat chicklet, kode link tukar link, memasang tukar link di blog

---