1. Login ke blogger sobat
2. Masuk Ke Tata Letak klik Tambahkan Gadget - Pilih HTML And Java Script
3. Terus Copy pastekan Kode Berikut :
.blogtabs {padding: 0px
!important;border: 0 solid #8000FF;}
.blogtabs h2 {float: left;margin: 0 2px 4px 0;font-size: 14px;padding: 100px 2px;border: 19px solid #8000FF;overflow: hidden;position: relative;background: #8000FF;cursor:pointer;}
html .blogtabs h2.active {background: #fff;}
.blogtabs .widget-content {border: 5px solid #FFFFFF;padding: 5px;background: #FFFFFF;clear:both;margin:5;}
.btab, #showtabs {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://ayriyzone.googlecode.com/files/SimpleTabViewJQuery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#showtabs').simpleBlogTab ({organictabs: 3});
});
</script>
<div id="showtabs">
</div>
4 . Ganti Tulisan .blogtabs h2 {float: left;margin: 0 2px 4px 0;font-size: 14px;padding: 100px 2px;border: 19px solid #8000FF;overflow: hidden;position: relative;background: #8000FF;cursor:pointer;}
html .blogtabs h2.active {background: #fff;}
.blogtabs .widget-content {border: 5px solid #FFFFFF;padding: 5px;background: #FFFFFF;clear:both;margin:5;}
.btab, #showtabs {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://ayriyzone.googlecode.com/files/SimpleTabViewJQuery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#showtabs').simpleBlogTab ({organictabs: 3});
});
</script>
<div id="showtabs">
</div>
Yang Berwarna Merah Dengan Tabs yang sahabat inginkan
Yang Berwarna Hijau dengan Warna yang sahabat inginkan
5. Terus simpan
6. Kemudian Taruh di atas gadget yang akan sabahabt buat tab.nya . -Klik Simpan
0 komentar:
Posting Komentar