Wednesday 17 April 2013

Menu Tab View Simple Tanpa Edit HTML

Caranya hanya tinggal copy paste script berikut kedalam widget baru

<style type="text/css">
.blogtabs {padding: 0px !important;border: 0 solid #1B5AA1;}
.blogtabs h2 {float: left;margin: 0 2px 4px 0;font-size: 12px;padding: 3px 5px;border: 1px solid #1B5AA1;overflow: hidden;position: relative;background: #1B5AA1;cursor:pointer;}
html .blogtabs h2.active {background: #cc0033;}
.blogtabs .widget-content {border: 1px solid #e0e0e0;padding: 10px;-moz-box-shadow: 1px 1px 10px #e0e0e0;
-webkit-box-shadow:1px 1px 10px #888;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;;background: #fff;clear:both;margin:0;}
.btab, #showtabs {display:none;}
</style><br />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script><br />
<script type="text/javascript" src="http://magetan-project.googlecode.com/files/SimpleTabViewJQuery.js"></script><br />
<script type="text/javascript">
$(document).ready(function() {
$('#showtabs').simpleBlogTab ({organictabs: 3});
});
</script><br />
<div id="showtabs">
</div>