Cara Pasang Kode Tukar Link Di Blog

Kali ini kita akan membahas Link Exchange atau Tukar Link adalah salah satu motif widget penghias blog atau website yang mampu meningkatkan traffic site/blog dan page rank. disini sedikit bagai mana cara membuat link Exchange, juga Link Scrolling atau kotak bergeser.

Lankah-langkah membuat Link Exchange Tukar Link:

1. Anda harus desain dulu icon milik Anda. Terserah mau buat pake apa, pake photoshop, corel draw, firework atau image ready, dan lain sebagainya. Ukurannya bebas, mau sehalaman penuh juga gak pa-pa, Cuma kalo sehalaman penuh ntar nggak ada yang mau tukeran link.. (formatnya terserah sobat..GIF, JPG, BMP, atau lain sebagainya.

2. Kalau sudah jadi upload gambar favicon-mu di photobucket atau cooltext.com atau situs-situs lain yang menyediakan, (kalo belum punya account ya tinggal daftar GRATIS!).

3. Tujuannya adalah untuk mendapatkan direct link, setelah ter-upload, setiap gambar pasti ada direct link terus copy aja direct link dari favicon yang kamu upload tadi.

4. Setelah itu semua langkah selanjutnya adalah membuat kode link dari alamat gambar tadi, contoh kodenya seperti ini :

<a href="http://letsbesmart.blogspot.com/"><img src="http://images.cooltext.com/1846579.png" width="134" height="31" alt="Let's Be Smart" /></a>
<br />

Contohnya:

Nah itu tadi merupakan contoh link untuk membuat link ke blog aku ini kalau mau tukar link sama aku copy saja tu ke blog sobat tapi jangan lupa komentar agar aku pasang link sobat ke blog aku, 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 tinggal tambah seperti ini :

<p align="center"><textarea name="code" rows="3" cols="14"> <a href="http://letsbesmart.blogspot.com/"><img src="http://images.cooltext.com/1846579.png" width="134" height="31" alt="Let's Be Smart" /></a> &lt;br /> </textarea></p>

Hasilnya seperti ini:

<a href="http://letsbesmart.blogspot.com/"><img src="http://images.cooltext.com/1846579.png" width="134" height="31" alt="Let's Be Smart" /></a> <br />

Untuk ukuran text area sobat bisa mengganti ukurannya sesuai keinginan sobat dengan mengganti rows dan cols nya.

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 :

<span style="font-weight:bold;"></span><center><p><span style="font-weight:bold;"> Copy / Paste HTML Code To Your Blog</span></p></center>

<a href="http://letsbesmart.blogspot.com/"><img src="http://images.cooltext.com/1846579.png" width="134" height="31" alt="Let's Be Smart" /></a> <br />

<p align="center"><textarea name="code" rows="3" cols="14">

<a href="http://letsbesmart.blogspot.com/"><img src="http://images.cooltext.com/1846579.png" width="134" height="31" alt="Let's Be Smart" /></a> <br />

</textarea></p>

Maka Hasilnya seperti ini:

Copy / Paste HTML

Code To Your Blog

<a href="http://letsbesmart.blogspot.com/"><img src="http://images.cooltext.com/1846579.png" width="134" height="31" alt="Let's Be Smart" /></a> <br />

Keterangan: Copy / Paste HTML Code To Your Blog bisa sobat ganti dengan kata-kata lain seperti Tukar Links Yuk dan sebagainya.
Selesai...Selamat Mencoba,,Semoga Ada Hasilnya....

Related Articles by Categories