lihat juga

Friday, June 22, 2012

cara membuat tab multi widget

untuk anda yang ingin menghemat tempat dalam blog cara ini adalah salah satunya fungsi dari cara membuat tab multi widget ini adalah menggabungkan 3 widget sekaligus dan disatukan dalam satu widget lagi anda bisa melihat contoh diatas

cara ini sangatlah mudah untuk digunakan anda tidak perlu mengedit edit lagi isi dari kolom tersebut anda tinggal memasukan sebuah kode kedalam widget dan template anda dan langsung lah automatis 3 widget di blog anda akan menyatu membuat multi widget

selain untuk menghemat tempat fungsi cara membuat tab multi widget ini juga bisa mempercepat loading blog karena memperkecil ukuran blog tersebut ya dari pada anda membaca ocehan saya yang ga jelas dan ga bermutu langsung aja ke cara mengenai cara membuat tab multi widget 



  • pertama login ke akun blogger anda 
  • kemudian masuk ke bagian template dan cari kode </head> ( agar lebih cepat gunakan F3 ) 
  • kalau sudah ketemu masukan kode berikut 
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> 
kalau anda sudah terdapat jquery pada template anda lewatkan cara ini
  • setelah itu simpan template anda
  • langkah selanjutnya menyisipkan kode agar 3 kolom widget bersatu, yaitu masuk ke bagian tempat anda menambahkan widget atau TATA LETAK
  • kemdian add gadget/tambah widget dan masukan kode berikut 
    <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 menyatu anda harus menempatkannya seperti ini


nah gimana sudah berhasil ? semoga berhasil dan bermanfaat, ya sekian artikel mengenai cara membuat tab multi widget yang rada ga jelas tapi semoga dengan artikel ini anda akan terbantu dan bermanfaat, dan jangan lupa untuk menninggalkan komentar









ads

Ditulis Oleh : gdfysx Hari: 12:03 PM Kategori:

0 comments:

Post a Comment

surf