Cara Mengubah Join Site Jadi Menggunakan Gambar

Tombol Follow, atau sekarang menjadi Join This Site, widget tersebut sebenarnya juga sedikit menjadi beban untuk loading blog, mungkin dengan trik ini loading blog menjadi lebih ringan dan pengunjung blog kalian tetap bisa follow.

Singkat padat dan jelas, lets do it!

•     Hapus widget followers / Join This Site mu

•     Kemudian buat kode seperti dibawah ini:

    <a href="http://www.Blogger.com/follow-blog.g?blogID=2542779688843262002" title="Join this site / follow" onclick="window.open(this.href, 'dmfollow', 'toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=no,width=599,height=521');return false;" style="text-align:center;font-weight:bold;text-decoration:none;"><img src="URL-GAMBAR-DISINI" alt="Join this site" style="vertical-align:center;border:0px;cursor:pointer;" /></a>

    Ganti yang berwarna Orange dengan ID blog kalian.
    Ganti yang berwarna Kuning dengan URL gambar kalian sendiri.

•     Untuk mengetahui ID blog kalian bisa kalian lihat ketika mengedit blog kalian seperti di bawah ini,contohnya pada halaman Rancangan / Design:   

•     Nah, kode tersebut di letakkan dimana? Terserah saja. Boleh di Tambah Gadget / Add Gadget terus pilih HTML / JavaScript, boleh juga langsung di masukkan ke template (dianjurkan untuk yang sudah expert saja).

•     Jika menggunakan gambar masih kalian pikir berat, boleh menggunakan link biasa:

    <a href="http://www.Blogger.com/follow-blog.g?blogID=2542779688843262002" title="Join this site / follow" onclick="window.open(this.href, 'dmfollow', 'toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=no,width=599,height=521');return false;" style="text-align:center;font-weight:bold;text-decoration:none;">Join This Site</a>

•     Ganti yang berwarna Orange dengan ID blog kalian.

•     Ganti yang berwarna Kuning dengan kata-kata kalian sendiri.

•     Atau menggunakan TOMBOL

    <input value="Join This Site" onclick="window.open('http://www.Blogger.com/follow-blog.g?blogID=2542779688843262002', 'dmfollow', 'toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=no,width=599,height=521');" style="background:black;color:white;border:1px solid red;text-align:center;font-weight:bold;" type="button" />

    Ganti yang berwarna Orange dengan ID blog kalian.
    Ganti yang berwarna Kuning dengan kata-kata kalian sendiri.
    Ganti yang berwarna Biru untuk mengganti warna background tombol.
    Ganti yang berwarna Hijau untuk mengganti warna teks.
    ganti yang berwarna Merah untuk memodifikasi border / garis tepi.