cara membuat like halaman facebook melayang dengan cantik

Pada posting kali ini admin mau share sedikit tentang cara buat like melayang pada blogger ,

Untuk sobat yang ingin blog nya tambah cantik tidak ada salahnya untuk  mencoba ,

berikut langlah - langkahnya: 

1.     Dari google, Login ke dashboard blog sobat

2.     Lalu dari Rancangan pilih Edit HTML

3.     Untuk jaga-jaga seandainya templet kita rusak kita contreng Expand template ,atau download template nya dahulu . seperti pepatah sedia payung sebelum hujan , tidak ada salahnya kan . . .???

hehe . . .

4.     Cari kode  </head> untuk mempermudah sobat mencari kode tersebut tekan Ctrl+F lalu isi find dengan kode tersebut .

5.     Copy kode dibawah ini ,lalu letakkan diatas kode </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 kita pindah ke  menu Rancangan.Klik add gadget / Tambah Gadget. 
8.kita Pilih HTML/JavaScript
9. Copy dan paste code dibawah ini  kedalam kotak HTML/JavaScript tadi

    <style type="text/css">
    .barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqoMz5PGCqA2909pOBCYTcSTj9jzIoKQ8QPdijyryRtBm9b7URwFelfKWzVcKZo_fFnx6jxLXC5tXnJqeRRajj80NG2_N48HV08clbzknxy2P7tDRruG9-Y7sHKaurlJvxYL9n5Mujga0F/');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/AVvXsEhXR3q_zyQxxMQE1Twa7Dx9RT14bokYNPWeq7WbajAeupnNa_lxqGhlzJBXhtoytyuVZkBoqqRrT9mN2dPzje21dOgKmWI8Q_-IqjJeXKrnelbkhexhjjNp9kmFdEcXl8VBT-Btt1oPtILG/');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 -->
    GANTI DENGAN KODE SCRIPT LIKE FACEBOOK SOBAT
    <!-- End Facebook -->
    </div>
    </div>

10.  Jangan lupa ganti Tulisan warna merah dengan kode like facebook sobat .

11. terahir tinggal save aja .

Mudah-mudahan tips dan trick ngeblog NABBEH ISTIAQUL HAQ AHMAD kali ini bermanfaat bagi sobat blogger semuanya . sukses selalu ya sob  . . .!!!

‘’Sesungguhnya lebih mulia GAGAL dari pada GAGAL mencoba . . .!!! “

 salam blogger Indonesia  . . . !!!

Artikel terkait :