<style type="text/css">
div.TabView div.Tabs
{height: 30px;overflow: hidden}
div.TabView div.Tabs a {float:left; display:block; width: 92px; /*
Lebar Menu Utama Atas */
text-align:Left; height: 30px; /*
Tinggi Menu Utama Atas */
padding-top:8px; vertical-align:middle; border:1px solid #696969; /*
Warna border Menu Atas */
border-bottom-width:0; text-decoration: none; font-family: "Electrolize"; /*
Font Menu Utama Atas */
font-weight:normal; color:#696969; /*
Warna Font Menu Utama Atas */
-moz-border-radius-topleft:10px; -moz-border-radius-topright:10px}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active {background-color: #000; /*
Warna background Menu Utama Atas */ }
div.TabView div.Pages {clear:both; border:1px solid #696969; /*
Warna border Kotak Utama */ overflow:hidden; background-color:#000; /*
Warna background Kotak Utama */ }
div.TabView div.Pages div.Page {height:100%; padding:0px; overflow:hidden}
div.TabView div.Pages div.Page div.Pad {padding: 5px 5px}
</style>
<script type='text/javascript'>
//<![CDATA[
function tabview_aux(TabViewId, id)
{
var TabView = document.getElementById(TabViewId);
//Tabs
var Tabs = TabView.firstChild;
while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;
var Tab = Tabs.firstChild;
var i = 0;
do
{
if (Tab.tagName == "A")
{
i++;
Tab.href = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
Tab.className = (i == id) ? "Active" : "";
Tab.blur();
}
}
while (Tab = Tab.nextSibling);
//Pages
var Pages = TabView.firstChild;
while (Pages.className != 'Pages') Pages = Pages.nextSibling;
var Page = Pages.firstChild;
var i = 0;
do
{
if (Page.className == 'Page')
{
i++;
if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
Page.style.overflow = "auto";
Page.style.display = (i == id) ? 'block' : 'none';
}
}
while (Page = Page.nextSibling);
}
//Functions
function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }
function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }
//]]>
</script>
<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 300px;" class="Tabs">
<a>
Blogger</a>
<a>
DeathNote</a>
<a>
Internet</a>
</div>
<div style="width:280px; height:250px; " class="Pages">
<div class="Page">
<div class="Pad">
<script style="text/javascript">
var numposts = 100;
var standardstyling = true;
</script>
<script type='text/javascript' src='https://sites.google.com/site/bloggerbondowosoblogspotcom/js/label-menutab.js'></script>
<ul>
<script src="http://
afinzdi.blogspot.com/feeds/posts/default/-/
Tips%20blogging?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ul>
</div>
</div>
<div class="Page">
<div class="Pad">
<script style="text/javascript">
var numposts = 100;
var standardstyling = true;
</script>
<script type='text/javascript' src='https://sites.google.com/site/bloggerbondowosoblogspotcom/js/label-menutab.js'></script>
<ul>
<script src="http://
afinzdi.blogspot.com/feeds/posts/default/-/
Deathnote?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ul>
</div>
</div>
<div class="Page">
<div class="Pad">
<script style="text/javascript">
var numposts = 100;
var standardstyling = true;
</script>
<script type='text/javascript' src='https://sites.google.com/site/bloggerbondowosoblogspotcom/js/label-menutab.js'></script>
<ul>
<script src="http://
afinzdi.blogspot.com/feeds/posts/default/-/
Tips%20Internet?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ul>
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
tabview_initialize('TabView');
</script>
Tata Cara Berkomentar yang Baik dan Benar :
1. Gunakan Bahasa yang Sopan.
2. Biasakanlah berkomentar sebelum meninggalkan.
3. Usahakan jangan menggunakan anonymous
4. Saya sangat berterima kasih atas komentar yang kalian berikan
5. Admin selalu berusaha melakukan yang terbaik untuk para pengunjung ConversionConversion EmoticonEmoticon