Cara Memasang Tombol Like Facebook dengan Follow Twitter Simple

1. Masuk ke Blogger.com

2. Pilih Blog Anda, lalu ke Layout / Tata Letak

3. Tambah Widget anda.

4. Pilih HTML/Javascript

5. Copy kode CSS dan HTML berikut :

<style type="text/css">

#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/AVvXsEiuzbnxglqL_AUUK41B4SJBwT7zKSo49XRbIkS4pgwoqZ1rt61ORlyAs1gnNTopkeVLXRt1y2i9MCMyEG1bfcARUhKNFxh83QGm6Hmnp-rkSbdUKFKKi6HFkHtYdTJ-UMkja8U02bFyhdY/s1600/grid.png"); background:#222222url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuzbnxglqL_AUUK41B4SJBwT7zKSo49XRbIkS4pgwoqZ1rt61ORlyAs1gnNTopkeVLXRt1y2i9MCMyEG1bfcARUhKNFxh83QGm6Hmnp-rkSbdUKFKKi6HFkHtYdTJ-UMkja8U02bFyhdY/s1600/grid.png"); background:#222222url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuzbnxglqL_AUUK41B4SJBwT7zKSo49XRbIkS4pgwoqZ1rt61ORlyAs1gnNTopkeVLXRt1y2i9MCMyEG1bfcARUhKNFxh83QGm6Hmnp-rkSbdUKFKKi6HFkHtYdTJ-UMkja8U02bFyhdY/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;}

</style>

<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/pages/The-Hacker-Aja/412491465515414&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/ravdania'>Ikuti @Media Blogger</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>

Keterangan :

• Ganti kode berwarna hijau dengan ID Facebook Anda / URL Fans Page FB kalian.
• Ganti kode berwarna orange dengan kode tombol twitter anda.

Anda dapat mengganti nama twitter di widget tersebut dengan nama twitter anda (di dalam kode warna orange).