Cara Membuat Like Box Facebook Float

Floating Like Box

Kali ini saya akan mencoba share cara memasang Like Box Facebook Float atau melayang.
Dengan memakai widget ini, sobat pasti akan mudah mencari liker FPnya di Facebook melalui blog.
Ok, deh langsung saja sobat.
- Pertama, buka tab Template
- Kedua, klik Edit HTML
- Setelah masuk, sobat cari kode </body>, lalu masukan kode berikut diatasnya.
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.floatinglikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWiPDw87c9lezJ_Nbnv46kiG8SN8f1yHHrliN7qdfKrguCkQFBlTxzw57czOa6g0FrHCmtY5gSOE8d1vljVtz1hcuxMXupacUyL-NXKDH1kxf-6VtnGuiZ3EoUtacDgNonejJ-Fsv8FpY/s1600/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.floatinglikebox div{border:none;position:relative;display:block;}
.floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.floatinglikebox span a{color: #808080;text-decoration:none;}
.floatinglikebox span a:hover{text-decoration:underline;}
</style><div class="floatinglikebox" style=""><div><object data="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/brayenluhatpages?fref=ts&amp;width=251&amp;height=270&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cccccc&amp;stream=false&amp;header=false&amp;appId=159468740772399" scrolling="no" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" ></object><span><a target='_blank' href="http://my-topsite.blogspot.com">Brayenl &#9658;</a></span></div></div>

Note :
Ganti URL yang berwarna merah dengan url FPnya sobat.
URL yang berwarna biru itu akan menuju ke blog saya, jika sobat ingin menghapusnya, silahkan saja.

Untuk masalah Iframe, sudah saya ganti dengan object seperti yang disarankan oleh Kompi Ajaib, jadi like box yang satu ini sudah bebas dari Iframe.

Ok deh demikian artikel saya, semoga bermanfaat.

UPDATE :
Jika Like Boxnya gak mau keluar, coba pasang kode diatas dalam layout/add gadget.

Artikel Terkait

  • Cara Nyeleneh Menggambar Dengan CSS Entah bingung ingin nulis apa, tapi yaudahlah lebih baik saya isi dengan  tutorial nyeleneh ini yang sebenarnya jelek dan gak penting sekali. Menggambar secara digital bi ...
  • Membuat Effect Parallax Dengan Jquery Sederhana Parallax, ya apa itu parallax ? Menurut wikipedia, Parallax adalah perubahan kedudukan sudut dari dua titik diam, relatif satu sama lain, sebagaimana yang diamati oleh seora ...
  • Template Pak Tani 21 Untuk Blog Film Lagi saya akan menawarkan sebuah template hasil project saya secara premium, template yang sangat cocok untuk kawan yang punya blog untuk sharing khusus film/anime, template ...
  • Cara Membuat Pop Up Window Di Blog Tutorial yang sangat sulit dicari ini akan coba saya publikasikan, mungkin untuk seorang master, hal ini tidaklah sulit, tetapi untuk kita yang masih awam dalam masalah ini, pa ...
  • Pakai Credit Link ? Gengsi ! Seperti itulah segelintir Blogger yang saya temui selama ini. Saya memulai ngeblog dari tahun 2013, saat itu saya masih kelas 1/2 SMP, saya mempunyai ketertarikan pada blog na ...