Home » , » Membuat Widget Like Facebook Melayang New Version

Membuat Widget Like Facebook Melayang New Version

Selamat sore sahabat blogger semuanya. Kami membagikan sebuah trik yang biasa kita jumpai ketika masuk ke Blog Lora Malunk seperti Widget Like Facebook Melayang.

Kemarin saya sempat membahas mengenai "Cara Membuat Like Box Facebook dengan Efek Hover Jquery". Cuma cara itu sangat membingungkan bagi sahabat blogger yang baru belajar ngeblog. Kali ini saya mempunyai trik yang sangat portebel mengenai Membuat Widget Like Facebook Melayang New Version.

Trik ini tidak sama Tips and Trik yang kita jumpai di Blog Lora Malunk. Contoh awal coba anda baca artikelnya dan perhatikan Tips yang saya tulis berikut ini : Klik Membuat Ads Popup Dengan Efek Jquery

Kalau anda sudah membaca dan memperhatikan Tips and Trik di atas. Sekarang perhatikan Code Script yang saya rubah dan saya revisi, agar hasilnya bisa sempurna. Dan lihat perbedaannya Code Script  Membuat Ads Popup Dengan Efek Jquery dan Code Script Membuat Widget Like Facebook Melayang New Version, sangat berbeda.

Berikut Tips-Nya :

Langkah 1
Masuk ke Menu Rancangan

Langkah 2
Tambah Gadget HTML/JavaScript

Langkah 3
Copy Paste Kode dibawah ini dan Simpan lihat hasilnya


<style type='text/css'>  
#kotak-facebook {

      position:fixed !important;

      position:absolute; /* IE6 */

      bottom:-1000px;

      left:50%;

      margin:0px 0px 0px -182px;

      width:300px;

      height:auto;

      padding:16px;

       -webkit-box-shadow: 0px 0px 7px #222;

      -moz-box-shadow: 0px 0px 7px #222;

      box-shadow: 0px 0px 7px #222;  background-color:#eee2e2; font:normal 1em Cambria,Georgia,Serif;

      color:#111;

    -webkit-border-top-left-radius: 20px;

    -webkit-border-bottom-right-radius: 20px;

    -moz-border-radius-topleft: 20px;

    -moz-border-radius-bottomright: 20px;

    border-top-left-radius: 20px;

    border-bottom-right-radius: 20px;}

    #kotak-facebook a.close {

      position:absolute;

      top:-10px;

      right:-10px;

      background:#333;

      font:bold 16px Arial,Sans-Serif;

      text-decoration:none;

      line-height:22px;

      width:22px;

      text-align:center;

      color:#fff;

      border:2px solid #fff;

      -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);

      -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);

      box-shadow:0px 1px 2px rgba(0,0,0,0.4);

      -webkit-border-radius:10px;

      -moz-border-radius:10px;

      border-radius:10px;

      cursor:pointer;

    }
</style>
    <script type='text/javascript'>

    $(window).bind("load", function() {

         // animasikan nilai top saat halaman telah selesai dimuat

         $('#kotak-facebook').animate({bottom:"50px"}, 1000);

         // hilangkan kotak pesan saat tombol (x) di klik

         $('a.close').click(function() {

              $(this).parent().fadeOut();

         return false;

         });

    });

    </script>


    <div id='kotak-facebook'>

<--------KODE SCRPIT LIKE FACEBOOK DI SINI--------->

    <a class='close' href='#'>&times;</a>

    </div>



Sekian Tips and Trik kali ini. Semoga bermanfaat buat kita semua. Amin
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Lora Malunk Blog
tutorial blog up to date
Loading...

+ komentar + 13 komentar

5 April 2012 18.14

javascriptnya ketinggalan nih sob...

Terimakasih wisnu atas Komentarnya di Membuat Widget Like Facebook Melayang New Version
20 April 2012 11.02

keren bang.... mampir juga yach...
belajarbersama2.blogspot.com

Terimakasih Mulki Muluc atas Komentarnya di Membuat Widget Like Facebook Melayang New Version
23 April 2012 12.28

trimakasih bung sanat membantu

Terimakasih zatanic atas Komentarnya di Membuat Widget Like Facebook Melayang New Version
7 Mei 2012 21.30

Makasih infonya, kunjungi :
www.andaikata.com

Terimakasih Wanwan Max atas Komentarnya di Membuat Widget Like Facebook Melayang New Version
5 Juni 2012 03.14

Iya sob Kurang Ni... Kode Js di atas Penutup Headnya Mana.?

Terimakasih Derbie atas Komentarnya di Membuat Widget Like Facebook Melayang New Version

mampir juga ke http://sraluminium.blogspot.com/

Terimakasih Sumber Rezeki Abadi Rawamangun atas Komentarnya di Membuat Widget Like Facebook Melayang New Version
13 Juni 2012 15.52

Thx sob Info nya..Tapi Kalau Kok Ga Gerak Ya??diamGitu Widget Nya?

Terimakasih diaryonline.web.id atas Komentarnya di Membuat Widget Like Facebook Melayang New Version
28 Juni 2012 15.03

kren bgt bos
kunjungi blog tentang modif motor di tunggu ya
http://www.susilopresident.blogspot.com

Terimakasih Raja gombal atas Komentarnya di Membuat Widget Like Facebook Melayang New Version
8 Juli 2012 19.30

Thank gan. Sudah jadi. Bentuknya boleh lah :D.
Visit back : http://infoiki.blogspot.com

Terimakasih Yustin Annisa atas Komentarnya di Membuat Widget Like Facebook Melayang New Version
2 Agustus 2012 02.24

widgetnya sangat bagus bagus gan..
cuma sayang,.. kalau kita sudah like,.. widgetx tetep muncul,. jadi terkesan mengganggu,. seandainya ada script yang bisa buat widget ga muncul kalo sudah like FBx.. pasti banyak yg like.. karena tidak mau terganggu..
salam : graphic design

Terimakasih faiqah azzahrah atas Komentarnya di Membuat Widget Like Facebook Melayang New Version
16 Agustus 2012 13.39

Thanks banget mas bro,.
sangat membantu,. ijin share iya,. ^_^
mampir jga ke blog saya yg bru,.
http://kusumainspirasidunia.blogspot.com

Terimakasih Bayu Satria Kusuma atas Komentarnya di Membuat Widget Like Facebook Melayang New Version
28 Oktober 2012 18.18

bagus mas, keren

Terimakasih destur purnama jati atas Komentarnya di Membuat Widget Like Facebook Melayang New Version
23 Desember 2012 21.59

nice share, thanks......

Terimakasih monggodisedot atas Komentarnya di Membuat Widget Like Facebook Melayang New Version

Poskan Komentar

Kebijakan berkomentar akan dihapus, jika tidak sesuai dengan aturan dibawah ini, Demi kenyamanan kita bersama :

» Menggunakan bahasa yang tidak sopan (Sara, Pornografi, Menyinggung)
» Duplikat komentar
» Komentar menautkan link secara langsung
» Komentar tidak berkaitan dengan artikel
» Judul Komentar Berupa Promosi

Terima Kasih .... Lora Malunk Blog

 

Configurasi

Alexa :
Stats :
Page Rank : Free PageRank Checker
DMCA :
Amung :
Bloggers : Bloggers - Meet Millions of Bloggers
Extreme :
eXTReMe Tracker
Support : Lora Malunk Blog | Songong Template | Tutorial Blog
Copyright © 2011. Lora Malunk Blog - All Rights Reserved
Template Modify by Lora Malunk Blog
Proudly powered by Blogger