Monday, July 26

Add tab kat sidebar – part two

untitled Hari tu dah wat pasal tutorial ni..tapi ramai komplen tak jadi..ai sangat le rasa bersalah sebab orang semangat nak buat..last2 tak jd...

Ai try kasi bagi senang yek..harap kali ni menjadi ler..Kalau tak jadi jugak..dan korang nak wat jugak tab ni..korang email kat ai username ngn password korang,nanti ai masuk blog korang,n ai tlg watkan yek..ni email ai..hazlizahusaini@gmail.com.

1)Macam biasa login blog –> design –> edit html

2)Search ]]></b:skin> kemudian copy code kat bawah dan pastekan betul-betul kat atas ]]></b:skin>

/* Tabbed Sidebar Widgets
--------------------------------- */
.widget-wrapper2{
border:1px solid #494e52;
background-color:#636d76;
padding:8px;
}

.widget-tab {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topright:5px;
-webkit-border-radius-bottomleft:5px;
-webkit-border-radius-bottomright:5px;
-webkit-border-radius-topright:5px;
background:#FFFFFF url(http://i195.photobucket.com/albums/z105/dantearaujo/tabcontentbg.gif) repeat-x scroll left bottom !important;
border:1px solid #CFCFCF;
font-family:Arial,Helvetica,sans-serif;
padding:15px !important;
}

.widget-tab ul {
margin:0px;
padding:0px 20px 0px 20px;
}
.widget-tab ul li {
list-style:none;
border-bottom:1px solid #d6dde0;
padding-top:10px;
padding-bottom:10px;
font-size:13px;
}
.widget-tab ul li:last-child {
border-bottom:none;
}
.widget-tab ul li a {
text-decoration:none;
color:#3e4346;
}
.widget-tab ul li a small {
color:#8b959c;
font-size:9px;
text-transform:uppercase;
font-family:Verdana, Arial, Helvetica, sans-serif;
position:relative;
left:4px;
top:0px;
}
.tab-content ul li a:hover {
color:#a59c83;
}
.tab-content ul li a:hover small {
color:#baae8e;
}

.active-tab{
background:#FFFFFF url(http://i195.photobucket.com/albums/z105/dantearaujo/tabtopbg.gif) repeat-x scroll left top !important;
border-color:#CFCFCF #CFCFCF #FFFFFF #CFCFCF !important;
border-style:solid !important;
border-width:1px 1px 2px !important;
color:#282E32 !important;

}

ul.tab-wrapper {
margin:0px; padding:0px;
margin-top:5px;
margin-bottom:6px;
}
ul.tab-wrapper li {
-webkit-border-radius-topleft:5px;
-webkit-border-radius-topright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:#191919 url(http://i195.photobucket.com/albums/z105/dantearaujo/tabinactivebg.gif) repeat-x scroll left top;
border:1px solid #464C54;
color:#FFFFFF;
cursor:pointer;
display:inline;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:9px;
font-weight:bold;
line-height:2em;
list-style-image:none !important;
list-style-position:outside !important;
list-style-type:none !important;
margin-right:1px;
padding:8px 14px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
}



3) Search /head.Pastu pastekan code kat bawah betul-betul kat atas /head



<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/>


4)Pastu copy code kat bawah dan pastekan betul-betul selepas /head



<script type="text/javascript">
var starttab=0;
var endtab=2;
var sidebarname="sidebar";
</script>
<script type="text/javascript" src="http://scriptabufarhan.googlecode.com/svn/trunk/bloggertabv1.0-min.js"></script>



5)Save 

4 comments:

marina anakcikbob on July 26, 2010 at 1:57 PM said... [Reply]

ai laik this.. :D

leeza on July 27, 2010 at 10:20 AM said... [Reply]

@marina anakcikbob hrp2 menjadi le tuto ni pd sape2 yg mncuba :-)

Baby Yats on August 5, 2010 at 8:22 AM said... [Reply]

x dpt la dear...dah lebih dr 2 kali ai cuba...mcm susah pulak ni...

azieda razak on August 10, 2010 at 2:34 PM said... [Reply]

xdpt buat jugak...
xtau nape..

Post a Comment

 

Ratuhati Kami

  • Harith
  • Harith
  • Harith
  • Harith
  • Harith
  • Harith
  • Harith
  • Harith

Celebs Blog

Our Love Journal Copyright © 2010 Love Journal is Sponsored by HazlizaHusaini'sFamily