Thursday, May 23, 2013

Tutorial 10 : Gabung Widget Di Sidebar


kali ni...aku dah try cmne nak gabung 3 widget.. n menjadi ok..
sumber

tutorial aku selalu  nye dari orang lain..yang aku guna...itu saja.. 

Bánh bao 2



> dashboard

> layout

>add gadget

> add html

>copy html kat bawah ni..paste kn 

<style type="text/css">
    .tabber {
     padding: 0px !important;
     border: 0 solid #bbb !important;
    }
    .tabber h2 {
     float: left;
     margin: 0 1px 0 0;
     font-size: 12px;
     padding: 3px 5px;
     border: 1px solid #bbb;
     margin-bottom: -1px; /*--Pull tab down 1px--*/
     overflow: hidden;
     position: relative;
     background: #ffffff;
     cursor:pointer;
    }
    html .tabber h2.active {
     background: #fff;
     border-bottom: 1px solid #fff; /*--"Connect" active tab to its content--*/
    }
    .tabber .widget-content {
     border: 1px solid #bbb;
     padding: 10px;
background: #fffffff;
     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>
    <!-- to make sure the widget works, do not alter the code below -->
<div id='codeholder'><p>Get this <a href="http://www.bloggersentral.com/2011/05/create-tabbed-content-blogger-widgets.html" target="_blank">tabber widget</a></p></div>


Kuning : warna background atas
Hijau : background yg bwh

Merah : berapa banyak yg korang nak gabung

1 comments:

Farah Waheda Wahid said...

wah gitewww...thanks for sharing dear...

 

Copyright © 2013 Reserved to Cahaya Sirius

Edited by Cik Amal