Tuesday, September 14, 2010

Cara Membuat Tombol E-mail Me

Nah, saya ingin berbagi tips cara membuat tombol e-mail me di blogger.
Pertama, kamu harus meng-upload gambar ikon e-mail anda di photobucket atau di web image hosting lainnya.Misalnya :



Setelah diupload, kamu pasti mendapatkan link html-nya. Copy di notepad.
Jika e-mailmu skyphinphin@gmail.com, maka tambahkan menjadi

<a href="mailto:skyphinphin@gmail.com">

Html gambar yang tadi di-upload ambil hanya bagian <img src sampai ></a>
Misalnya, bila html-nya :

<a href="http://s849.photobucket.com/albums/ab53/PhinPhin36/?action=view&current=mail.png" target="_blank"><img src="http://i849.photobucket.com/albums/ab53/PhinPhin36/mail.png" border="0" alt="Mail"></a>
Yang diambil hanya yang berwarna biru saja lho.

Kemudian, gabungkan alamat e-mail kita tadi menjadi seperti ini :

<a href="mailto:skyphinphin@gmail.com"><img alt="Mail" border="0" src="http://i849.photobucket.com/albums/ab53/PhinPhin36/mail.png" /></a>
merah : e-mail yang tadi telah diubah
biru : html gambar yang telah diambil

Setelah itu, login ke blogger dan buka rancangan, ke tata letak/rancangan, pilih tambah gadget, lalu pilih html/javascript. Copy dan pastekan kode yang diatas. Setelah itu simpan dan lihat hasilnya.
Apabila belum berhasil, mungkin kodenya salah atau kurang lengkap. Bisa ditanyakan pada saya.
Selamat mencoba ^^


By : PhinPhin

No comments:

Post a Comment