Cara Membuat Like Box Facebook Melayang Di Blog - like box facebook
yang biasanya terdapat pada sidebar sekarang bisa sobat modifikasi
menjadi like facebook melayang di Blog , ini menjadi daya tarik
tersendiri oleh blogger dan membuat pengunjung klik like facebook sobat.
Berikut Ini Cara Membuat Like Box Facebook Melayang Di Blog :
1. Login Ke Blogger.
2. Langsung menuju Tata Letak → Tambahkan Gadget → HTML/Javascript.
3. Jika sudah Copy Kode di Bawah ini dan Paste di dalam Widget kolom HTML/Javascript tersebut.
→ Ganti ' Jangan Lupa Like ya ' sesuai keinginan sobat.
→ Ganti ' http://www.facebook.com/sitiidiotnblablabla?fref=ts ' sesuai URL Fanspage Facebook sobat.
→ Ganti ' Anti Siti ' sesuai dengan nama twitter sobat.
4. Simpan dan lihat hasilnya, selamat mencoba dan semoga bermanfaat.
Berikut Ini Cara Membuat Like Box Facebook Melayang Di Blog :
1. Login Ke Blogger.
2. Langsung menuju Tata Letak → Tambahkan Gadget → HTML/Javascript.
3. Jika sudah Copy Kode di Bawah ini dan Paste di dalam Widget kolom HTML/Javascript tersebut.
<style type='text/css'>Note →
/* 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=http://www.facebook.com/sitiidiotnblablabla?fref=ts?ref=hl&width=292&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=false&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& align=&button=blue&id=twitter_tweet_button_0& lang=ID&link_color=&screen_name=Anti Siti&show_count=& show_screen_name=&text_color=" frameborder="0" scrolling="no"></iframe> </div>
<a class='close' href='#'>×</a>
</div>
→ Ganti ' Jangan Lupa Like ya ' sesuai keinginan sobat.
→ Ganti ' http://www.facebook.com/sitiidiotnblablabla?fref=ts ' sesuai URL Fanspage Facebook sobat.
→ Ganti ' Anti Siti ' sesuai dengan nama twitter sobat.
4. Simpan dan lihat hasilnya, selamat mencoba dan semoga bermanfaat.
Mungkin sekian dulu, Terima Kasih Anda telah membaca artikel dari kami yang berjudul Cara Membuat Like Box Facebook Melayang Di Blog , , mudah-mudahan artikel dari GUDINATION berguna dan bisa memberi manfaat untuk anda dan pembaca semua. Terimakasih sudah klik iklan kami demi untuk kemajuan dan berkembangnya website gudination.
loading...
