Headlines News :
Home » » Cara membuat Widget Like Facebook Melayang

Cara membuat Widget Like Facebook Melayang

Written By fathans on Rabu, 25 Januari 2012 | 05.26

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/AVvXsEhC6ROWIJM4dJDvlPlqZrVZxQJ5hSNzy1RkTzQZsTKaUDe0qqgvxbaCv3ogWuYPWNsCJl5GAyZpNX11u3Nd38hrAEarKrRtS8aSkpspOHdfKKQhkOcBYtkmHVrNnEr3sakGPZ8BGVplldHA/');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/AVvXsEhp48CUX07uqLFWdsskDA4gpHdCRm1Sx7zBXMyGHAMMi8p5KmF87Q-6SzbEQKnKKx7tfQqVsORnJogURqbwY-Yw7Ix27n-7x1nComF0pI5hVxXX2HRwTOK1dcsCSlF155dcd8z_V-3LCnAz/');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>

Share this post :

Posting Komentar

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. NYOBANGEBLOGS - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger