Monday, December 28, 2009

TUTORIAL BLOG | Membuat Kode Tuker Link Blogger, Kurang dari satu Menit!


Menanggapi permintaan tuker link beberapa sobat pada blog ini, akhirnya saya coba untuk membuat mekanisme tuker link yang semestinya emang sudah umum bagi para blogger kawakan, maklum namanya juga masih newbie.

Bagi anda yang newbie seperti saya silakan ikuti langkah-langkah yang sudah saya jalankan. Jika ingin melihat hasilnya bisa dilihat di tuker link blog ini di kanan bawah. Yah bener yang ada icon warna merah dan biru yang bertuliskan knowledge sharing. Cukup keren bukan?! Icon itu biasanya disebut dengan chiklet. dan tahukah anda setelah tahu caranya saya bisa buat dalam waktu kurang dari 1 menit, dan akan saya bagi ke anda di sini.

Oke, kita mulai langkah pembuatannya. Sebelumnya untuk sobat yang masih newbie seperti saya, perlu saya jelaskan bahwa tukerlink ini maksudnya adalah menempatkan kode link blog sobat ke blog orang lain. Sehingga orang lain yang berkunjung ke blog orang yang memiliki link ke blog sobat bisa berkunjung ke blog sobat melalui link blog sobat yang ada di sana. (nah, bingung kan kata-kata nya muter).

Biasanya orang yang mengajak tuker link tentunya juga menginginkan agar link blog/web nya ada di blog/web sobat, hehehe namanya juga tuker link. Tujuannya tidak lain adalah untuk meningkatkan trafik pengunjung. Seru kan jika blog kita banyak dikunjungi orang lain. Apalagi di komentari. Dengan adanya pengunjung yang berasal dari rekanan anda saat bertukar link, ranking search engine anda akan meningkat, memudahkan orang untuk menemukan website anda dan otomatis akan menambah pengunjung ke website maupun blog anda.

Cara membuat
Biasanya para blogger menggunakan chiklet yaitu banner yang berukuran kecil sebagai ciri khas dari blog masing-masing. Seperti yang saya buat. Tetapi ada juga yang menggunakan cara biasa yaitu hanya berupa tulisan yang ditempatkan di sidebar blog. Untuk cara kedua tinggal sisipkan kode berikut di dalam sidebar, langkahnya sebagai berikut:
1. Masuk ke account blogger anda, klik tata letak kemudian klik elemen halaman
2. Klik tambah gadget, klik tambah gadget html/javascript
3. Lalu masukkan kode ini

<a href=http://alamat.blog.teman.anda>nama blog</a>

contoh jika anda ingin bertukar link dengan blog ini pasang kode berikut dalam gadget sobat:

<a href=http://ilpeng.com>Knowledge Sharing</a>

Kemudian klik save. Silakan klik lihat blog untuk lihat hasilnya.

4. Selesai

Jika yang mau tuker link banyak bisa menggunakan blogroll, agar bagus dilihat. Tutorial blogrooll akan di bahas kemudian. Contoh blogroll sudah saya gunakan dalam blog ini yaitu pada daftar isi blog yang ada di sebelah kanan (yang background nya merah garis2), lumayan bagus kan?!

Tukar Link Dengan Chiklet
Selanjutnya tuker link cara berikutnya yaitu menggunakan sebuah chiklet, atau anda bisa juga menggunakan berbagai software grafik & design semacam photoshop, corel, atau lain sebagainya. Bahkan yang berbentuk animasi pun bisa anda buat, tergantung kemampuan desain grafis tiap orang. Karena saya orang awam dan kurang mengerti hal-hal seperti itu saya gunakan yang instan yaitu chiklet. Untuk menggunakan chiklet ini sobat harus membuka satu situs yang menyediakan layanan ini dan yang saya kenal adalah www.chicklette.net. Silakan buka tanpa perlu registrasi. Di situ itu anda bisa menentukan warna serta tulisan yang di inginkan.

Berikut langkah-langkahnya :
  • Buka situs chiklet kemudian klik chiklet maker atau mudahnya cukup klik disini
  • Tentukan warna serta tulisan yang diinginkan, jika sudah selesai, perhatikan gambar yang dihasilkan ada di sebelah kanan tinggal klik kanan copy picture yang dihasilkan lalu paste kan dalam komputer sobat. 
  • Selanjutnya adalah meng upload file chiklet tadi ke hosting untuk menyimpan gambar, boleh di blogger atau di hosting lain,, Saya berikan contoh upload gambar di photobucket gratis. Buka http://photobucket.com atau cukup klik disini. lalu klik tab join now!, silakan daftar gratis dengan mengisikan username dan pasword yang anda inginkan lalu klik nextstep kemudian isikan biodata anda, jika sudah klik I accept. Sign me up! abaikan proses selanjutnya karena anda akan ditawari paket premium (berbayar). Langsung saja anda klik tab myhome, kemudian klik upload images and video

 Cari file gambar anda dan upload. Tunggu beberapa saat lalu klik tombol save and get links.

Contoh gambar saya memiliki kodenya seperti ini:

<a href="http://s1013.photobucket.com/albums/af260/sandhioke/?action=view&current=KS.gif" target="_blank">
     <img src="http://i1013.photobucket.com/albums/af260/sandhioke/KS.gif"    border="0" alt="Photobucket">
</a>


Perhatikan kode yang dicetak tebal adalah kode link untuk menampilkan gambar anda.
  • Setelah kode link gambar 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 anda, kodenya seperti ini : 
          <textarea rows="4" cols="22">
              <a href="http://url blog anda"target="_blank">
              <img src="url blog anda" border="0"></a>
          </textarea>

         
  • Langkah terakhir adalah merangkaikan kode-kode tadi, dan membuat tampilannya supaya lebih menarik, ini kodenya:

<center><span style="color:black;font-size:12px;">Copy kode di bawah ini ke blog anda, konfirmasikan via Chatroom u/ linkback. Hasilnya akan seperti ini</span> <br/><br/><
      <img border="0" src=" http://i1013.photobucket.com/albums/af260/sandhioke/KS.gif "/> <br/><br/> <textarea rows="6" cols="22" style="color:black;font-size:10px;" name="code"> <a href="http://ilpeng.com" target="_blank"> <img border="0" src=" http://i1013.photobucket.com/albums/af260/sandhioke/KS.gif "/></a>
</textarea></center>

Jika anda ingin mencobanya, copy kode di atas, ingat ganti url yang ada dengan url blog anda dan ganti kode link gambar dengan gambar anda (bukankah anda sudah tahu caranya, hehehe..)

Cara memasukkan kode di atas sama seperti yang saya jelaskan sebelumnya, oke akan saya ulangi lagi karena anda harus terbiasa dengan cara memasukkan kode seperti ini;
langkahnya sebagai berikut:
1. Masuk ke account blogger anda, klik tata letak kemudian klik elemen halaman
2. Klik tambah gadget, klik tambah gadget html/javascript
3. Lalu masukkan kode di atas

Hasilnya nanti akan seperti ini :

Copy kode di bawah ini ke blog anda, konfirmasikan via Chatroom u/ linkback. Hasilnya akan seperti ini








jangan permasalahkan tulisan yang terlihat panjang di atas, 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=tinggi border serta cols=lebar border.

Selamat Mencoba 

Artikel Terkait



1 komentar:

Unknown on December 28, 2009 at 5:53 AM said... [Reply]

salam sahabat
wah perlu dicoba thnxs n good luck ya

Post a Comment

yth. pengunjung Blog Bisnis Online. Untuk Menjalin Silaturahmi, Setelah membaca mohon berkenan memberikan komentar disini atau sekedar ucapan terimakasih saja. 1 komentar maka 2 link untuk anda.

Chat Room

Ilpeng.com Lovers

 

BISNIS ONLINE | BLOG BISNIS ONLINE. Blog ini Copyright 2009 Knowledge Sharing by Sandhioke Converted into Blogger Template