skip to main | skip to sidebar

INFOIKI

tutorial untuk mengedit, mempercantik,membuat, dan memperindah blog template seo gratis

  • Home
  • Template
  • Ebook
  • Kata Mutiara
  • Tips Blog
  • Video
  • Umum
 

Dapatkan Update!

Dapatkan artikel terbaru dari INFOIKI yang akan dikirim ke email anda secara gratis!
Browse » Home » Ngeblog » Membuat likebox FB melayang dengan tombol close

Membuat likebox FB melayang dengan tombol close

   Halo, selamat siang. Pada siang hari ini, InfoBlog akan bagi - bagi script like box melayang dengan tombol close. Yang jelas, bentuk backrounnya beda sob. Seperti ini :


   Nah, tenang saja anda dapat memodifikasi tombol  backround dan teksnya sesuai selera. Ok, langsung ke TKP.

1. Login blog.
2. Tata letak.
3. Add gadget.
4. HTML/Java script.
5. Copas kode dibawah ini :


<!-- FB melayang tombol close --!>
<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:#C2CFDF; 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'>

  Bantu kami menentukan apakah blog kami disukai banyak orang, dengan menekan tombol 'like' dibawah. Terimakasih
<br/>
<!-- Mulai --!>
KODE SCRIPT FB LIKE BOX DISINI
<!-- Selesai --!>
    <a class='close' href='#'>&times;</a>

    </div>

  Keterangan
1. Kode yang saya beri blok kuning, adalah warna backround widget.
2. Kode yang saya beri warna biru, silahkan ganti dengan teks lain.
3. Kode yang saya beri blog merah, letakkan kode script FB like box anda.


6. Save

Posted By Efendy bloggers | -

Comments :

7 komentar to “ Membuat likebox FB melayang dengan tombol close ”

Efendy bloggers mengatakan... on 
15 Juli 2012 pukul 15.28

Sama - sama. Thanks dah visit :)

Unknown mengatakan... on 
22 Agustus 2012 pukul 16.54

koq gak bekerja di blog aq ya...

Efendy bloggers mengatakan... on 
25 Agustus 2012 pukul 15.50

Coba di coba lagi.. kalo tetap nggak bisa, silahkan email ke arahkanblog@gmail.com. Nanti saya jelaskan lebih lanjut..

Stephan El Shaarawy mengatakan... on 
13 Oktober 2012 pukul 21.20

makasih, udah saya coba dan berhasil 100%

hehe

Mia mengatakan... on 
20 Oktober 2012 pukul 10.56

Sip gan....uda dicoba..keren like box nya

Unknown mengatakan... on 
22 Oktober 2012 pukul 13.27

itu yg di blok merah diisi kode script FB like box ya? nah kode script FB like box itu yg kayak gmana gan? jelasin ya. ane pantengin nih

Diyon mengatakan... on 
9 Januari 2013 pukul 10.29

Terimah kasih sebelum nya buat agan yg punya blog ini uda saya coba berhasil makasih ya gan,,,,
@mas Angga,,,, saya juga dlu ga tau tpi sekarang tau sesama bloger harus saling mendukung bikin dulu like bok nya cara bikin like bok nya di sini,,,

https://developers.facebook.com/docs/reference/plugins/like-box/

SEMANGAT BLOGER INDONESIA

Posting Komentar

Aturan Berkomentar
1. No spam!
2. No live link!
3. No maho :D

←  Posting Lebih Baru Posting Lama  → Beranda
Langganan: Posting Komentar ( Atom )

Statistik

Statistic Blog:
PageRank Checking Icon
SEO Reports for infoiki.blogspot.com

Pencarian

Kategori

  • Advertiser
  • Diet
  • Ebook gratis
  • Facebook
  • Handphone
  • Jasa Like
  • Kata Kata
  • Komputer
  • Kontes SEO
  • Ngeblog
  • Review‎
  • Software
  • Template
  • tips trik ngeblog
  • Umum
  • Video

Terpopuler

  • Software Hack Wifi GRATIS [WzCook.exe]
  • Kumpulan template blog Imut dan cantik (Blogspot)
  • Download template blog Anime keren
  • Cara paling ampuh membuka situs yang diblokir telkom
  • 3 langkah mudah membuat banner sendiri
  • Software SMS gratis lewat pc/komput [free download]
  • Cara menghapus virus dengan cara manual menggunakan CMD
  • 7 Cara mudah menghafal script tanpa hafalan
  • tips Cara merawat ayam serama
  • Trik mudah membuat header blog bergerak (Gif)

Pengikut

Diberdayakan oleh Blogger.
.

Send Quick Massage

Nama

Email *

Pesan *

 
INFOIKI
Template by Infoiki | Powered by Blogger