HOME ABOUT LINKIES STUFF NEWER OLDER FOLLOW

Angel's Diary


Dislaimer


Hello Visitor! My Name is Angel, welcome to my blog! In this blog, you can see Tutorial,Freebies, And Another! Enjoy!


Cbox

Put Your Code Cbox Here!

Credit

Skins By : Agna.

Owner : Angel

(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

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
4. Simpan perubahan

Bagaimana , Nad? Mengerti enggak? BTW, kakak sudah follow blogmu :) . Ini screenshootnya:

Tolong di follback yaa :) . Trims :)
Oke sekian tutorial dariku, bye bye!

Label: ,