Cara Membuat Tab View No Edit HTML

Menu TAB view merupakan widget tambahan berbentuk tab. Jika kita menggunakannya maka akan menghemat ruang di bagian sidebar blog. Dulu ane pernah nge share cara membuat menu tab view no edit HTML Gaya Animasi Gulung, Sekarang ane mau nge share yang sangat sederhana namun keren.

Monggo dilihat cara-caranya :

Pertama :

1. Silahkan Log in ke Blog Sobat

2. Kedua masuk ke Tab Tata Letak

3. Klik tulisan " Tambahkan Gadget "

4. Scroll ke bawah dan pilih yang " HTML/JavaScript "

5. Masukkan kode di bawah ini ke dalamnya
6. Secara Otomatis kode tersebut akan menjadi tag tab view blog anda

<style type="text/css"> .blogtabs {padding: 0px !important;border: 0 solid #eeeee2;} .blogtabs h2 {float: left;margin: 0 2px 4px 0;font-size: 12px;padding: 3px 5px;border: 1px solid #bbb;overflow: hidden;position: relative;background: #eeeee2;cursor:pointer;} html .blogtabs h2.active {background: #fff;} .blogtabs .widget-content {border: 0px solid #bbb;padding: 10px;background: none;clear:both;margin:0;} .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 src="http://infonetmu.googlecode.com/files/SimpleTabViewJQuery.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $('#showtabs').simpleBlogTab ({organictabs: 3}); }); </script> <br /> <div id="showtabs"> </div>

Notes : teman-teman juga bisa merubah atau menambahkan tab viewnya dengan cara mengedit kode di atas..

Itulah sedikit informasi dari saya, jika ada salah kata, saya mohon maaf, keep blogging sobat :)