HOME OWNER TUTORIALS INFO & TIPS EXCHANGE CONTACT ME

Tutorial : Tabber Widget



Preview :

1. Dashboard -> Layout -> Add A Gadget -> HTML/Javascript

2. Copy kod di bawah :

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

3. Paste di bahagian HTML/Javascript

Merah : Warna border
Biru : Warna background
Hijau : Jumlah widget

Susun macam ni :


Credit : MiraaHussin

6 comments:

Sophia Hany said...

jom join..

http://secretlove99.blogspot.com/2013/05/11-things-about-me.html

Simplesyara said...

thanks :)

najiah shaharain said...

thanks..jadi pun...:)

Nabilaa Izzati ✔ said...

nice tuto !

Nak perfume ? coklat ? topup ? keychain Sarawak ? DLL
jom Join
http://nabilaizzati17.blogspot.com/2013/05/mini-giveaway-by-nabila_18.html

Arni vanilla said...

Asal tak boleh awk?

Arni vanilla said...

Nakk ! Saya nak awk tolong