Cara Memasang WIDGET Like BOX Fanspage Facebook Melayang Pada Blog

Cara Memasang WIDGET Like BOX Fanspage Facebook Melayang Pada Blog

TOTURIALBLOGCOM:Cara memasang widget like box fanspage facebook melayang di blog sobat blogger bila anda ingin membuat Like BOX Fanspage Facebook Melayang Pada Blog pada WIDGET di blog dengan persi terbaru dari toturialblogcom ,memepersebah kan Like BOX Fanspage Facebook Melayang Pada Blog yang berwarna hitam ,di buat melayang atau pop up bertujuan untuk mengoptimalkan like menjadi banyak, karena setiap pengunjung masuk ke blog kita akan muncul sebuah pop up fanspage facebook agar bisa di like dengan mudah dan juga bisa di close dengan mudah, maka dengan menerapkan pop up fanspage facebook melayang ini sangat efektip untuk mengoptimalkan penyuka di halaman facebook anda sekaligus menjaring pengunjung agar dapat mudah meng akses artikel blog kita lewat halaman facebook, bagi anda yang ingin membuat halaman fanspage like box ada di blog anda juga sangat mudah untuk di terapkan pada blog seperti blog saya ini ,maka dari itu saya menjelaskan cara dan trik Cara Memasang WIDGET Like BOX Fanspage Facebook Melayang Pada Blog di bawah ini lengkap.


1-Kamu masuk ke www.blogger.com
2-Pilih menu tambah menu Tata letak
3-Tambah gadget  Html Javasript seperti gambar di bawah inih

Cara Memasang WIDGET Like BOX Fanspage Facebook Melayang Pada Blog   Cara Memasang WIDGET Like BOX Fanspage Facebook Melayang Pada Blog
4-Lalu kemudian masukan kode di bawah pada kotak Html Javasript lalu simpan 



<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:#141414;
font:normal Dosis, Georgia, Serif;
color:#00ffff;
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:#00ffff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#000;
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:22px;
-moz-border-radius:22px;
border-radius:22px;
cursor:pointer;
}
#twitterx {
background: #00ffff;
padding: 10px;
text-align:center;
border: 1px solid #00ffff;
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="http://seputarkodeblog.blogspot.co.id/">Kalaow Suka Di Klik </a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/Daniblogspot123-1666993423548168/?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=Dani Blogspot&amp;show_count=&amp; show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>
<div style="text-align: center;">
<a href="https://www.facebook.com/daniblogspot123?" target="_blank">daniblogspot</a></div>
<a class='close' href='#'>&times;</a>
</div>


5 Keteranagan yang di beriwarna merah gantilah alamat fecebook
   Keteranagan yang di beriwarna orange gantilah alamt fecebook halaman anda
   Keteranagan yang di beriwarna  biru denagan alamat blog anda

Cukup sekian dari saya mohon maap bila ada kekurangan dan kelalahan pada toturial mohon di maklum saya ga sempet bikin kata kata yang baik soalnya saya lagi sibuk di luar sana .  
salam blogger by daniblogger
 

Subscribe to receive free email updates:

0 Response to "Cara Memasang WIDGET Like BOX Fanspage Facebook Melayang Pada Blog"

Posting Komentar