Senin, 07 Desember 2015

KODE MENGGABUNGKAN ATAU MEMBUAT TAB MULTI WIDGET BERDAMPINGAN DI BLOG

SCRIP 1 : Silahkan copy kode dibawah ini dan letakkan tepat diatas kode </head>


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>



SCRIP 2 : Setelah itu silahkan sobat masukkan kode dibawah ini didalam widget tersebut dan klik simpan

<style type="text/css">

        .blogtabs {padding: 0px !important;border: 0 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://ayriyzone.googlecode.com/files/SimpleTabViewJQuery.js"></script>

        <script type="text/javascript">

        $(document).ready(function() {

        $('#showtabs').simpleBlogTab ({organictabs: 2});

        });

        </script>

        <div id="showtabs"></div>


Untuk keterangannya : kode yang berwarna biru adalah kode-kode warna, kode yang berwarna hijau adalah kode ukurannya dan kode yang berwarna merah adalah jumlah widget yang akan digabungkan, jika misalnya sobat ingin menggabungkan empat widget maka ganti saja angka 2 menjadi 4.



SCRIP 3 : Silahkan sobat masukkan kode dibawah ini didalam widget
 
<table><tr>
<td>Kode Widget 1</td>
<td>Kode Widget 2</td>
</tr>
</table>

Untuk keterangannya : kode yang berwarna merah silahkan sobat ganti dengan kode widget yang ingin sobat gabungkan. Jika sobat ingin menambahkan jumlah widgetnya lagi maka silahkan tambahkan kode <td>Kode Widget 3</td>

Jangan lupa terimakasih dengan klik G+, Like, Share, Tweet dan lainnya ya ?
Previous Post
Next Post

0 komentar: