Home » , , » cara membuat like box facebook melayang slide close

cara membuat like box facebook melayang slide close

Bagi yang ingin mencoba menggunakannya di blog, silahkan ikuti caranya di bawah ini.
1. Seperti biasa silahkan login ke blog Anda.
2. Dashboard >> Layout >> add a gadget >> pilih HTML/JavaScript,kemudian copy kode di bawah ini.

<div style="display:scroll;position:fixed;top:50px;left:400px;">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://yourjavascript.com/4131855615/slidefbnew.js" type="text/javascript">
</script>
<style>
#kompiajaib_slidefb2012{
font-family: "Consolas", "Courier New", Courier, mono, serif;
border: 1px solid;
width: 355px;
margin: 10px 0px;
padding:5px 0px 0px 5px;
background-repeat: no-repeat;
position:relative;
color: #00529B;
background-color: #000000;
}
</style>
<div id="kompiajaib_slidefb2012">
<a class="close"  href="#close" style='position:absolute;right:0px;top:0px;margin-right:-1px;margin-top:-1px;'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSPgtVJ8nZkqaBuR1cLK0RfzAiWJ9YdUm-wtangU3GiaPgWq13zwOXuLa-rzwWRoQ0qYsRgWwlYZWgehw5gErvJtjDvYQvDi_0Bmk69V31W5GG767E3slDKs1btqpkbfhDW1cFxnvtTfgl/s1600/popover-close-button.gif" /></a>
<div style='width:99%;padding:8px 0px;background-color:#737373;font-family:arial;text-align:center;'><div style='color:#FFF;font-size:13px;font-weight:bold;'>Like us and get updates</div></div>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/laksamanalesmanablogspotcom/170511546396542&amp;width=350&amp;height=255&amp;colorscheme=dark&amp;show_faces=true&amp;border_color=%23FFFFFF&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:350px; height:255px;" allowtransparency="false"></iframe><div style="border: 0px; padding: 5px; background-color: none; text-align: right; font-size:15px;">Widged :<a href="http://laksamanalesmana.blogspot.com/2012/08/cara-membuat-like-box-facebook-melayang.html" target="_blank">laksamana lesmana</a></div>
</div></div>

Like us and get updates dapat anda ganti dengan kata-kata yang anda inginkan
contoh : jangan lupa like my blog ya...
              Like dulu baru di tutup Ok ^_^ http://www.facebook.com/pages/laksamanalesmanablogspotcom/170511546396542 silahkan ganti dengan URL facebook Anda.
Jika background widgetnya terang, silahkan ganti dark dengan light

Demikin sharing Membuat FB Like Box Melayang Slide Close kali ini mudah-mudahan bermanfaat.
Share this article :

2 komentar:

  1. bermanfaat banget sob , cuman penataan CSS nya kurang rapih .. tapi nice info yah sob ! #keepsharing ^_^

    BalasHapus
    Balasan
    1. ea gan maklum baru belajar jd gpp deh
      thaks atas kunjungannya ya gan ^_^
      jangan bosen berkunjung kembali

      Hapus

No Sara
No Spam
Add Facebook http://www.facebook.com/lesmanaadiputra
follow twitter @lesmanaadiputra

Translate

Dock Content put in here

Categories

[Pasang Widget] | [tutup]
laksamana lesmana. Diberdayakan oleh Blogger.

Pengikut

 
Support : Your Link | Your Link | Your Link
Copyright © 2013. LAKSAMANA LESMANA - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger