Optimasi Blog [2]: Memasang Kode Chicklet untuk Tukar Link
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:
- 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:
- 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.
jujur aja pak. aq bingung belajar buat ciklet dan kawan2….
Oke kita akan mulai dari awal lagi nanti
pak artikel bahasa indonesia bisa main kayak pak gofur? bisa gak pak ???
Mudah-mudahan bisa dulu saya juga pakai bahasa indonesia kok, stlh GPR bagus baru mulai cari cara utk menghasilkan. Tapi tidak seoptimal kalo full engslish
waduh cepetan pak ya udah ngebet nih
pak, ku dah upload chiklet dan udah bisa dijadikan link balik tapi bikin text area nya kok selalu ga bisa ya pak? knapa ya?
untuk format wordpress .com yg gratisan memang masih tdk bisa, nanti saya update lagi caranya
Pak ‘media’ ato ‘add media’ dek dashbordnya blogspot itu yang mana???
udah tak pentelengi dengan seksama tapi gak ketemu louwh….
wa…isa dipraktekkan ini… makasih atas infonya…
pakkkkk!!!!!!
widget ito letaknya dmana?????????
makacihh,,,
widget di blogspot itu namanya “GADGET” yang letaknya di sidebar.. di panel blogspot letaknya di bagian “LAYOUT”
pak kalo lewat blogspot gmna caranya??
Q blomb mudenk!!!
pucing aku pak nyari kata kata widget ket minggu lalu!!
BrRr…
pak aku kok malah bnund iia pak iia..
bnund pak kalo mbuat cikletd!!
caranya pake blogspot gmana??
poooseeeNkk aku nyari kata kata widget dari minggu lalu..
BrrrRr!!
dony juga gg bisa pakk!!
gmana pak??
pak gmana neh pak?? x(
*sad mode_on*
oK pak!!
pak kata2nya sulit di mengerti
wkwkwkwkwk :ngakak:
numpang ketawa ajah pak
membingungkan
pak, saya udah copy kode html chikled bapak..
terus di taruh di add gadget- html java script kan pak!
tapi kug yang keluar makah kode htmlnya kuk ga gambar chicklet bapak..
makaseh…
udah bisa pak sekarang..
udah ku upload chikled nya ke blog ku…
tuker link ya pak…
pak jenis theme pengaruh ga c ma bisa tidaknya kelihatan tuh chiklet???
aq buatin punya orang lain bisa tuh.. tapi pas punya ku ndiri ga muncul di blog pak.. apa karna themenya???
mister hao ar yu. i hef dan mai ciklet sins last yer. Tek main at is website. Xie xie
ni alamatnya
http://linofian.tk/
sama punya temenku juga
http://keyhkeyh.blogspot.com/
Xie xie
yesss,,,,
akhirnya,,,
chicklet quu nampang juga…..
heuu…heuu..
Pak nie sri…Q dah mskn chikletnY loh Pak…jgn lpa di upload loh Pak…
waw ternyata kalau sungguh-sungguh akhirnya jadi juja……
thankz temen qu yang da ajarin aku…..
dan buat pak Ghofur i lupe so much……
ffhhuuiihhh,akhirnya jadi juga.
thankz pak.
Paaaak……………
chiklet q sudah…………
hehehehehehehehe
agak telat
gapapa ya……….
wis mari Pak!
pak kok di wordpress masih ninggal sisa kode html yang tampil,,
terus nyambungnya kok ke photobucket,,
nih pak blognya,http://tengah.wordpress.com,,
makasih,,
pak pasang kode html di wordpress buat tukeran chiklette kok ada kode yang tersisa ya pak? gmana caranya biar yang muncul cuamn gambar chiklettenya aja?
terimakasih.,
pak, sudah chicletnya
y ……
walau agak brantakan……….
pak chikletnya sudah selesai,,
yah gak bagus amat sih tapi segini cukup lah,,
kunjungi http://nortonnorth.blogspot.com
Pak, chickletnya sudah di upload
Pak, saya sudah selesai membuat chikletnya. tolong dicek ya Pak…
pak chikcletnya udah dicek yoooo
lapor!
udah aye upload Mister…..
laporan selesai..
pak… =((
ak kog gak bisa upload yah ??
nama file kurang valid??
maksudnya aph toh pak ?
ak gak eluh…
=((
loh pak, caranya tukeran link itu gimana?
saya udah ngambil chicklet temen2 saya.
trus cara biar mereka pasang chicklet saya gimana?
& apa dengan begitu technorati saya bisa bertambah?
makasih
pak cikletqu udah…
tlog d’cek yah..!!
Pak, cikletqu uda..
tLog d’cek yaw..!!
pak, alamt URL chiklet tuw, tempat Qt nyimpen gambar chiklet itu tah??
Pak link ini udah saya pasang sekarang gantian link saya pak????
pak, cikletq dah q upload.. mf telat, cz ru beli modem, he2….. tq
Pak, cikletqu udah.. maaph telat..
d cek ya Pak..!!
pak, saya udah masang chiklet
Trims . . . .
pak cikletku wes mari . . .
aq udah bikin pak cikletnya
jujur, sy kurang suka dengan chicklet terlalu kecil untuk dilihat apalagi kalo yang baca orang Empat Mata *kwkwkwk
lebih senang dengan banner yang lebih besar misal 125×125
matur nuwon yoh pak!!
matur nuwon
mesio rodok njelimet tapi akhire aqu isok!!
matur nuwon pak!!