cara membuat like facebook melayang di blog

selamat siang soba,,,
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>

<div id="fb-root"></div>
<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

nah mudahkan sobat tinggal mempraktekan saja di blog sobat jika ada kesalahan silahkan ganti scrip yang berwarna hijau dengan scrip yang inginkan dengan klik di sini

bagaimana sobat tentang postingan ini,,,!
jangan lupa beri komentar ya sobat tentang blog, ini agar blog ini lebih baik lagi,,,,
terima kasih banyak

cara membuat like facebook melayang di blog

0 Response to "cara membuat like facebook melayang di blog"

Post a Comment