Buat Tombol Like dan Follow Twitter Melayang

Hallo Sobat AreGalank waktu itu kan ane udah share  lagu Avenged - Dear_God nah kalo sekarang ane akan share Tips Blog nih, Nah sekarang yg mau saya kasih tau adalah cara membuat tombol like melayang dan  tombol follow twitter melayang... Gimana  keren kan meski tips ini udah lama tapi saya mau share nih karna masih banyak yg nanya gimana cara buat nya, ok nih cara nya liat aritikel dibawah ini .....! :D

qd
Klik untuk memperbersar

Langkah-langkah
1. Masuk Blog / Login
2. Klik Rancangan -  Edit HTML- Centang Expand Template Widget
3. Cari kode ]]></b:skin> , lalu letakan kode dibawah ini diatas kode tadi


#AGCnavbar3{border:4px solid #000;border-radius:5px; width:155px; height:57px; margin-bottom:460px; margin-left:10px; font-family:Comic Sans Ms; color:white;text-align:left; background:#222222url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdUhWsgMQ9XpOS2aqDn_l2MNhNMAaDSPpNQlL5AtIpY7J3OU6f1bjEpgezoX5TWuCAnP0WyrD4-l0t2lKMe7zKSQzbS845ZxsiV9-pSjNTECoLkeZs-hocJUGh-pPUXDa66HcAuPcx_co/s1600/grid.png"); background:#222222url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdUhWsgMQ9XpOS2aqDn_l2MNhNMAaDSPpNQlL5AtIpY7J3OU6f1bjEpgezoX5TWuCAnP0WyrD4-l0t2lKMe7zKSQzbS845ZxsiV9-pSjNTECoLkeZs-hocJUGh-pPUXDa66HcAuPcx_co/s1600/grid.png"); background:#222222url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdUhWsgMQ9XpOS2aqDn_l2MNhNMAaDSPpNQlL5AtIpY7J3OU6f1bjEpgezoX5TWuCAnP0WyrD4-l0t2lKMe7zKSQzbS845ZxsiV9-pSjNTECoLkeZs-hocJUGh-pPUXDa66HcAuPcx_co/s1600/grid.png"); padding:2px; z-index:999; bottom:1px; left:1px; right:1px; position:fixed;-webkit-transition: all 0.9s ease-out;-moz-transition: all 0.9s ease-out;-ms-transition: all 0.9s ease-out;-o-transition: all 0.9s ease-out;transition: all 0.9s ease-out;}
#AGCnavbar3 .left{float:left; text-align:left; font-family:Supermercado; font-size:10px; font-style:normal; font-weight:normal; color:White; padding:2px 10px}
#AGCnavbar3:hover{box-shadow:1px 1px 5px black;font-size:20px; font-style:bold; width:155px; height:57px; margin-bottom:460px; margin-left:10px; margin-right:120px;-webkit-transition: all 0.9s ease-out;-moz-transition: all 0.9s ease-out;-ms-transition: all 0.9s ease-out;-o-transition: all 0.9s ease-out;transition: all 0.9s ease-out;}


4.Jika sudah di masukan tambahkan kode dibawah ini di atas kode </body> atau di HTML Javascript


<div id='AGCnavbar3' style='position:fixed;'>
<span class='left'><img src='' title=''/>
<iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/like.php?href=https://www.facebook.com/AregalankComunity&amp;send=false&amp;layout=button_count&amp;width=85&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21' style='border:none; overflow:hidden; width:85px; height:21px;'/>
<div style='margin-right:3px;margin-left:2px;'>
<a class='twitter-follow-button' data-lang='id' data-show-count='false' href='https://twitter.com/Aregalank1978'>Ikuti @Aregalank1978</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>
</div>
</span></div>
Note...!

-Ganti kode yg berwarna warna MERAH dengan URL Fans Page kalian
-Ganti kode yg berwarna warna KUNING dengan kode Tombol Twitter kalian
-Ganti kdoe yg berwarna warna BIRU dengan kode warna Border kalian
-Ganti kode yg berwarna warna HIJAU dengan kode Background

Kalo berhasil kalian bisa komentar dibawah ini
nah kalo yg masih blom berhasil bisa komentar di blog ini atau bisa Contact Facebook saya

Previous
Next Post »

8 komentar

Click here for komentar
Anonymous
18 December 2012 at 00:21 ×

ok thx atas infonya sob keren...!!!

Balas
avatar
admin
19 December 2012 at 02:55 ×

ok thanks sob udah mau berbagi...
salam blogger.

[+]di tunggu komenback dan visitbacknya :
http://iffatblogger.blogspot.com/

Balas
avatar
admin
19 December 2012 at 05:21 ×

sip masama sob... thx juga udah koment + visit nya
tar saya koment balik

Balas
avatar
admin
20 December 2012 at 00:38 ×

Nice Tutor !
Tapi Udah Banyak Yang Make :D
Aku Tunggu Komentar Mu !

[+]http://edho-xp.blogspot.com/2012/12/MembuatStatusDanKomentarKosong.html

Balas
avatar
admin
20 December 2012 at 07:15 ×

ok thx atas saran dan komment nya sob..

Balas
avatar
admin
30 December 2012 at 20:01 ×

wah mantap gan,, infonya salam kenal

Balas
avatar
admin
12 January 2013 at 01:11 ×

Salam kenal juga gan... ^_^

Balas
avatar
admin
12 January 2013 at 05:55 ×

hahahahg... lucu gan... backgroundnya bisa di buat mainan....

Balas
avatar
admin
Thanks for your comment