~ 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>
*Warna Kuning = Ganti angka sesuai dengan yang akan di gabung
0 komentar
Posting Komentar
Budayakan Komentar yaaaaa!