Tab View Make It Now!| New

Kalian tahu apa itu tab viewkan?,yip betul banget menu yang ada tab diatasnya dengan desain unik dan asik tentunya,kali ini kang dighca akan ngeshare cara buat tab view,tab view ini sangat berguna selain mempermudah dan mempercantik tampilan blog,pengunjung sering mampir ke blog agan :)
Pingin pasang?
Kalian tinggal copas coding CSS dan HTMLnya di tata letak kemudian pilih html java script paste disitu.simple kan?

"CSS"

<style> /*menu Tab Views*/ body { background-color:#eee; } div.TabView div.Tabs{width:auto;text-align:center; } div.TabView div.Tabs a {background:#029bba;padding:5px;border-radius:5px 5px 0 0;border:5px #ddd;text-decoration: none; font:bold 13px georgia;color:#000; } div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active {background-color: #313437;font-style:italic; } .Pages {width:auto;height:320px;border:4px double #ddd;background:#029bba;overflow:hidden;margin-top:6px;color:#000; } .Page {width:auto;height:300px;overflow:auto; } .Page a{color:#000; } /*NEW POST*/ #rp_plus_img{width:auto;height:300px;overflow:hidden;font-size:14px;color:#000;padding:5px; } #rp_plus_img ul{list-style-type:none;margin:0;padding:0; } #rp_plus_img li{border:1px; margin:0; padding:0; list-style:none; } #rp_plus_img li{height:48px;padding:5px;list-style:none;border-radius:10px;border:1px solid #000;-moz-box-shadow:inset 0 0 30px #000;-webkit-box-shadow:inset 0 0 30px #000;box-shadow:inset 0 0 30px #000; } #rp_plus_img .news-title{display:block;font-size:14px;font-weight:bold;text-align:center;text-transform:uppercase; } #rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal;color:#000;text-align:left;text-transform:capitalize; } #rp_plus_img img{float:left;margin-right:14px;padding:2px;width:40px;height:35px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:4px double #000; } /*Archive*/ .judul-label{background-color:#424242;text-align: center;padding:5px;font:bold 16px Baumans;text-transform:uppercase;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 10px #000;-moz-box-shadow:1px 1px 10px #000;box-shadow:0 1px 10px #000;color:#ddd;border:2px solid #000; } .data-list a{font-size:14px; } </style> <script src="https://problogizjs.googlecode.com/files/cooltabmenu.js" type="text/javascript"> </script>

"HTML"

 <form action="tabview.html" method="get"> <div class="TabView" id="TabView"> <div class="Tabs"> <a href="">NEW POST</a><a href="">CATEGORY</a><a href="">NEW COMMENT</a></div> <div class="Pages"> <div class="Page"> <script src="http://slide-show-vertikal.googlecode.com/files/Slideshow%20Post.js" type="text/javascript"></script> <script type="text/javascript"> var speed = 1500; var pause = 3500; $(document).ready(function(){ rpnewsticker(); interval = setInterval(rpnewsticker, pause); }); </script> <br /> <ul id="rp_plus_img"> <script> var numposts = 5; var numchars = 20; </script> <ul id="rp_plus_img"><script> var numposts = 6; var numchars = 70; </script> <script src="http://cyberjellyfishteam.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"> </script></ul> </div> <div class="Page"> <div style="overflow:auto;width:auto;height:450px;padding:10px;border:1px solid #eeee"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> <link rel="stylesheet" media="screen" href="http://reader-download.googlecode.com/svn/trunk/acc-toc-labelsort-default.css" type="text/css" /> <script type="text/javascript"> var showNew = true, accToc = true, openNewTab = true, maxNew = 10, baru = "Baru!", sDownSpeed = 600, sUpSpeed = 600; </script> <script type="text/javascript" src="http://reader-download.googlecode.com/svn/trunk/hompishive-labels-v1.js"></script> <script src="http://cyberjellyfishteam.blogspot.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script> </div> <div class="Page"> </div>
Nb: Ubah alamat "http://cyberjellyfishteam.blogspot.com/ dengan url ente.uye faham?
Bye ^^