Membuat script Link Blog sendiri

Disamping ini adalah contoh link blog saya, bila di klik maka akan langsung menuju ke blog saya, begitu pun bila anda membuat link blog anda sendiri, maka akan menuju ke blog anda. Kita dapat menambahkan kotak textarea di bawahnya seperti yang ada di sebelah kanan blog saya ini, dengan menambahkan kotak textarea yang erisi kode script link kita siapapun yang ingin memasang link kita dapat mengcopy code script kita lalu meletakkan di blog mereka. Ini merupakan sebuah stratesi memperbanyak link blog kita.

Ingin tau cara membuatnya?? Ikuti 3 langkah mudah nya..

1. Pertama-tama siapkanlah sebuah gambar dengan aplikasi seperti Adobe Photoshop atau software pengolah gambar lainnya yang anda kuasai. Buat lah gambar yang menjadi ciri blog anda baik berupa tulisan atau pun banner, terserah berukuran seperti apa boleh besar boleh kecil. Bila sudah save lah file gambar tersebut dalam format .gif tetapi dengan format lain juga boleh seperti .jpg atau .png, namun saya menyarankan .gif agar gambar ber-size lebih kecil sehingga lebih gampang di load pada saat orang membuka blog kita.

2. langkah ke dua, uplaod lah file gambar bautan hasil karya tangan mu itu :-D, seperti di photobucket, imageshack atau geocities bila kamu sudah mempunyai acount blogger atau acount gmail, saya sarankan menggunakan fasilitas dari picasa atau googlepages karena saling berkaitan satu sama lain, sehingga anda tidak perlu login berulangkali, login satu semua dapat di akses hehe... klo saya lebih suka pakai googlepages.

3. Langkah ke tiga, nah ini puncaknya hehe,,,:-P. Yang kita butuhkan sekarang hanya script nya.Hm,,apayah script nya?? lho kok tanya orang,kan saya yang mo nulis tutorial yah hehe,,(udah udah,,serius!!). Dibawah ini adalah script nya:
CODE 1

<a href="http://dyt-root.blogspot.com" target="_blank"><img alt="Shedtya" src="http://i126.photobucket.com/albums/p106/aites_abadi/blogging/dyt-root-listwhite.gif" border="0"></a>

Copy paste kode di atas lalu ganti tulisan berwarna merah dengan URL/alamat blog kamu, dan ganti tulisan berwarna biru dengan alamat/URL file foto yang kamu upload. Untuk tulisan berwarna hijau bisa kamu hapus atau kamu ganti dengan deskripsi blog, nama atau apa saja.

kamu juga bisa menambahkan kotak textarea seperti dibawah ini agar orang bisa memasang link kita di blog mereka.

<a href="http://dyt-root.blogspot.com"><img border="0" alt="Shedtya [dot]net" src="http://i126.photobucket.com/albums/p106/aites_abadi/blogging/dyt-root-listwhite.gif"></a>

Untuk membuat kotak textarea kita membutuhkan kode hijau di bawah ini:
CODE 2

<textarea rows="4" cols="20" name="”code”">
&lt;a
href=&quot;http://dyt-root.blogspot.com&quot;&gt;&lt;img border=&quot;0&quot;
alt=&quot;Shedtya [dot]net&quot; src=&quot;
http://i126.photobucket.com/albums/p106/aites_abadi/blogging/dyt-root-listwhite.gif
&quot;&gt;&lt;/a&gt;
</textarea>

Sedangkan kode berwarna merah adalah kode script yang kita buat prtama tadi, tetapi agar di blog dapat muncul menjadi tulisan code harus kita ubah dulu kode kode tersebut, banyak cara yang dapat di gunakan tetapi disini saya akan menggunakan tool dari salah satu website yaitu centricle.com , web ini mempunyai sebuah tool yang adapat membantu kita meng-encode kode html kita, caranya gampang langsung aja ke sini.Kemudian masukkan kode sript kamu (disini adalah kode yang pertama kita buat yaitu:


<a href="http://dyt-root.blogspot.com" target="_blank"><img alt="Shedtya"
src="http://i126.photobucket.com/albums/p106/aites_abadi/blogging/dyt-root-listwhite.gif" border="0"></a>


Kemudian klik tombol ENCODE maka akan muncul kode-kode aneh kan seperti &lt; dan &gt; . nah kode tersebut kemudian kamu kopi lalu pastekan di kode ke 2 menggantikan kode script yang berwarna merah, hasilnya akan seperti ini.

<textarea rows="4" cols="20" name="�code�">

&amp;lt;a
href=&amp;quot;http://dyt-root.blogspot.com&amp;quot;&amp;gt;&amp;lt;img border=&amp;quot;0&amp;quot;
alt=&amp;quot;Shedtya [dot]net&amp;quot; src=&amp;quot;
http://i126.photobucket.com/albums/p106/aites_abadi/blogging/dyt-root-listwhite.gif
&amp;quot;&amp;gt;&amp;lt;/a&amp;gt;
</textarea>


nah gampang bukan, setelah itu tinggal gabungkan aja dech kode pertama sama kode ke dua sehingga mendapatkan hasil seperti dibawah ini.

<a href="http://dyt-root.blogspot.com"><img border="0" alt="Shedtya [dot]net" src="http://i126.photobucket.com/albums/p106/aites_abadi/blogging/dyt-root-listwhite.gif"></a>

Selamat mencoba yah.
Jika anda suka dengan artikel ini silahkan klikdi sini untuk berlangganan.