Ass Wr Wb
apa kabar semua.. Sehat semua..
moga aja pada sehat semua..
berhubung banyak yg nanya gi mana sih ka cara buat fp kita melayang di
jadi ane langsung share aja cara membuat Fp kita melayang di blog dan twitter kita..
oke langsung aja ini dia caranya....
langkah pertama pergi ke
sini
1. ganti dengan ID fp sobat
2. hilangkan tanda centrang..
3.
GETCODE nanti muncul kode sobat pilih
IFRAME Kurang lebih seperti ini
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fcicak.lover&width=292&height=290&colorscheme=light&show_faces=true&header=true&stream=false&show_border=true&appId=141927922678016" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:290px;" allowtransparency="true"></iframe>
4.Simpan di notepad atau di MS word
5.Login ke blog sobat
6. Add gadget
7.HTML/Javacrive
8.copy kode ini dan paste di kolom widget tersebut..
<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">Like yah kawan</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fcicak.lover&width=292&height=290&colorscheme=light&show_faces=true&header=true&stream=false&show_border=true&appId=141927922678016" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:290px;" 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=Maftuhijore&show_count=& show_screen_name=&text_color=" frameborder="0" scrolling="no"></iframe> </div>
<a class='close' href='#'>×</a>
</div>
NB :
Ganti tex berwarna biru dengan kode yg kmu dapat dari iframe tadi
dan ganti Maftuhijore dengan ID twitter Mu
moga bermanfaat salam blogger jangan lupa tinggalkan komentar..
Title : Cara membuat Fane Page Melayang di blog
Description : Ass Wr Wb apa kabar semua.. Sehat semua.. moga aja pada sehat semua.. berhubung banyak yg nanya gi mana sih ka cara buat fp kita melaya...