Membuat widget untuk tukar link
Untuk membuat widget tukar link seperti yang ada pada blog ini berikut langkah-langkahnya :
Jika anda belum memilik logo disainlah dulu logo anda, bisa menggunakan program coreldraw,photoshop Banner Maker Pro, program lain yang anda sudah punya atau dengan bantuan situs yang menyediakan fasilitas pembuatan logo seperti cooltext.com. Menurut saya ukurannya jangan terlalu besar, idealnya 75 x 25 px atau 95 x 30 px. Kalau terlalu nanti akan mengganggu layout blog yang mau kita ajak tukar link.
Jika anda belum memilik logo disainlah dulu logo anda, bisa menggunakan program coreldraw,photoshop Banner Maker Pro, program lain yang anda sudah punya atau dengan bantuan situs yang menyediakan fasilitas pembuatan logo seperti cooltext.com. Menurut saya ukurannya jangan terlalu besar, idealnya 75 x 25 px atau 95 x 30 px. Kalau terlalu nanti akan mengganggu layout blog yang mau kita ajak tukar link.
Jika logo sudah siap, upload logo tersebut. Anda bisa gunakan jasa photobucket, flickr atau yang lainnya, setelah logo anda upload anda akan mendapatkan kode lokasi gambar tersebut, sebagai contoh berikut ini, atau kalau anda masih kesulitan untuk mendapatkan kode seperti ini anda bisa mempelajari bagaimana cara mendapatkan koda yang berasal dari banner dulu. Anda dapat belajar dari sini.
"http://bp3.blogger.com/_9HzsNIVgy4k/SI3CDJ3UtfI/AAAAAAAAAUk
/e-qoKFqtCNw/S1600-R/edysuryo180.gif"
Kode diatas adalah contoh kode logo blog saya.
Selanjutnya pasang di blog anda dengan mengklik menu layout, klik elemen halaman, klik tambah elemen halaman , kemudian klik tambah HTML/javascript.
Masukkan kode dibawah ini :
<+textarea rows="5" cols="20" name="code"+>
<+a href="http://blog-anda.blogspot.com" target="_blank"+><+img border="0" alt="blog-anda" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOlhrzlf7TzDA1V0Aa-x191mxsOi66LQYWWEVtQ-XjeiIR-XFo_4DnAoTIggaw2KD9tLgfiM_pamv0NtGS3O8GVBOxniKdM2iGCq4tRGW3FEqxWSnnDHYrLnwxGmKsu3BbhaZiDxJAK-5b/s1600-r/edysuryo180.gif "+><+/a>
<+/textarea+>
jangan lupa untuk menghapus tanda +<+a href="http://blog-anda.blogspot.com" target="_blank"+><+img border="0" alt="blog-anda" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOlhrzlf7TzDA1V0Aa-x191mxsOi66LQYWWEVtQ-XjeiIR-XFo_4DnAoTIggaw2KD9tLgfiM_pamv0NtGS3O8GVBOxniKdM2iGCq4tRGW3FEqxWSnnDHYrLnwxGmKsu3BbhaZiDxJAK-5b/s1600-r/edysuryo180.gif "+><+/a>
<+/textarea+>
Hasilnya akan tampak seperti dibawah ini :
Dan setelah di copykan ke page element yang baru hasilnya seperti ini:
Klik save, kemudian kemudian letakan sesuai keinginan anda dan save lagi, selesai.
Keterangan :
- rows="5" cols="20" ( menunjukkan lebar baris dan lebar kolom,
Anda bisa merubah-rubah sendiri sesuai keinginan anda)
- tulisan blog-anda warna biru isikan dengan nama blog
- http://bp3.blogger.....dan seterusnya warna biru isikan dengan kode lokasi logo dari banner dari kreasi anda sendiri.
Selamat belajar…..
