Like Fanspage Facebook Selalu Melayang Di Blog - Kali ini Blog Ridho Tawaka akan memposting untuk kemajuan blog, yakni Like Fanspage Facebook Selalu Melayang Di Blog. Fanspage facebook yang ini cukup ringan dan tidak hanya untuk like fanspage facebook saja, namun bisa widget lainnya, seperti Twitter, Follow Blog dsb.
Like Fanspage Facebook Selalu Melayang Di Blog:
1. Sebelumnya sobat lihat dulu artikel ini: Cara Membuat Fan Page Facebok Di Blog (Jika sudah lewati)
2. Login ke blogger --> Tata Letak --> Html/Javascript
3. Masukan kode dibawah ini dan paste di kotak tersebut
4. Selesai
Note:
SELANJUTNYA
1. Sebelumnya sobat lihat dulu artikel ini: Cara Membuat Fan Page Facebok Di Blog (Jika sudah lewati)
2. Login ke blogger --> Tata Letak --> Html/Javascript
3. Masukan kode dibawah ini dan paste di kotak tersebut
<style
type='text/css'>
/*
Message Box */
#box-message
{
position:fixed
!important;
position:absolute;
top:-1000px;
left:50%;
margin:0px
0px 0px -182px;
width:400px;
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">Sebelum Ditutup, Silahkan
Menekan Tombol Dibawah Ini</a></center>
<center><a
class="murub">Prior to Closed, Please Push
the Button Below</a></center>
<center>
<iframe
src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/BlogRidhoTawaka&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=ridhotawaka97&show_count=&
show_screen_name=&text_color=" frameborder="0"
scrolling="no"></iframe> </div>
<a
class='close' href='#'>×</a>
</div>
4. Selesai
Note:
- Warna merah: Ganti sesuai dengan keinginan sobat
- Warna biru: Ganti dengan alamat fanspage facebook sobat
- Warna hijau: Ganti dengan nama twitter sobat
