Sabtu, 06 April 2013

Membuat Widged Menjadi Tab




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
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