Cara Membuat Like Box Facebook dan Twitter Melayang di Blog

Cara Membuat Like Box Facebook dan Twitter Melayang di Blog,- Hallo sobat kali ini saya akan bagikan Tutorial Blog terbaru dari Arisaja.com, yaitu Cara Membuat Like Box Facebook dan Twitter Melayang di Blog. Oke langsung aja bagi sobat yang ingin membuat Like Box FBnya melayang di Blog sobat, silahkan ikuti step by step dibawah ini !

Berikut Caranya :

1. Login ke Dashboard sobat > Pilih tata letak > Tambahkan Gadget
2. Kemudian pilih HTML/Javascript
3. Copy dan masukkan kode beikut 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">SILAHKAN DI LIKE SOB ! Biar Semangat</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/LazuardiFotoCopyAtkPercetakan?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=Mustagustz&amp;show_count=&amp; show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>
<a class='close' href='#'>&times;</a>
</div>

4. Lalu klik "Simpan" Dan lihat Hasilnya

Sekian Tutorial Tentang Cara Membuat Like Box Facebook dan Twitter Melayang di Blog Semoga bermanfaat dan selamat mencoba.

terima kasih telah berkunjung

Salam 

Artikel Menarik Lainnya

Terimakasih, sudah meluangkan waktunya untuk membaca artikel saya yang berjudul Cara Membuat Like Box Facebook dan Twitter Melayang di Blog . Anda bisa menemukan artikel ini dengan url http://mustagustz.blogspot.com/2013/11/cara-membuat-like-box-facebook-dan.html , anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara Membuat Like Box Facebook dan Twitter Melayang di Blog ini sangat bermanfaat bagi anda dan mungkin teman anda, tetapi jangan lupa untuk meletakkan link Cara Membuat Like Box Facebook dan Twitter Melayang di Blog sebagai sumbernya. Jadilah blogger yang ber-etika! Wassalam

Posted in: Tips Blogging