Cara Membuat FansPage Melayang Di Blog

Oleh Unknown

Rabu, 07 Januari 2015

Bagikan :

Tweet

My Dream ○ Hai sobat blogger kali ini saya akan sedikit membahas tentang Cara Membuat FansPage Melayang Di Blog .Mungkin bagi sebagian orang belum tahu bahwa FansPage ternyata sangatlah penting untuk blog kita dan merupakan Gadget yang wajib dipasang selain Alexa Rank.Disini saya akan memposting tutorial cara memasangnya dengan mudah dan sobat bisa langsung mempraktekannya.

Oke Ini Beberapa Tutorialnya Mudahnya :

• Loggin dulu diblog sobat.
• Setelah itu silahkan Klik Tata Letak > Add Gadget > HTML/Javascript
• Nah sekarang Sobat Copy Kode Dibawah ini :

<!-- FB melayang tombol close --!>
<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>
    <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>
    <div id='kotak-facebook'>
<p style=" margin-right:10px;  font-size:15px; color:#000000;">Join disini dulu ya,<blink> Like This !!!</blink> </p>
<!-- Mulai --!>

<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FWebsite-Beginner%2F810608458998685&amp;width=250&amp;height=400&amp;colorscheme=light&amp;show_faces=true&amp;header=true&amp;stream=false&amp;show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:400px;" allowtransparency="true"></iframe>

<!-- Selesai --!><a class='close' href='#'>&times;</a>
<p style=" float:right;  margin-right:35px;  font-size:10px;" >Powered By <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://ivo25.blogspot.com/">My Dream</a> and <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" http://ivo25.blogspot.com/">UPDATE INFO TERBARU</a></p>
    </div>

• Ganti Kode yang berwarna biru dengan Kode FansPage Sobat.Jika Sobat belum punya Kodenya sobat bisa membaca Cara Membuat FansPage Di Blog.
• Terakhir Klik Save.

Oke itulah beberapa tutorial dari saya gimana mudahkan sobat?? semoga artikel bisa bermanfaat untuk sobat semua,Jangan lupa tinggalkan komentar dan like di FansPage saya ya sobat....Thanks.

Tag : Tutorial Blogspot