Minggu, 10 November 2013

Cara Membuat Menu Category Keren

Cara 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 

ganti tulisan tebal 3 dengan yang anda ingin misal 4 maka tab yang akan muncul 4
Sekian Post nya semoga bermanfaat untuk agan semua..
Semoga sukes

Tidak ada komentar:

Posting Komentar