Assalamualaikum Wr.Wb
Mau kayak Gini:
Caranya Gampang Kok ^_^ ,Ikuti Langkah-Langkah Ini
- Buka Blogger
- Menuju Ke DashBoard
- Pilih Tata Letak
- Add New Gadget/Tambahkan Gadget
- Pilih Html/Script
- Copas Script DiBawah Ini,
NB: Kalau Copy Pakek Ctrl-c Biar Nggk Ada Gambar Bapak Kamu :v
wkwkwkwkwkwkw :v :D
<!-- FB melayang tombol close --!>
<style type='text/css'>
#kotak-facebook {
position:fixed !important;
position:absolute; /* IE6 */
bottom:-1000px;
right:40%;
margin:0px 0px 0px -182px;
width:310px;
height:auto;
padding:16px;
-webkit-box-shadow: 0px 0px 7px #222;
-moz-box-shadow: 0px 0px 7px #222;
box-shadow: 0px 0px 7px #222; background-color:#FFFFFF; font:normal 1em Cambria,Georgia,Serif;
color:#111;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;}
#kotak-facebook a.close {
position:absolute;
top:-10px;
right:-10px;
background:#333;
font:bold 16px Arial,Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#fff;
border:2px solid #fff;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
cursor:pointer;
}
</style>
<script type='text/javascript'>
$(window).bind("load", function() {
// animasikan nilai top saat halaman telah selesai dimuat
$('#kotak-facebook').animate({bottom:"50px"}, 1000);
// hilangkan kotak pesan saat tombol (x) di klik
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='kotak-facebook'>
<p style=" margin-right:10px; font-size:15px; color:#000000;">Please Bantu Saya,<blink> Like This !!!</blink> </p>
<!-- Mulai --!>
<div class="fb-like-box" data-href="https://www.facebook.com/pages/Achmad-Syaichul-Hadi/228964740593467" data-width="292" data-show-faces="true" data-stream="false" data-show-border="true" data-header="true"></div>
<!-- Selesai --!><a class='close' href='#'>×</a>
<a class="twitter-follow-button" data-lang="id" data-show-count="true" href="https://twitter.com/AchmadSyaichulH">Ikuti @AchmadSyaichulH</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="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<iframe src="//www.facebook.com/plugins/follow.php?href=https%3A%2F%2Fwww.facebook.com%2FAchmad.Syaichul.Hadi1&width=100&height=21&colorscheme=light&layout=button_count&show_faces=true&appId=312708355530330" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowtransparency="true"></iframe>
<p style=" float:right; margin-right:35px; font-size:10px;" >Powered By <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://achmad-syaichul-hadi.blogspot.com/">Achmad Syaichul Hadi</a> and <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://achmad-syaichul-hadi.blogspot.com/2013/09/memasang-widget-like-box-facebook.html">Dapatkan Widget InI</a></p>
</div>
Yang Warna , Ganti Dengan Alamat Kalian Masing - Masing ^_^
OK Sekian Dari Saya ^_^
Editor: Achmad Syaichul Hadi
