Pages

topbella

Selasa, 12 November 2013

Membuat Menu Category Keren

Membuat Menu Category Keren - kali ini saya akan post tentang Cara Membuat Menu Category Keren. Agan bisa lihat contoh gambar di bawah atau lihat langsung di rifky blog

Agan penasaran cara nya? .. yuk mari baca

  • masuk ke blogger > tata letak > add gadget
  • pilih html/java script
  • masukin code nya
  • simpan 
  • lihat hasil nya :D
Code :
<style type="text/css">
    .tabber {
     padding: 0px !important;
     border: 0 solid #bbb;
    }
    .tabber h2 {
     float: left;
     margin: 0 1px 0 0;
     font-size: 12px;
     padding: 3px 5px;
     border: 1px solid #bbb;
     margin-bottom: -1px;
     overflow: hidden;
     position: relative;
     background: #0000FF;
     cursor:pointer;
     -moz-border-radius:5px 5px 0 0;
     border-radius:5px 5px 0 0;
    }
    html .tabber h2.active {
     background: #000000;
     border-bottom: 1px solid #fff;
    }
    .tabber .widget-content {
     border: 1px solid #bbb;
     padding: 10px;
     background: #fff;
     clear:both;
     margin:0;
    }
    .codewidget, #codeholder {
     display:none; {
    </style>  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
    <script type="text/javascript" src="http://greenlava-code.googlecode.com/svn/trunk/publicscripts/bloggertabs0.1_min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
     $('#codeholder').bloggerTabber ({
      tabCount : 3
     });
    });
    </script><!-- Jangan hapus kode dibawah, agar widget bisa berfungsi --><div id='codeholder'><a href="http://www.bloggersentral.com/2011/05/create-tabbed-content-blogger-widgets.html" target="_blank"></a></div> 

NB : Letakkan widget yang ingin di tampilkan di bawah Widet Di atas 

0 komentar:

Posting Komentar

About Me

 
nrayuans's Blog© DiseƱado por: Compartidisimo