WELCOME
Supaya Tetap Eksis, Untuk Semua Pengunjung Arya Wiguna' s Blog. Klik lah iklan Dibawah 1 x/hari dan Pada Saat Mengklik Link Artikel atau Link Download dan Semua Link yang ada di Blog ini ditunggu selama kurang lebih 5 detik sampai ada bacaan ,lalu diklik skip adnya. Dengan Demikian Anda telah berdonasi untuk kemajuan blog Ini. Terima Kasih
Khusus Link Mediafire Tips Downloadnya Klik Disini!!!

Tuesday, June 26, 2012

Cara Mudah Membuat Tab Multi Widget


Tab Yang Berisi Banyak Widget Mempunyai kelebihan yaitu Menghemat tempat. jadi gak ada salahnya juka sobat memasang tab ini. caranya cukup mudah kok. silahkan ikuti cara dibawah ini :


  1. Masuk Ke Akun Blogger Anda
  2. Edit Template 
  3. Cari Kode  </head>  Lalu Pastekan Kode Dibawah ini Tepat Diatas kode  </head>


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

  • Lalu save template.
  1. Sekarang Masuk Ke Rancangan >> Tambah Widget >> HTML/Java Script
  2. Copy Paste Kode Dibawah ini

<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: 3}); }); </script> <div id="showtabs"></div>

Agar Widgetnya Mau Menyatu. Atur Posisinya Seperti Ini

Comments :

0 comments to “Cara Mudah Membuat Tab Multi Widget”

Post a Comment

←   →

EXchange Link

With Text
With Banner
Arya
Tukar Link Otomatis Klik Disini!!!
 

Copyright © 2009 by Aryawiguna's Blog

Template by Blogger Templates | Powered by Blogger