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

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

Share :

Tweet

✚

Related Post

• Cara Membuat Gampar Kerucut Pada Postingan Hallo gan, kemaren kan saya udah bagi injetc buat smart, masih inget kan yg itu loh masa lupa yg i
• Cara membuat Tombol Contact WithLangsung simak aja gan, lagi males Ngetik Hehhehehe...!! Langkah-langkah simak dengan benar!! Bu
• Guest Book BERKOMENTARLAH DENGAN BAIK DAN SOPAN 
• Membuat Tombol Demo dan Download KerenMembuat Tombol Demo & Download Keren- Sudah lama gak posting lagi udah hampir jadi bangke nih b
• Cara Membuat Scrollbar Dengan Persentase Hollaa,,, sobat AGC Pada hari ini saya akan kasih tau cara membuat Cara Membuat Scrollbar Den
• Cara membuat Sitemap Simple Langsung disimak aja sob..!! cara-cara nya udah saya sediakan dibawah dengan komplit+simple gx pak