Monday, February 13, 2012

Cara membuat Widget Like Facebook Melayang

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/AVvXsEgTH6KqcxNfplAh6-bd6zT4WfXaNW0LRWQtItNdMtzNRGpXGY_IihgbBH6q2B-jwEbvPgjioJi9kW4ekfXlvEEdOyWEAmASik2_qmMhE99bFFsQ7vSlzuPuS1J5pV7Ta8SnNCcjBz2EQpCi/');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/AVvXsEhegAax-uNMcd_Il0iEK1Y7Hz6kpS6f5SaDZ_HYhXTZoJh72vm0WUejO3qqPkfwgeOHHQtkNaGu3KGs32PVfUTChQfzVDjY2aewf8NWd0CiKVh-IDRWsGVTKdN2Mm4Amhk7cKN9p19GobQ1/');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>

Semoga berhasil guys,selamat mencoba

0 komentar:

Post a Comment

 
Pratama Master powered by blogger.com
Design by Simple Diamond and Pratama Master