Hanya arsip

halaman asli ada di http://kolom-tutorial.blogspot.com

Pasang Kode Tuker Link

BangDhika beberapa waktu yang lalu mengajukan pertanyaan melalui shoutbox mengenai bagaimana cara membuat kode untuk tukeran link, dan sekarang saya akan coba membahasnya. Mudah-mudahan informasi ini bermanfaat juga bagi sobat lainnya yang belum mengetahui mengenai hal ini.

Untuk membuat kode tukeran link, kebanyakan para blogger menggunakan banner yang
berukuran kecil atau di sebut juga dengan chiklet sebagai ciri khas dari blog masing-masing. Maka dari itu, saya akan mencoba mengulas pembahasan ini bermula dari pembuatan chiklet nya.

Untuk membuat sebuah chiklet, sobat bisa menggunakan berbagai software grafik & design semacam photoshop, corel, atau lain sebagainya. Tak hanya sebatas chiklet yang berupa gambar diam, sebuah animasi pun bisa di jadikan chiklet tukeran link, tentunya ini terserah kepada keahlian masing-masing dalam hal membuat chiklet.

Akan tetapi, bagi sobat yang belum bisa atau hanya sekedar malas untuk membuatnya karena memerlukan waktu yang cukup lama untuk berkreasi, sobat bisa menggunakan layanan berbagai situs pembuat chiklet. Salah satu situs yang menyediakan layanan ini adalah www.chicklette.net. Melalui situs ini sobat hanya perlu menentukan warna serta tulisan yang di inginkan, kemudian apabila sudah selesai, sobat tinggal save picture lalu menyimpannya dalam komputer sobat.

Itu tadi merupakan langkah pertama. langkah kedua adalah meng upload file chiklet tadi ke hosting untuk menyimpan gambar, boleh di blogger atau di hosting lain, untuk cara upload gambar sudah sering di bahas, apabila masih bingung coba baca lagi di sini ! Jika proses upload selesai, sobat tinggal mencatat atau mengcopy alamat URL gambar tersebut. Misal saya ambil contoh untuk chiklet blog ini adalah :

langkah selanjuatnya adalah membuat kode link dari alamat gambar tadi, contoh kodenya seperti ini :


<a href="http://kolom-tutorial.blogspot.com" target="_blank">
<img src="http://i162.photobucket.com/albums/t253/rohman24/kolomtutorial.gif" border="0" alt="Kolom blog tutorial "></a>

Nah itu tadi merupakan contoh link untuk membuat link ke blog ini, untuk ngelink
ke blog sobat ya tinggal sesuaikan saja.

Apabila kode link sudah ada, langkah selanjutnya adalah membuat text area untuk menampung seluruh kode agar nanti bisa di copy oleh pengunjung yang mau nge link ke blog sobat, kodenya seperti ini :


<textarea name="code" rows="6" cols="20">

<a href="http://kolom-tutorial.blogspot.com" target="_blank">
<img src="http://i162.photobucket.com/albums/t253/rohman24/kolomtutorial.gif" border="0" alt="Kolom blog tutorial "></a>

</textarea>

Beberapa langkah sudah di lewati, langkah selanjutnya adalah merangkaikan kode-kode tadi, misalkan kode tukeran link ingin di bawah gambar chicklet agar tampak lebih menarik, kodenya kira-kira seperti ini :


<h2>Tukeran link</h2>
<br/><br/>
Copy kode di bawah masukan di blog anda, saya akan segera linkback kembali
<br/><br/>

<img src="http://i162.photobucket.com/albums/t253/rohman24/kolomtutorial.gif" border="0" alt="Kolom blog tutorial ">

<br/><br/>

<textarea name="code" rows="6" cols="20">
<a href="http://kolom-tutorial.blogspot.com" target="_blank">
<img src="http://i162.photobucket.com/albums/t253/rohman24/kolomtutorial.gif" border="0" alt="Kolom blog tutorial "></a>

</textarea>

Hasilnya nanti akan seperti ini :

Tukeran link

Copy kode di bawah masukan di blog anda, saya akan segera linkback kembali

Kolom blog tutorial

Dari tulisan diatas, terlihat ada tulisan yang memanjang kekanan. Akan tetapi jangan kawatir karena tulisan tersebut akan turun secara otomatis
mengikuti lebar dari sidebar. Untuk mengatur lebar serta tinggi dari text area, sobat tinggal mengganti nilai dari rows serta cols saja.

Ada juga blogger yang suka memasang tombol LINK TO ME pada blog nya, ini di maksudkan agar ketika pengunjung yang ingin membuat link
ke blog sobat tinggal mengklik tombol tersebut. Akan tetapi ini bekerja bagi mereka (yang ingin membuat link ke blog sobat) yang memakai
template baru saja, sedangkan untuk yang template klasik tidak bisa, jadi menurut saya kurang efektif. Contoh tombolnya seperti :

The button image will displayed on your site like this

Kolom blog tutorial

Coba buktikan deh, klik saja pada tombol yang saya berikan.

Kode untuk membuatnya seperti ini :


<center>
<form action="http://beta.blogger.com/add-widget&quot; method="POST">
<input value="FAVOURITE" name="widget.title" type="hidden"/><textarea style="display:none;" name="widget.content">
<a href="http://kolom-tutorial.blogspot.com&quot; target="_blank" />
<img src="http://i162.photobucket.com/albums/t253/rohman24/kolomtutorial.gif&quot; border="0" alt="Kolom blog tutorial "></a>
</textarea><input value="http://buzz.blogger.com&quot; name="infoUrl" type="hidden"/>
<input value="http://www.blogger.com/img/icon_logo32.gif&quot; name="logoUrl" type="hidden"/>
<input value="LINK TO ME" name="go" type="submit"/></form><p>The button image will displayed on your site like this</p><br/>
<img src="http://i162.photobucket.com/albums/t253/rohman24/kolomtutorial.gif&quot; border="0" alt="Kolom blog tutorial "></a>
</center>

Silahkan ganti alamatnya dengan yang di miliki sobat.

bagi sobat yang menggunakan template klasik, sobat tinggal menyimpan kode di atas pada sidebar
yang sobat inginkan. Untu yang memakai template baru, sobat tinggal memilih tambah elemen, trus pilih
HTML/Javascript, kemudian masukan kode yang seperti diatas, simpan dan selesai.

Semoga mudah untuk di mengerti.

Salam buat blogger sejati semua……

Iklan

17 Juli 2007 - Posted by | banner, blog tutorial, membuat link

49 Komentar »

  1. gimana sih caranya pasang kode ini di blogspot. setiap saya paste di “edit HTML” kok selalu dibilang belum ditutup atau diparse?? thanks

    Komentar oleh 666 | 5 Agustus 2007 | Balas

  2. Klo pasang Link yang nggak pake chicklet atau banner … jadi cuma tulisan ada link nya doank … ada yang mau nggak ??? ayo tukeran ma aku … hehehehe … pemula nech …

    Komentar oleh JagoanNeon | 6 Agustus 2007 | Balas

  3. untuk 666 : kalau di blogger baru tidak usah pada Edit HTML, tapi cukup di Elemen Halaman, pilih yg HTML/Java script, masukan kodenya tuker link nya, lalu save, silahkan coba

    Komentar oleh rohman | 8 Agustus 2007 | Balas

  4. makasih mas rohman, mau dicoba semua nih

    Komentar oleh mazarif | 20 Agustus 2007 | Balas

  5. ROHMAN

    Apa yang saya mahu adalah alamat blog rakan yang melawati blog saya.Atau pun alamat emelnya agar saya dapat menjejakinya kembali.

    Boleh tak saudara ROHMAN membantu saya dalam hal ini?

    Komentar oleh abghalim | 7 September 2007 | Balas

  6. trima kasih infonya mas. tulisan semacam ini yang sudah lama saya tunggu-tunggu. thx

    Komentar oleh trikduit | 11 September 2007 | Balas

  7. Assalamu’alaikumn…

    terima kasih kang Rohman,atas petunjuk yang akang berikan pada saya.sungguh sangat besar manfaat bagi para blogger mania,betul kan rekan-rekan?haahaaahaa.
    SELAMAT MENUNAIKAN IBADAH PUASA
    SEMOGA AMAL IBAH KITA DI TERIMA OLEH ALLAH SWT.
    AMIIEEEN.
    Wassalam……………
    Tank’s

    Komentar oleh shoulmte | 14 September 2007 | Balas

  8. Buat anda-anda semua yang pengen ADD LINK, silahkan SUBMIT URL anda di Blog Go Blog: Add Link Free dengan sekali klik tombol link anda sudah di publikasikan.

    Komentar oleh jhal | 18 September 2007 | Balas

  9. terima kasih banyak mas….ilmunya bermanfaat banget….
    oh ya..saya dapat web bagus neeeh buat bikin banner….
    klik di sini
    http://www.banner-generator.net/en/bannergen.php?genaction=2&pid=1&x=80&y=8
    wassalam

    Komentar oleh evan | 28 September 2007 | Balas

  10. mas .. ak gak bs bilang apa2 selain terimakasih bgd untuk ilmu gratisannya …. ilmu yang bermanfaat
    = amal yang gak putus, begitu bukan?

    Komentar oleh Bangunin Rumah | 2 November 2007 | Balas

  11. makasih banyak tutorialnya nih Mas Rohman…, ilmunya sangat bermanfaat bagi saya yang newbie…
    Mas Rohman emang mak nyess….
    semoga tetap eksis ya mas…

    Komentar oleh Andy | 24 November 2007 | Balas

  12. bagaimana caranya membuat link chiklets memanjang ke bawah di sidebar, apa harus tambah kode html???
    tolong jelaskan,thanks

    Komentar oleh bongz | 29 November 2007 | Balas

  13. Terima kasih atas semua tutorial bang Rohman, saluuut!!, moga makin sukses…:)

    Komentar oleh Ton maker | 6 Desember 2007 | Balas

  14. salam kenal

    terimakasih kang artikelnya…

    pagi-mentari.blogspot.com

    Komentar oleh Mentari | 26 Desember 2007 | Balas

  15. Terima kasih Kang saya sudah mencoba Alhamdulillah berhasil

    Komentar oleh furqoni | 6 Januari 2008 | Balas

  16. sudah dicoba .. dan insya allah berhasih šŸ˜€

    Komentar oleh raden.suparman | 8 Januari 2008 | Balas

  17. sangat bagus sekali dah aq coba bisa deh

    Komentar oleh belajar berkarya dan berbisnis | 10 Januari 2008 | Balas

  18. wuehehehe makasih tutornya yaaa. usefull sekali.. =D

    Komentar oleh Putri Karunia Kusumawardani | 6 Maret 2008 | Balas

  19. Berita tips dan trik dalam menghadapi wawancara kerja sangatlah diperlukan. Tips wawancara kerja berbarengan dengan lowongan kerja terbaru 2008 dan CPNS dep kehutanan jangan pernah ragu akan wawancara kerja asalkan anda tahu tips untuk menghadapi wawancara kerja niscaya anda akan sukses menjadi karyawan perusahaan di BUMN,ataupun di BUMS,PNS,BANK PEMERINTAH,bank BRI,BCA,BI,BNI terimakasih untuk informasi lowongan kerja terbaru 2008

    Komentar oleh Anonymous | 13 Maret 2008 | Balas

  20. Bagus pak, tengkyu.

    Komentar oleh Pribadi | 14 Maret 2008 | Balas

  21. Mas…. saya gak bisa2 kok mas, kepala saya ampe pusing… ga pernah ada chiklet truz kalo pas diliat lagi kodenya udah pada acak2an kenapa yach mas

    Komentar oleh Poetra Sunda | 5 April 2008 | Balas

  22. Blognya kang rohman memang ok. Membuat blog saya jadi keliatan lebih bagus. Saya tunggu tips-tipsnya yang up to date kang. Thanks a lot.

    Komentar oleh anak autis | 12 April 2008 | Balas

  23. Ass
    Kang bisa mampir ke blog saya, knapa link excahnge yang saya buat koq lebar banget nggak ngikutin kolomnya
    mohon pencerahannya
    wassalam

    Komentar oleh Aliya | 17 April 2008 | Balas

  24. Ass
    Kang bisa mampir ke blog saya, knapa link excahnge yang saya buat koq lebar banget nggak ngikutin kolomnya
    dan banner yang bertaburan koq jadinya cuma 2 ya
    mohon pencerahannya
    wassalam

    Komentar oleh Aliya | 17 April 2008 | Balas

  25. Ass..
    kang bisa liat blog saya
    koq kolom tukar link nya nggak ngikutin lebar kolom sidebarnya dan banner yang bertaburan yang muncul cuma 2
    mohon pencerahannya
    wassalam

    Komentar oleh aliya | 17 April 2008 | Balas

  26. Mas aku dah pasang link blogmu ke blogku. Link balik ya!

    http://hasilngenet.blogspot.com

    Komentar oleh Thiyoks | 2 Mei 2008 | Balas

  27. Coursework Excellent way of knowledge sharing

    Komentar oleh Dissertation Writing Services | 2 Mei 2008 | Balas

  28. As.wr.wb
    Kang , ane dah berhasil buat LINK exchange nya. bisa di buat transparant ga ya begroundnya, soalnya ga macth sama web. LINK blog ane ya kang.
    Thanks

    Komentar oleh Abu Hilyah | 6 Mei 2008 | Balas

  29. masih bingun masalah link ok

    Komentar oleh gun | 16 Mei 2008 | Balas

  30. kang,
    koq http://www.chicklette.net ga bisa dibuka???web yg lain nya ada ga??
    ditunggu jawaban nya ya..

    Komentar oleh 4Street Members | 31 Mei 2008 | Balas

  31. Kang..,teruz caranya nampilin link-nya gmn yakk..??ama yang di html tuch ada tulisan “kolom blog tutorial”..,itu bisa diganti gak..?klo bisa diganti ama judul blog bisa gak yakk..??bales ya kang..??terima kasih banyak buat ilmu2nya ya kang..!!Sukses buat anda yakk..!!

    Komentar oleh menggila | 2 Juni 2008 | Balas

  32. Kang saya dah link blog akang..tolong di link back ya kang..makasih

    Komentar oleh Hardi | 9 Juni 2008 | Balas

  33. tolong kang rohman..gini..gimana maw buat text area..tolong pacak yer

    http://pacakjbee.blogspot.com

    Komentar oleh pacak uitm | 1 Juli 2008 | Balas

  34. terima kasih atas masukannya!!!!

    Komentar oleh Didok Keren | 1 Juli 2008 | Balas

  35. Terima kasih banyak mas rohman… dari sekian banyak guide-guide di blog orang lain, entah kenapa di tempat mas gampang dimengerti… nggak njelimet. saya sudah banyak mbaca artikel dari mas tapi maaf… baru kali ini bisa comment. kalau ada waktu harap mampir ke blog sederhana saya…

    Komentar oleh Syamsul Alam | 12 Juli 2008 | Balas

  36. Buat sobat-sabit yang mao nambahin traffic ke blog atau situsnya, coba yang satu ini. Program yang luar biasa ini belum pernah ada di indonesia. Cool banget, gampang banget, Gratis banget. sekali klik langsung nyampe ke situs-situs iklan yang ada di indonesia dan juga search engine. Sayang banget kalo dilewatin.
    http://www.growurl.com/index.php?ref=6115

    Komentar oleh My Cash Mine | 13 Juli 2008 | Balas

  37. bosss http://www.chicklette.net gak aktif tuh apa salah eja yakk?

    Komentar oleh final fantasy planet | 23 Juli 2008 | Balas

  38. mas jangan lupa y ngelink balik di http://www.ifzanul.co.cc kebetulan q bru lancar blogger ni.he….

    Komentar oleh ifzanul | 28 Juli 2008 | Balas

  39. kang rohman,,koq situs chicklette nya g bisa ya

    Komentar oleh gOQieLz | 6 Agustus 2008 | Balas

  40. Kang saya nuker link, kalo boleh mohon di link balik, trims…

    Komentar oleh Pani Fitriansyah | 14 Agustus 2008 | Balas

  41. wah 1 lagi kang, kok chicklet saya tidak kelap-kelip spt akang.. mohon pencerahan…

    Komentar oleh Pani Fitriansyah | 14 Agustus 2008 | Balas

  42. terima kasih…terima kasih..terima kasih..ane jadi banyak tahu dari kang Rohman…maju terus kang….jgn lupa mampir ke blog sederhana saya..hehehe(top-healthylifestyle-guide.blogspot.com)

    Komentar oleh Dimas Heru Cakra | 16 Agustus 2008 | Balas

  43. thank bang……tutorialnya…

    Komentar oleh yaqon | 21 Agustus 2008 | Balas

  44. terima kasih atas panduan tutorialnya…top abis
    http://datausaha.blogspot.com

    Komentar oleh Bisnis Oxy | 31 Agustus 2008 | Balas

  45. kang jangan lupa linkback ya…
    thank kyu…

    Komentar oleh rizal | 3 September 2008 | Balas

  46. makasih kang buat tutorialnya,saja baru saja bikin nih,:)

    Komentar oleh chiero | 5 September 2008 | Balas

  47. bisa kang rohman,,,
    thx

    Komentar oleh Aria | 9 September 2008 | Balas

  48. mas makasih atas tutornya

    Komentar oleh Deni | 15 November 2008 | Balas

  49. baru praktekin nih kang, btw thanks ya,.

    Komentar oleh tiobudi | 20 November 2008 | Balas


Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: