Hai - hai kawan - kawan semua kembali lagi dengan saya disini
pada posting kali ini saya ajan membahas tentang membuat menu pilihan dengan klik yang secara otomatis akan menunjukkan hal yang dituju yuk skrg lagsung aja ke TKP
Copy paste kode dibawah ke dalam gadget blog kalian :
<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; /*--Pull tab down 1px--*/
overflow: hidden;
position: relative;
background: #e0e0e0;
cursor:pointer;
-moz-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;
}
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: #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>
<div id='codeholder'><p>Get this <a href="http://www.bloggersentral.com/2011/05/create-tabbed-content-blogger-widgets.html" target="_blank">widget</a></p></div>
Kemudian letakkan gadget tersebut diatas gadget pilihan anda misal diletakkan diatas gadget label dll
seperti yang bisa anda lihat di samping kanan blog saya dibawah gadget search
secara otomatis script itu akan membentuk rangkaian dari atas kebawah secara logika itu untuk menu scroll tetapi entah kenapa kug bisa jadi gitu yah hahahah sebuah penemuan yang fantastis :D
dicoba yahh ini hasil karya saya sendiri bukan hasil copas blog laennn lhooo
pada posting kali ini saya ajan membahas tentang membuat menu pilihan dengan klik yang secara otomatis akan menunjukkan hal yang dituju yuk skrg lagsung aja ke TKP
Copy paste kode dibawah ke dalam gadget blog kalian :
<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; /*--Pull tab down 1px--*/
overflow: hidden;
position: relative;
background: #e0e0e0;
cursor:pointer;
-moz-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;
}
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: #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>
<div id='codeholder'><p>Get this <a href="http://www.bloggersentral.com/2011/05/create-tabbed-content-blogger-widgets.html" target="_blank">widget</a></p></div>
Kemudian letakkan gadget tersebut diatas gadget pilihan anda misal diletakkan diatas gadget label dll
seperti yang bisa anda lihat di samping kanan blog saya dibawah gadget search
secara otomatis script itu akan membentuk rangkaian dari atas kebawah secara logika itu untuk menu scroll tetapi entah kenapa kug bisa jadi gitu yah hahahah sebuah penemuan yang fantastis :D
dicoba yahh ini hasil karya saya sendiri bukan hasil copas blog laennn lhooo
Tags:
otak - atik blog













Leave a comment