Cara Membuat Like dan Follow Melayang Di Blogg

Bagaimana Cara membuat widget Like & Follow Melayang Diblogg Ya ?... Buat sobat-sobat blogger pasti tidak mau ketinggalan untuk memberikan widget sosial media ini. okeh.. setelah sebelumnya telah kita bahas Cara Membuat Fans Page Like Box FB Auto Hide di Blog. kali ini akan kita buat Fanspage dan follow melayang diblogg sobat.

1. Pertama kali jelas LOGIN dulu diblogg sobat

2. Pilih Tata Letak pada dashbor sobat.

3. Tambahkan Gadget, Cari HTML/JavaScript dan Tambahkan

4. Letakkan SCRIPT berikut ini didalam kotaknya
<style type='text/css'>
/* Message Box */
#box-message {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#fff;
font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-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;
}
#box-message a.close {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#111;
border:2px solid #333;
-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:22px;
-moz-border-radius:22px;
border-radius:22px;
cursor:pointer;
}
#twitterx {
background: #EEF9FD;
padding: 10px;
text-align:center;
border: 1px solid #C7DBE2;
border-top: 0;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top Value When Page Loaded Completed
$('#box-message').animate({top:"50px"}, 1000);
// Remove Mailbox When Close Button On Click
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='box-message'>
<!-- HTML Start -->
<center><a class="murub"><b>Sebelum Membaca Artikel ini<br /> Dimohon untuk Like & Follow Dulu Za !!!<br /> Thanks :-)</b></a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FIlmu-Pengetahuan-Teknologi%2F361927093892752&amp;width&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:258px;" allowtransparency="true"></iframe>
</center>
<!-- HTML End -->
<br/>
<div class="twitter">
<!-- Twitter --> <div align="center"> <a href="https://twitter.com/Sugeng_Siswanto" class="twitter-follow-button" data-show-count="true" data-size="large" data-show-screen-name="false">Follow @Sugeng_Siswanto</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> </div></div>
<a class='close' href='#'>&times;</a>
</div>

NB: Ganti script warna Merah dengan alamat Fanspage FB sobat dan Warna Ungu dengan alamat twitter sobat

5. Kemudian SAVE dah..

Tara... !!! nih.. contoh punya ane sob
widget Like dan Follow Melayang Di Blogg

Sekarang blogg sobat udah ada widget sosial media Like dan Follow yang melayang. Oke sekian dan terimakasih. semoga bermanfaat.