Cara Membuat Widget Melayang Facebook Like Box

Cara Membuat Widget Melayang Facebook Like Box

• Login ke dashboard blogger anda. 
• Pilih Rancangan > Elemen Laman > Add Gadget (HTML/Javascript).\
• Copy script widget dibawah ini dan paste pada gadget.

    <style type="text/css">

    .barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO6ZlZmRZ3RsoOR-1tHv4nYN9oSrRskPLqDPW9mGwUd6CWBuK4Kfub_TyGonK4UnXgFkqFUSglezHx0qI6e3GHSxHVzvHuInCSjCaaq9zwiiAR4KBcXQprWmDShllAK6FnN2su_UtjH63P/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}

    .barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXkdXdzluT2dBV_-fuUKBqdOsaFljd0T2YDi1K3TWDs1DNjz178SuNE3m8Lz9huhPRw3KWAifyFGQek9fwHOH-830d-ahDRb26_zq8AhVIJN0jq6GJPWk0rCUpda2NzunSRxEAt9soPIM6/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}

    .barcontefacebook{margin:5px 0 0 47px}

    </style>

    <div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">

    <div class="barcontefacebook">

    <!-- Begin Facebook -->

    KODE FACEBOOK LIKE BOX ANDA DISINI

    <!-- End Facebook -->

    </div>

    </div>

• Ganti tulisan KODE FACEBOOK LIKE BOX ANDA DISINI dengan kode Facebook Like Box yang sudah anda persiapkan. 
• Jika pada template anda belum terdapat javascript dari Facebook, maka copy saja javascript di bawah ini dan letakkan tepat di atas kode </head>  pada template supaya widget Facebook Like Box ini bisa berfungsi.

     <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 = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;

      fjs.parentNode.insertBefore(js, fjs);

    }(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>

    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

• Sesuaikan tinggi dan lebar widget supaya sama dengan ukuran Facebook Like Box yang anda buat sebelumnya melalui Facebook. 

• Save / Simpan.

Selesai.... bagaimana? gampang kan caranya? semoga Cara Membuat Widget Melayang Facebook Like Box ini blog anda semakin menarik dan unik.

Happy blogging...