GuidePedia

0
A+ A-
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>


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
By
Share to:

Post a Comment

terima kasih atas komentarnya

Subscribe to: Post Comments (Atom)
 
Top