Cara Membuat FansPage Melayang Di Blog

Cara Membuat FansPage Melayang Di Blog
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.

7 Responses to "Cara Membuat FansPage Melayang Di Blog"

  1. Keren banget nih widgetnya.. tapi bakal memberatkan loading blog gak gan?

    Salam dari Pulo Blog.

    ReplyDelete
    Replies
    1. Tidak akan memberatkan gan.....malah menambah SEO blog sobat...

      Delete
  2. gan. cara mendapatkan penyuka like fans page facebook gimana? terima kasih sebelumnya
    kunjungi juga
    http://seosc.blogspot.com/2015/01/cara-memasang-join-this-site-bergerak.html

    ReplyDelete
    Replies
    1. Cari Saja Artikel saya di Label Tutorial Blog gan,,nanti ada yg judulnya cara memperbanyka like FP dengan auto like...

      Delete
  3. keren gan artikelnya sangat bermanfaat :)
    by Ziwipedia

    ReplyDelete

>>>>>Peraturan Berkomentar di Blogger Ini.<<<<<

[+] Komentar membangun lebih disukai
[+] Kami wajib menghapus komentar yang melecehkan, kasar, dan bertendensi SARA.
[+] Link aktif dalam komentar akan terhapus secara otomatis.
[+] Jika ingin menaruh Link Aktif Silahkan klik menu Tukar Link.
[+] Jika ingin berkomentar diluar topik postingan harap beri tanda OOT atau Klik Tombol OOT.
[+] Jika Ingin menggunakan Emoticon silahkan Klik Tombol Emoticon.
[+] Jika Ingin Request Tutor silahkan Klik Tombol OOT dibawah atau pergi ke Menu OOT.

Terima Kasih........

Konversi Kode Emoticon OOT