FB MELAYANG TOMBOL CLOSE

FB MELAYANG TOMBOL CLOSE ;
<style type='text/css'>
#kotak-facebook {

      position:fixed !important;

      position:absolute; /* IE6 */

      bottom:-1000px;

      right:10%;

      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'>

  Klik Like !
<br/>
<!-- Mulai --!>
Letakkan kode Like box fanpage facebook anda disini
<!-- Selesai --!>
    <a class='close' href='#'>&times;</a>

    /div</p>
</div>
</span>

<p>Colom Tab Menu</p>
<p><style type="text/css">
    div.TabView div.Tabs
    {height: 30px;overflow: hidden}
    div.TabView div.Tabs a {float:left; display:block; width: 98px; /* Lebar Menu Utama Atas */
    text-align:center ; height: 30px; /* Tinggi Menu Utama Atas */
    padding-top:8px; vertical-align:middle; border:1px solid #BDBDBD; /* Warna border Menu Atas */
    border-bottom-width:0; text-decoration: none; font-family: "Verdana", Serif; /* Font Menu Utama Atas */
    font-weight:bold; color:#000000; /* Warna Font Menu Utama Atas */ -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px}
    div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active {background-color: #FFFF00; /* Warna background Menu Utama Atas */ }
    div.TabView div.Pages {clear:both; border:1px solid #BDBDBD; /* Warna border Kotak Utama */ overflow:hidden; background-color:#fff; /* Warna background Kotak Utama */ }
    div.TabView div.Pages div.Page {height:100%; padding:0px; overflow:hidden}
    div.TabView div.Pages div.Page div.Pad {padding: 5px 5px}
    </style>
    <script type='text/javascript'>
    //<![CDATA[
    function tabview_aux(TabViewId, id)
    {
      var TabView = document.getElementById(TabViewId);
      // ----- Tabs -----
      var Tabs = TabView.firstChild;
      while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;
      var Tab = Tabs.firstChild;
      var i   = 0;
      do
      {
        if (Tab.tagName == "A")
        {
          i++;
          Tab.href      = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
          Tab.className = (i == id) ? "Active" : "";
          Tab.blur();
        }
      }
      while (Tab = Tab.nextSibling);
      // ----- Pages -----
      var Pages = TabView.firstChild;
      while (Pages.className != 'Pages') Pages = Pages.nextSibling;
      var Page = Pages.firstChild;
      var i    = 0;
      do
      {
        if (Page.className == 'Page')
        {
          i++;
          if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
          Page.style.overflow = "auto";
          Page.style.display  = (i == id) ? 'block' : 'none';
        }
      }
      while (Page = Page.nextSibling);
    }
    // ----- Functions -------------------------------------------------------------
    function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }
    function tabview_initialize(TabViewId) { tabview_aux(TabViewId,  1); }
    //]]>
    </script>
    <form action="tabview.html" method="get">
    <div id="TabView" class="TabView">
    <div style="width: 300px;" class="Tabs">
    <a>judul 1</a>
    <a>judul 2</a>
    <a>judul 3</a>
    </div>
    <div style="width:99%; height:180px; " class="Pages">
    <div class="Page">
    <div class="Pad">
<div style="overflow:auto; background-color: none; text-align: left;"> <script style="text/javascript">
var numposts = 50;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://kodecode.googlecode.com/files/judullabel_tertentu.js'></script>
<ul>
<script src="http://www.sahydin.co.cc/feeds/posts/default/-/Nama Label 1?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=50"></script>
</ul>
<p>
</p></div>
    </div>
    </div>
    <div class="Page">
    <div class="Pad">
<div style="overflow:auto; background-color: none; text-align: left;"> <script style="text/javascript">
var numposts = 50;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://kodecode.googlecode.com/files/judullabel_tertentu.js'></script>
<ul>
<script src="http://www.sahydin.co.cc/feeds/posts/default/-/Nama Label 2?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=50"></script>
</ul>
<p>
</p></div>
    </div>
    </div>
    <div class="Page">
    <div class="Pad">
<div style="overflow:auto; background-color: none; text-align: left;"> <script style="text/javascript">
var numposts = 50;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://kodecode.googlecode.com/files/judullabel_tertentu.js'></script>
<ul>
<script src="http://www.sahydin.co.cc/feeds/posts/default/-/Nama Label 3?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=50"></script>
</ul>
<p>
</p></div>
    </div>
    </div>
    </div>
    </div>
    </form>
    <script type="text/javascript">
    tabview_initialize('TabView');
    </script> </p>

Tag : Footer drop down auto
Menu pupup
Footer ZEPmenu
Menu nempel kanan 
Share button 
Menu nempel atas terus 
Login php  
Bikin website dengan hosting gratis
Template web php untuk bisnis online

Tweet