Cara membuat Widget Like Facebook Melayang

Tweet

Sobat yang tertarik ingin mencoba berikut langlah - langkahnya:

1. Login ke dashboard blog sobat


2. Rancangan --> Edit HTML


3. Cari kode  </head> 


4. Copy kode dibawah lalu letakkan diatas  </head> 

     <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'/>

5.Save template sobat

6.Selanjutnya ke menu Rancangan7.Klik add gadget 

8.Pilih HTML/JavaScript

9. Copy dan paste code dibawah kedalam kotak HTML/JavaScript tadi

    <style type="text/css">

    .barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXQ_gzY1AyuT5ArgxTSlGKme17fmVaLzx1oA0E2RKPYfv5R66Wd5Y2gGda_SVKRsacz9KVa7lsnk3SzSZ9A82XXNrO6RHnqrAGCvUiDVva7CzZ54LJBZXBoBfQKbt7WisApaHeJqsbCzZZ/');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/AVvXsEjZ5ziZBJZ2vtE__h-bKClI95JBP0_LfBSSdQPuo9b8JHUy2UkTJbcbinJgLez_fTLvc1Etfzkc2eKcJiJWOljP5AFvPv9BSLgZrjF0iyZ4p1Ugi3ca-f-G9oefpwC77-su60KcMBe_Dyqd/');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 -->

    script fanspage facebook disini

    <!-- End Facebook -->

    </div>

    </div>