bagaimana caranya agar membuat like facebook melayang di blog?
itu sangatlah mudah sobat kemari saya membuatnya melalui berbagai perjalan dari situs aplikasi facebook masuk ke facebook, atau yang lainnya
ini cara mudah setelah sobat memiliki halaman like facebook tinggal membawanya ke blog caranya:
- masuk ke blog sobat langsung ke template - edit html
- setelah sobat cari kode <body>
- copy kode dibawah ini, pastekan kode tersebut setelah kode <body>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/id_ID/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
- klik simpan
- kemudia masuk ke tata letak - tambah gadget - tambah HTML
- copy paste kode ini :
<!-- FB melayang tombol close --!><br /><style type="text/css">
#kotak-facebook {
position:fixed !important;
position:absolute; /* IE6 */
bottom:-1000px;
right:40%;
margin:0px 0px 0px -182px;
width:310px;
height:auto;
padding:16px;
-webkit-box-shadow: 0px 0px 7px #222;
-moz-box-shadow: 0px 0px 7px #222;
box-shadow: 0px 0px 7px #222; background-color:#FFFFFF; font:normal 1em Cambria,Georgia,Serif;
color:#111;
-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:#333;
font:bold 16px Arial,Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#fff;
border:2px solid #fff;
-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;
cursor:pointer;
}
</style><br /> <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) di klik
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script><br /> <div id="kotak-facebook"><br /><p style="color: black; font-size: 15px; margin-right: 10px;">Please Bantu Saya,<blink> Like This !!!</blink> </p>
<!-- Mulai --!>
<div class="fb-like-box" data-href="https://www.facebook.com/pages/Maryono/474876272628098" data-width="400" data-height="350" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>
<!-- Selesai --!><a class="close" href="#">×</a><br /><br /></div>
- ganti url https://www.facebook.com/pages/Maryono/474876272628098 diatas dengan alamat like facebookmu
- dan yang berwarna merah adalah tinggi dan lebarnya.
- klik simpan dan lihat hasilnya
bagaimana sobat tentang postingan ini,,,!
jangan lupa beri komentar ya sobat tentang blog, ini agar blog ini lebih baik lagi,,,,
terima kasih banyak
0 comments:
Post a Comment