Judul : Cara Membuat Tombol Like Fanspage Facebook Melayang di Blog
link : Cara Membuat Tombol Like Fanspage Facebook Melayang di Blog
Cara Membuat Tombol Like Fanspage Facebook Melayang di Blog
Hallo guys .. kali ini saya akan bagikan sebuah Tutorial , bagaimana cara membuat
Tombol Like Facebook Fanspage Facebook ini . Cara nya cukup mudah , anda cukup
mencopy script lalu mengoptimalkannya atau menyesuaikannya dengan keinginan kalian.
langsung saja ke TKP gan !
(Baca juga : Hasilkan Euro dari Coin Tellect)
1.Buka Akun Blog
2.Masuk ke Tata Letak
3.Klik Tambahkan Gadget
Terserah mau tambahkan gadgetnya dimana , sesuka kalian :D
4.Cari " HTML / Javascript "
5.Copy Script Ini didalam HTML/Javascript
---------------------------------------------
<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">Hiburan yang bikin anda tertawa sepanjang hari (Meme Funny Comic Indonesian)</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/Meme.Funny.Comic.IDN/&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/>
<a class='close' href='#'>×</a>
</div>
/* 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">Hiburan yang bikin anda tertawa sepanjang hari (Meme Funny Comic Indonesian)</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/Meme.Funny.Comic.IDN/&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/>
<a class='close' href='#'>×</a>
</div>
---------------------------------------------
Merah :
Setting keterangan agar pengunjung tertarik untuk menyukai Fanspage Facebooknya
Biru :
Alamat Fanspage Facebook yang ingin di pajang
Jika sudah , anda cukup klik " Simpan " lalu " Simpan Setelan "
Semua langkah telah usai , kini coba di check di blognya :D
Tunggu beberapa detik / menit , (Tergantung lamanya loading Blog)
lalu Muncul tuh Tombol like Melayangnya :D
Demo : DISINI
(Baca juga : Cara Membuat Widget Tombol Like fanspage Facebook)
Sekian Terima kasih telah berkunjung :D
Keluhan / Pertanyaan , jumpai saya DISINI
Demikianlah Artikel Cara Membuat Tombol Like Fanspage Facebook Melayang di Blog
Sekianlah artikel Cara Membuat Tombol Like Fanspage Facebook Melayang di Blog kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.
Anda sekarang membaca artikel Cara Membuat Tombol Like Fanspage Facebook Melayang di Blog dengan alamat link https://sebuahteknologi.blogspot.com/2015/01/cara-membuat-tombol-like-fanspage.html