Cara memodifikasi link teman pada blogspot

Memodifikasi widget link teman, merubah tampilan kolom link teman pada blog mungkin akan terasa sulit jika kita belum memahami caranya, tetapi jangan khawatir, sudah banyak para blogger senior yang telah berbaik hati membeberkan tentang bagaimana cara merubah tampilan kolom link teman pada blog kita. Kali ini saya ingin berbagi cara tentang bagaimana memodifikasi tampilan kolom link teman pada blog, agar lebih enak dipandang mata ( menurut saya....hehehehe ), dengan menambahkan icon animasi.

1. Pilih gambar yang akan dijadikan sebagai icon, bisa lingkaran, segitiga atau terserah keinginan kita, disini kita akan menggunakan gambar ini sebagai contoh


2. Edit gambar tersebut,bisa memakai photosop maupun Paint, cukup dengan merubah warna gambar tersebut, setidaknya menjadi minimal 3 warna berbeda, contoh :




3. Setelah kita copy gambar gambar tersebut, kita lanjutkan dengan membuka browser kita dengan alamat http://gickr.com, web penyedia layanan membuat file animasi /  format gif.

















Keterangan :
1. Ambil copy gambar yang telah kita buat pada langkah ke 2 diatas
2. Kapasitas File / gambar yang di bisa di upload ( max 10 gambar )
3. Pengaturan besaran gambar, sesuaikan ( sebaiknya 12px, biar tidak terlalu besar )
4. Speed untuk mengatur kecepatan pergantian gambar nantinya
Lanjutkan dengan menekan Continue, selanjutnya akan muncul halaman seperti ini



jika gambar yang telah diubah menjadi format GIF. tersebut telah sesuai dengan keinginan kita, copy pada tulisan image link, gambar yang nantinya akan diperoleh akan menjadi seperti ini


5. Selanjutnya buka BLOG  -  RANCANGAN - TATA LETAK
-TAMBAH GADGET - pilih HTML/Java Script ( kalau belum memiliki kolom link teman ), atau
-Edit Link Teman ( kalau ingin menambahkan ikon animasi ini )

Selanjutnya masukkan kode script di bawah ini :

<img src="http://gickr.com/results3/anim_741f0130-d38d-a0e4-9d75-9e8070a83668.gif
" width="10"hight="10" border="0" />&nbsp;<a href="http://info-info--unik.blogspot.com/" target="_blank">Nadia</a>
<br/>

 Keterangan :
Paste / Ganti tulisan berwarna MERAH dengan  URL gambar yang telah di copy tadi ( langkah ke 4 )
Ganti tulisan berwarna BIRU dengan URL alamat blog teman yang akan dijadikan link
Ganti tulisan berwarna HIJAU dengan nama/ blog teman. Hasilnya bisa dilihat pada link teman di blog ini, semoga bermanfaat...salam hangat.

Komentar

Posting Komentar

Agar ter-index oleh mbah google, alangkah lebih baik anda gunakan Alamat Blog/Website anda, jangan lupa juga untuk klik sponsor yang ada di blog ini, siapa tau bermanfaat buat anda,terimakasih.