CARA MEMASANG WIDGET LIKE BOX FACEBOOK MELAYANG DI BLOG

AssalamuAlaIkUm SoBat BloGGeR, BagaImAna KaBArNyA? mOga SehaT SeLaLu YA SaHabAt BloGGer. Kali Ini SaYA AkaN MeMbaHas GIMaNA CaRA ‘’ Cara Memasang Widget Like Box Facebook Melayang di Blog.’’  WidGet Ini Di LenGKapi DenGan ToMbol CloSE . TaPi SEBEnarNya SobAt kiTa SeBaGAi SaHabat BloGGeR KuRaNG BaIK MeMasAng WidGet Ini KaRna MeNGaNGuh PenGunJUng…

TaPi KlAu SoBat TERTarIk DeNGaN WiDgeT Ini LanGsuNG IkUti Saja ’’Cara Memasang Widget Like Box Facebook Melayang di Blog.’’

1.  SoBAt MasUk KE DasBoR BloGGeR DuLu

2.  TerUs TaTa LetaK LaLu PiLiH TaMbah GadGeT

3.  CaRi HTML JaVa ScRibT LaLU KliK

4.  LalU CoPy PasTe CoDe Di BaWah Ini

<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">Jangan Lupa Like ya</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/ShultansAndy?ref=hl&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;appId=371524026202784" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe>
</center>
<!-- HTML End -->
<br/>
<div class="twitter">
<!-- Twitter --> <iframe title="" style="width: 250px; height: 20px;" class="twitterx-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351&amp; align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp; lang=ID&amp;link_color=&amp;screen_name=shultanandi&amp;show_count=&amp; show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>
<a class='close' href='#'>&times;</a>
</div>

keterangan
YaNg WaRna MeRaH Ganti DeNgan KaTa SoBat SenDiRi
YaNg WarNa HiJaU GaNti DeNgaN ALaMat LikE Box SobaT
YaNg WaRnA PinK Ganti DenGaan NaMa TwiTTeR SoBat

5.  LaLU SimPaN Deh..

Nih HaSiLnYa…