Membuat Widget Tab Accordion Blogger

Tab Accordion 

Membuat Tab Accordion tanpa masuk edit html - Ternyata ada cara mudah menggunakan tab view jenis accordion ini, caranya :

• Masuk Blogger :
• Masuk Tab Tata Letak.
• Tambahkan Gadget Html/Javascript :

<style type="text/css"> 
.blogtabs {padding: 0px !important;border: 1px solid #bbb;} 
.blogtabs h2 {float: left;margin: 0 2px 4px 0;font-size: 15px;padding: 3px 5px;overflow: hidden;position: relative;background: #353535;color:#fff;font-family:monospace;font-weight:100;cursor:pointer;}html .blogtabs h2.active {background: #02ab68;}.blogtabs .widget-content {border: 0px solid #bbb;padding: 10px;background: #fff;clear:both;margin:0;}.btab, #showtabs {display:none;}
.quickedit { display:none; }
</style><script type="text/javascript" src="http://bloggergubug.googlecode.com/files/tabviewjquery.js"></script><script type="text/javascript">$(document).ready(function() {$('#showtabs').simpleBlogTab ({organictabs: 3});});</script><div id="showtabs"></div>

• Simpan Gadget/Widget anda :

Catatan : Script diatas harus berada diatas widget yang lainnya, supaya masuk ke dalam tab viewnya.

Script dasar dari bloggergubug