Wonderland: (Special 30 Followers) Tutorial Membuat Tombol Follow pada Bagian Halaman (Request Nadya)

Halo!

Nadya request cara bikin tombol follow seperti punyaku. Dan saatnya untuk memenuhi request Nadya ;) . Maaf banget ya, dek Nadya, kalau enggak sesuai -_- .

Credit: Kak Manda

Step 1

1. Buka www.blogger.com

2. Pilih tata letak > Add gadget

3. Pilih yang di tandai merah itu

4. Akan muncul tampilan seperti ini

5. Klik yang di kotak merah itu

6. Akan tampak seperti ini

7. Isi judul laman dan alamat urlnya

http://www.blogger.com/follow-blog.g?blogID=ID Blog Kalian

8. Simpan

Step 2

1. Pilih tata letak > add gadget > HTML/Javascript
2. Copas kode berikut

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

3. Ganti yang di warna itu sesuka kalian

4. Simpan, apa yang terjadi?

Step 3

1. Tata letak > add gadget > html/javascript
2. Copas kode berikut

<div style="position: fixed; top: 5px; right: 90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=ID BLOG KALIAN" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://3.bp.blogspot.com/-feYAFwQF-GM/TtOSBVXcMmI/AAAAAAAAHvk/GH1PZPVvU7c/follow.png" border="0" /></a><div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-N61PPu_1haE/TtOSBZgZikI/AAAAAAAAHvc/vIEC_dYpIVo/dashboard.png" /></a></div></div>

3. Ganti semua kode warna itu sesuka kalian. Untuk id blog kalian bisa mencarinya seperti yang di warnai pink pada gambar di bawah ini