<style type="text/css">{}.post:hover{background:green; </style>


     <style type="text/css">
    div.TabView div.Tabs a
    {
    float: left;
    display: block;
    width: 80px; /* Lebar Kotak Tab */
    height: 20px; /* Tinggi Menu Utama Atas */
    text-align: center; /* Posisi Teks Menu Tab */
    margin: 5px 0px 0px 3px; /* Posisi Kotak Tab */
    background-color: black; /* Warna background Kotak Tab */
    padding-top: 2px; /* Spasi Atas */
    border: 1px solid #ffffff; /* Warna border kotak Tab */
    border-bottom: 1px solid #ccc; /*Warna border bawah kotak tab */
    font-family: "Arial, Helvetica, sans-serif", Arial; /* Font Kotak Tab */
    font-weight: 400; /* Ketebalan Teks kotak tab */

    }
    div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
    {
    background-color: #736F6E; /* Warna background utama kotak tab */ }
    div.TabView div.Pages
    {
    clear: both;
    border: 1px solid #cccccc; /* Warna border Kotak Konten */
    overflow: hidden;
    background-color: #ffffff; /* Warna background Kotak konten */
    }
    div.TabView div.Pages div.Page
    {
    height: 100%;
    padding: 5px; /* Jarak teks dalam kotak content */
    overflow: hidden;
    }
    div.TabView div.Pages div.Page div.Pad
    {
    padding: 3px 5px;
    }
    </style>

    <br />
<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 300px;">
<a href="https://www.blogger.com/null"><span style="color: white;">MUSIK</span></a>
<a href="https://www.blogger.com/null"><span style="color: white;">VIDEO</span></a>
<a href="https://www.blogger.com/null"><span style="color: white;">BLOGER</span></a> 
    </div>
<div class="Pages" style="height: 250px; width: 505px;">
<div class="Page">
<div class="Pad">
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2012/05/slider-otomatis-untuk-template-toko.html">Slider Otomatis Untuk Template Toko Online</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2012/05/mengatasi-loading-blog-dengan-google.html">Mengatasi Loading Blog dengan Google Code</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2012/04/membuat-content-slider-image-otomatis.html">Membuat Content Slider Image Otomatis</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2012/04/membuat-slider-carousel-otomatis.html">Membuat Slider Carousel Otomatis Berdasarkan Label</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/02/membuat-menu-horizontal-animasi-di-blog.html">Membuat Menu Horizontal Animasi di Blog</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/02/membuat-menu-navigasi-horizontal-glossy.html">Membuat Menu Navigasi Horizontal Glossy di Blog</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/02/membuat-effect-jquery-link-nudging-di.html">Membuat Effect JQuery Link Nudging di Blog</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/02/membuat-info-panel-slide-vertikal.html">Membuat Info Panel Slide Vertikal dengan jQuery</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/02/membuat-chatbox-slide-vertikal-dengan.html">Membuat Chatbox Slide Vertikal Dengan jQuery di Blog</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/02/membuat-daftar-isi-dengan-jquery.html">Membuat Daftar Isi Dengan jQuery Accordion</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/01/memasang-slider-gambar-ala-drakon.html">Memasang Slider Gambar ala Drakon Template</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/01/memasang-gambar-slide-ala-zinmag-primus.html">Memasang Gambar Slide Ala Zinmag Primus</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/01/memasang-translate-gambar-bendera-di.html">Memasang Translate Gambar Bendera di Blog</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/01/membuat-menu-navigasi-horisontal-dan.html">Membuat Menu Navigasi Horisontal dan Kotak Pencari di Blog</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/01/memasang-artikel-berlangganan-di-blog.html">Memasang Artikel Berlangganan di Blog</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/membuat-label-bergerak-blogumulus-di.html">Membuat Label Bergerak (Blogumulus) di Blogspot</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/01/membuat-background-efek-pada-widget-di.html">Membuat Background Efek pada Widget di Blog</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/01/membuat-image-shadow-effect-gambar-di.html">Membuat Shadow Effect Pada Gambar di Blog</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/memasang-widget-alexa-rank-di-blogspot.html">Memasang Widget Alexa Rank di Blogspot</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/01/cara-membuat-teks-berjalan-di-menu-bar.html">Cara Membuat Teks Berjalan di Menu Bar</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/01/cara-memasang-widget-top-komentator.html">Cara Memasang Widget Top Komentator Cloud di Blog</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/01/cara-pasang-musik-player-di-blogspot.html">Cara Pasang Musik Player di Blogspot</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/01/cara-memasang-breadcrumb-di-blogspot.html">Cara Memasang Breadcrumb di Blogspot</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/01/membuat-komentar-di-bawah-postingan.html">Membuat Kotak Komentar Di Bawah Postingan Blog</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/01/membuat-daftar-isi-otomatis-di-blogspot.html">Membuat Daftar Isi Otomatis di Blogspot</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/01/membuat-daftar-isi-manual-di-blogspot.html">Membuat Daftar Isi Manual Di Blogspot</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/01/merubah-warna-link-pada-blogspot.html">Merubah Warna Link Pada Blogspot</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/01/mengganti-header-blog-di-blogspot.html">Mengganti Header Blog di Blogspot</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/01/membuat-kotak-pencarisearch-di-blogspot.html">Membuat Kotak Pencari/Search di Blogspot</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/01/memposting-kode-html-pada-artikel.html">Memposting Kode HTML Pada Artikel</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/01/mengenal-fungsi-fungsi-menu-setting.html">Mengenal Fungsi-Fungsi Menu Setting Blog</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/01/membagi-sidebar-menjadi-2-kolom-di.html">Membagi Sidebar Menjadi 2 Kolom di Blogspot</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/membuat-recent-post-dengan-thumbnail-1.html">Membuat Recent Post Dengan Thumbnail</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/membuat-3-kolom-di-bawah-header.html">Membuat 3 Kolom di Bawah Header Blogspot</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/tutorial-membuat-text-area.html">Tutorial Membuat Text Area</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/memasang-widget-sharing-is-sexy-di.html">Memasang Widget Sharing Is Sexy di Posting Blog</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/cara-memasang-page-rank-di-blogspot.html">Cara Memasang Page Rank di Blogspot</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/cara-membuat-read-more-1.html">Cara Membuat Read More 1</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/cara-membuat-read-more-versi-2.html">Cara Membuat Read More Versi 2</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/pasang-banner-di-header-blog.html">Pasang Banner di Header Blog</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/membuat-recent-post-thumbnail-spy-di.html">Membuat Recent Post Thumbnail + Spy di Blog</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/menambah-kolom-diatas-dan-dibawah.html">Menambah Kolom Diatas dan Dibawah Postingan Blog</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/membuat-efek-blur-pada-gambar-di.html">Membuat Efek Blur Pada Gambar di Blogspot</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/membuat-images-bubbles-di-bawah.html">Membuat Images Bubbles di Bawah Postingan Blogspot</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/memasang-gambar-slideshow-dibawah.html">Memasang Gambar Slideshow Dibawah Header</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/membuat-menu-drop-down-di-blogspot.html">Membuat Menu Drop Down di Blogspot</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/membuat-postingan-dua-kolom-di-blogspot.html">Membuat Postingan Dua Kolom Di Blogspot</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/membuat-huruf-besar-drop-cap-pada-awal.html">Membuat Huruf Besar (Drop Cap) pada Awal Postingan</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/cara-membuat-blog-tanpa-sidebar-di.html">Cara Membuat Blog Tanpa Sidebar Di Blogspot</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/membuat-menu-scroll-di-blogspot.html">Membuat Menu Scroll di Blogspot</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2010/12/membuat-favicon-di-blogspot.html">Membuat Favicon Di Blogspot</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/menambah-kolom-dibawah-postingan.html">Menambah Kolom Dibawah Postingan Blogspot</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/menambah-kolom-dibawah-header-blogspot.html">Menambah Kolom dibawah Header Blogspot</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/membuat-tampilan-gambar-slide-di.html">Membuat Tampilan Gambar Slide di Blogspot</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/merubah-title-blogspot-yang-seo.html">Merubah Title Blogspot Yang SEO Friendly = Traffic Meningkat</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/membuat-tab-view-menu-tanpa-edit-html.html">Membuat Tab View Menu Tanpa Edit HTML di Blogspot</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/membuat-tab-view-di-blogspot.html">Membuat Tab View di Blogspot</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/cara-pasang-related-post-thumbnail.html">Cara Pasang Related Post + Thumbnail Versi 2</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/membuat-related-post-di-blogspot-versi.html">Membuat Related Post di Blogspot Versi 1</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/membuat-tweet-box-dibawah-postingan.html">Membuat Tweet Box Dibawah Postingan</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/membuat-iklan-melayang-dengan-tombol.html">Membuat Iklan Melayang dengan Tombol Close</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/01/menghilangkan-langgan-entri-atom-dan.html">Menghilangkan Langgan : Entri (Atom) dan Subscribe to : Poskan Komentar (Atom)</a></div>
</div>
</div>
<div class="Page">
<div class="Pad">
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/01/memasang-widget-pada-halaman-tertentu.html">Memasang Widget pada Halaman Tertentu</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/01/mengganti-template-theme-wordpress.html">Mengganti Template (Theme) Wordpress</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/01/upload-file-themes-dan-plugin-wordpress.html">Upload File Themes dan Plugin Wordpress dengan FTP Filezilla</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/01/menambah-sidebar-wordpress.html">Menambah Sidebar WordPress</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/01/menampilkan-judul-artikel-dari-kategori.html">Menampilkan Judul Artikel Dari Kategori Tertentu Secara Otomatis Di Sidebar</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/cara-membuat-daftar-isi-dan-sitemap.html">Cara Membuat Daftar Isi dan Sitemap Blog WordPress</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/cara-membuat-daftar-isi-pada-blog.html">Cara Membuat Daftar Isi pada Blog WordPress</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/membuat-file-robotstxt-di-worspress.html">Membuat file Robots.txt</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/membuat-sitemap-pada-wordpress.html">Membuat Sitemap pada Wordpress</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/membuat-artikel-terkait-related-post.html">Membuat Artikel Terkait (Related Post) pada Blog Wordpress</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/cara-memasang-iklan-di-dalam-postingan.html">Cara Memasang Iklan di Dalam Postingan Blog WordPress</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/belajar-membuat-text-berjalan-marquee.html">Belajar Membuat Text Berjalan (marquee)</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/belajar-dan-memahami-dasar-dasar-code.html">Belajar dan Memahami Dasar-dasar Code CSS</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/membuat-link-di-wordpress.html">Membuat Link Di Wordpress</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/membuat-iklan-melayang-floating-di.html">Membuat Iklan Melayang (Floating) di WordPress</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/cara-instalasi-wordpress-di-local-host.html">Cara Instalasi WordPress Di Local Host</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/instal-wordpress-di-hosting-byethost.html">Instal Wordpress di Hosting Byethost</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/instalasi-cms-wordpress-pada-server.html">Instalasi CMS WordPress Pada Server Hosting</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/platinum-seo-plugin-ultimate-wordpress.html">Platinum SEO Plugin-The Ultimate WordPress SEO</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/wordpress-tutorial.html">WordPress Tutorial</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/membuat-icon-emotion-pada-kotak.html">Membuat Icon Emotion pada Kotak Komentar dan Posting di WordPress CMS</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/membuat-album-foto-pada-wordpress-cms.html">Membuat Album Foto pada WordPress CMS dengan Plugin NextGEN Gallery</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/cara-optimasi-blog-wordpress-bagi.html">Cara Optimasi Blog WordPress Bagi Pemula Dengan Plugin WP-Optimize</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/how-to-activate-akismet-to-your.html">How to Activate Akismet to Your WordPress Blog</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/cara-meningkatkan-pagerank-dan-alexa-di.html">Cara Meningkatkan Pagerank Dan Alexa di WordPress</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/optimalisasi-wordpress-untuk-mesin-cari.html">9 Anti Spam WordPress Plugin</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2011/03/cara-mudah-membuat-blog-wordpress.html">Cara Mudah Membuat Blog WordPress Terkenal</a></div>
<div class="list">
<a href="http://creatingwebsite-maskolis.blogspot.com/2010/12/optimalisasi-wordpress-untuk-mesin-cari.html">Optimalisasi WordPress untuk Mesin Cari</a></div>
</div>
</div>
<div class="Page">
<div class="Pad">
<div class="list">
<a href="http://emikasep18.blogspot.com/">RGP STUDIO</a></div>
<div class="list">
<a href="http://kokokbluk.blogspot.com/">KOKOKBELUK MANJING LONGAN</a></div>
<div class="list">
<a href="http://gancetisuk.blogspot.com/">EMPE TELU WONG BALONG 1</a></div>
<div class="list">
<a href="http://gancetsore.blogspot.com/">EMPE TELU WONG BALONG 2</a></div>
<div class="list">
<a href="http://gancetbegi.blogspot.com/">EMPE TELU WONG BALONG 3</a></div>
<div class="list">
<a href="http://suem1.blogspot.com/">SUEM</a></div>
<div class="list">
<a href="http://mp3playersuem.blogspot.com/">MP3 PLAYER SUEM</a></div>
<div class="list">
<a href="http://gancetawan.blogspot.com/">SUEM BALONG</a></div>
<a href="http://suem.jimdo.com/">SUEM JIMDO</a></div>
    <div class="list">
    <a href="http://mp3playersuem.blogspot.com/">MP3 PLAYER SUEM</a></div>
    <div class="list">
    <a href="http://suembalong.blogspot.com/">SUEM BALONG</a></div>
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
//<![CDATA[
function tabview_aux(TabViewId,id){var TabView=document.getElementById(TabViewId);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);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)}function tabview_switch(TabViewId,id){tabview_aux(TabViewId,id)}function tabview_initialize(TabViewId){tabview_aux(TabViewId,1)}
//]]>
</script>
    <script type="text/javascript">
    tabview_initialize('TabView');
    </script>