Selamat Sore Kawan Kawan Bang Warsa :thumbup ,Kali ini saya mau share
tips ,Cara Membuat Multi Tab View Di Blog,Bagi Kalian Yang Mau buat
Widget Tapi ,,Tempat nya kurang ,tips ini cocok loh,,
Oke Ikuti Langkah Langkah berikut
1. Login Ke Blogger
2. Template >> Edit HTML
3.Cari Kode
</head>
4.Paste Kode Berikut Di Atas Kode
</head>
5.Simpan Template
6.Klik Tata Letak >> Tambah Gadget >> HTML/Javascript
7.Paste Kode Berikut
<script type='text/javascript'>
function tabtampil_oom(TPID, id)
{
var Tabtampil = document.getElementById(TPID);
var TTs = Tabtampil.firstChild;
while (TTs.className != "TTs" ) TTs = TTs.nextSibling;
var TT = TTs.firstChild;
var i = 0;
do
{
if (TT.tagName == "A")
{
i++;
TT.href = "javascript:tabtampil_ubah('"+TPID+"', "+i+");";
TT.className = (i == id) ? "Active" : "";
TT.blur();
}
}
while (TT = TT.nextSibling);
var Halamans = Tabtampil.firstChild;
while (Halamans.className != 'Halamans') Halamans = Halamans.nextSibling;
var Halaman = Halamans.firstChild;
var i = 0;
do
{
if (Halaman.className == 'Halaman')
{
i++;
if (Halamans.offsetHeight) Halaman.style.height = (Halamans.offsetHeight-2)+"px";
Halaman.style.overflow = "auto";
Halaman.style.display = (i == id) ? 'block' : 'none';
}
}
while (Halaman = Halaman.nextSibling);
}
function tabtampil_ubah(TPID, id) { tabtampil_oom(TPID, id);
}
function tabtampil_inisial(TPID) { tabtampil_oom(TPID, 1);
document.write('');}
</script>
SIMPAN DEH
NB:
- Silahkan ganti tulisan Masukkan Kode Widget Tab 1, 2, dan 3 dengan kode widget yang ingin Anda masukkan.
- Setelah menambahkan widget baru harap untuk menghapus kode quickedit pada bagian Edit HTML
Semoga Tips Ini Berguna Untuk Anda,,Jika Tidak Berhasil Silahkan Komentar