assalamualaikum wr, wb,
nah buat sobat sobat jika mempunyai blogspot pasti kurang sempurna tanpa like fans page dan tombol shared di blog sobat ,,
<style type='text/css'>
#kotak-facebook {
position:fixed !important;
position:absolute; /* IE6 */
bottom:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
-webkit-box-shadow: 0px 0px 10px YELLOW;
-moz-box-shadow: 0px 0px 7px GREEN;
box-shadow: 0px 4px 17px RED; background-color:BLACK; font:normal 1em Cambria,Georgia,Serif;
color:BLUE;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;}
#kotak-facebook a.close {
position:absolute;
top:-10px;
right:-10px;
background:BLACK;
font:bold 18px Arial,Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:GREEN;
border:2px solid RED;
-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:15px;
cursor:pointer;
}
</style>
<script type='text/javascript'>
$(window).bind("load", function() {
// animasikan nilai top saat halaman telah selesai dimuat
$('#kotak-facebook').animate({bottom:"50px"}, 1000);
// hilangkan kotak pesan saat tombol (x) diklik
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='kotak-facebook'>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/KingCopasBlogspotku&width=262&height=340&colorscheme=light&show_faces=true&border_color&stream=false&header=true&appId=168185883229961" scrolling="yes" frameborder="1" style="border:none; overflow:hidden; width:262px; height:340px;" allowtransparency="true"></iframe>
<a class='close' href='http://baongband-software.blogspot.com/'>×</a>
</div>
JIKA SUDAH SELESAI
save dan lihat hasilnya
semoga bermanfaat SALAM SAHABAT
nah buat sobat sobat jika mempunyai blogspot pasti kurang sempurna tanpa like fans page dan tombol shared di blog sobat ,,
disini ane mau bagi bagi niehh cara untuk like melayang di tengah tengah blog sobat sekaligus fans page sobat di like nah langsung saja yookkk kita ,, ke TKP:
CONTOH:
CONTOH:
- 1. Login Blogger
- 2. Pilih Rancangan
- 3. Kilk Add Widget
- 4. Pilih HTML/JavascriptS
DAN SELANJUTNYA:
COPY CODE DI BAWAH INI
<style type='text/css'>
#kotak-facebook {
position:fixed !important;
position:absolute; /* IE6 */
bottom:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
-webkit-box-shadow: 0px 0px 10px YELLOW;
-moz-box-shadow: 0px 0px 7px GREEN;
box-shadow: 0px 4px 17px RED; background-color:BLACK; font:normal 1em Cambria,Georgia,Serif;
color:BLUE;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;}
#kotak-facebook a.close {
position:absolute;
top:-10px;
right:-10px;
background:BLACK;
font:bold 18px Arial,Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:GREEN;
border:2px solid RED;
-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:15px;
cursor:pointer;
}
</style>
<script type='text/javascript'>
$(window).bind("load", function() {
// animasikan nilai top saat halaman telah selesai dimuat
$('#kotak-facebook').animate({bottom:"50px"}, 1000);
// hilangkan kotak pesan saat tombol (x) diklik
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='kotak-facebook'>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/KingCopasBlogspotku&width=262&height=340&colorscheme=light&show_faces=true&border_color&stream=false&header=true&appId=168185883229961" scrolling="yes" frameborder="1" style="border:none; overflow:hidden; width:262px; height:340px;" allowtransparency="true"></iframe>
<a class='close' href='http://baongband-software.blogspot.com/'>×</a>
</div>
JIKA SUDAH SELESAI
save dan lihat hasilnya
semoga bermanfaat SALAM SAHABAT
Tuliskan Komentar facebook