CARA MEMBUAT MENU TAB VIEW OTOMATIS

Keunggulan menu tabview dengan JQuery sendiri yakni lebih simple dan praktis, selain tanpa edit html/ templates serta pengisiannya masing-masing menu tabview menggunakan 1 widget.

LANGKAH PERTAMA :

1. Login ke akun BLOGGER Anda
2. masuk menu Tata letak
3. Klik tambahkan gadget
4.Pilih HTML/JavaScript
5 Copy kode Dibawah Ini

<style type="text/css">
.blogtabs {padding: 0px !important;border: 1px solid #bbb;}
.blogtabs h2 {float: left;margin: 0 2px 4px 0;font-size: 12px;padding: 3px 5px;border: 1px solid #bbb;overflow: hidden;position: relative;background: #e0e0e0;cursor:pointer;}html .blogtabs h2.active {background: #fff;}.blogtabs .widget-content {border: 1px solid #bbb;padding: 10px;background: #fff;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 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>

6. Simpan tanpa diberi judul

NANTI HASILNYA AKAN SEPERTI INI

GAMPANG KAN ARTIKEL CARA MEMBUAT MENU TAB VIEW OTOMATIS ?
SELAMAT MENCOBA,JIKA ANDA INGIN BERTANYA SILAHKAN MELALUI KOMENTAR

Tags : BLOGGERTUTORIAL

Facebook

Twitter

Google+

Pinterest

Posted by : Anonymous

20 Comments

10 May 2014