Cara Membuat Tombol Like Melayang

Cara membuat tombol like melayang, hmmmm terdengar sangat aneh tapi setelah dicoba waaaaaaaawww kren sob, dan sebelum masuk ke pembahasan perlu diketahui kali ini admin mengkolaburasikan antara like dengan yahooo... hmmmm makin penasarankan Brooo...
Caranya c sangat gampang tinggal copy script ke situs teman-teman, hmm langsung aja ya gan..
sebelum kecaranya teman-teman klik terlebih dahulu ini untuk mengetahui contoh atau demonya, dari pada teman teman-teman penasaran. ok
siph kalau sudah langkah yang pertama yaitu :

  1. login terlebih dahulu
  2. Kemudian masuk ke Dashboard lalu pergi ke Layout/Tata letak
  3. Klik Add a Gadget => HTML/JavaScript
  4. Copy code dibawah ini dan perhatikan dengan baik, lihat demo
CONTOH YAHOO MELAYANG

Cara Membuat Like Fanpage Facebook Melayang Keren
CONTOH FACEBOOK MELAYANG




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

      position:fixed !important;

      position:absolute; /* IE6 */

      bottom:-1000px;

      right:5%;

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

      width:261px;

      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'>
<h2><b>Fauzul Muslimin Online</b></h2>
<br/>
Letakkan kode Like box fanpage facebook anda disini jika ingin facebook like
Letakkan kode yahoo online anda disini jika ingin yahoo yang tampil
LIHAT CONTOH DIBAWAH
<!-- Mulai --!>
<div class="social_widget widget">
<h3>Kami Siap Melayani Anda</h3>
<ul>
<li data-tooltip="Chat Dengan PPFM Support Online">
<a href="ymsgr:sendIM?ponpesfauzulmuslimin"><img border="0" height="20" width="100"
src="http://opi.yahoo.com/online?u=ponpesfauzulmuslimin&amp;m=g&amp;t=2" title="PPFM" alt="PPFM" align="left" />&nbsp; PPFM</a>
</li>
<li data-tooltip="Chat Dengan Mulya Support Online">
<a href="ymsgr:sendIM?ass.mulya"><img border="0" height="20" width="100"
src="http://opi.yahoo.com/online?u=ass.mulya&amp;m=g&amp;t=2" title="Mulya" alt="Mulya" align="left" />&nbsp; Adi</a>
</li>
<li data-tooltip="Chat Dengan ustad Support Online">
<a href="ymsgr:sendIM?yan89_almansur"><img border="0" height="20" width="100"
src="http://opi.yahoo.com/online?u=yan89_almansur;m=g&amp;t=2" title="Ustadz Yayan" alt="Yayan" align="left" />&nbsp; Ustadz Yayan</a>
</li>
<br /><br />
</ul>
</div>
<!-- Selesai --!>
    <a class='close' href='#'>&times;</a>
    </div>
Catatan :
Sampun :), semoga bermanfaat sob, sebagai timbal balik kunjung juga situs resmi kami Pondok Pesantren Fauzulmuslimin dan bergabunglah dengan kami,
jangan lupa tinggalkan komentar supaya kami bisa berkunjung balik dan jangan pakek annonim ya gan, gomawo

2 komentar

Posting Komentar