Cara mudah membuat tab keren di blog

Oleh Unknown

Minggu, 28 Desember 2014

Bagikan :

Tweet

Widget-Widget di blog kamu terlalu banyak?mending buat widget tabs
widget di blog anda akan menjadi satu di tabs.Widget ini berfungsi untuk memperstukan
widget di blog.Anda Mau coba ini dia caranya

1.Log in ke www.blogger.com
2.Pilih Tata letak >tambahkan gadget
3.Pilih  HTML/JavaScript
4.Letakan Kode di bawah ini di HTML/JavaScript

 <style type="text/css"> .tabber { padding:
0px !important; border: 0 solid #bbb; } .tabber h2 { float: left; margin: 0 1px
0 0; font-size: 12px; padding: 3px 5px; border: 1px solid #fff; margin-bottom:
-1px; overflow: hidden; position: relative; background: #CD853F; cursorointer;
-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; } html .tabber
h2.active { background: #E7D4AD; border-bottom: 1px solid #fff; } .tabber
.widget-content { border: 1px solid #fff; padding: 10px; background: #E7D4AD;
clear:both; margin:0; } .codewidget, #codeholder { 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="https://milkocak23.googlecode.com/svn/trunk/kocak.js"></script>
<script type="text/javascript"> $(document).ready(function() {
$('#codeholder').bloggerTabber ({ tabCount :3 }); }); </script><!--
Jangan hapus kode dibawah, agar widget bisa berfungsi --><div
id='codeholder'><a href="http://www.bloggersentral.com/2011/05/create-tabbed-content-blogger-widgets.html"
target="_blank"></a></div>

Keterangan

tabCount :3 Ganti angka 3 dengan

angka yang anda inginkan

5.Simpan 6.Atur tata letak seperti gambar di bawah ini

 Simpan Setelan
Semoga Bermanfaat 

Share artikel ke :

Facebook Twitter Google+