nah ni dia yang shobat galauers tunggu-tunggu,,
dari pada saya begadang gak membawa hasil
mending iseng-iseng ngebuat template :p
kali ini saya share template baru ala galauers gitu
di jamin mempunyai banyak kelebihan deh. dan gak bakalan nyesel menggunakan nya
soo......
DEMO DOWNLOAD
letakan kode berikut tepat di atas POPULER/POST/LABELS
atau bisa lihat pada gambar
ini kodenya
<style type="text/css"> .blogtabs {padding: 0px !important; border: 0 solid #ccc;} .blogtabs h2 {float: left;margin: 0 2px 4px 0;font-size: 12px;padding: 3px 5px;; border: 1px solid #ccc;overflow: hidden;position: relative;background: #ccc;cursor:pointer;} html .blogtabs h2.active {background: #06f url(http://images2.layoutsparks.com/1/204660/green-ness-animated-lines.gif);} .blogtabs .widget-content { border: 1px solid #ccc;padding: 10px;background: #transparent;clear:both;margin:0;} .btab, #showtabs {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="http://gue-galau.googlecode.com/files/SimpleTabViewJQuery.js.txt"></script> <script type="text/javascript"> $(document).ready(function() { $('#showtabs').simpleBlogTab ({organictabs: 3}); }); </script> <div id="showtabs"></div>
NB: Berikut yang perlu kalian rubah
<div id='bitnav'> <div id='bitnav-left'> <ul id='bitnav'> <li><a href='http://gue-explorethearchive.blogspot.com/'>HOME</a></li> <li><a href='http://gue-explorethearchive.blogspot.com/'>ABOUT</a></li> <li><a href='http://gue-explorethearchive.blogspot.com/'>CONTACT</a></li> <li><a href='http://gue-explorethearchive.blogspot.com/'> A L L POST</a></li> </ul> </div> </div>
<center> <div id='navigation'><ul id='nav'> <li class='page_item'><a href='http://gue-explorethearchive.blogspot.com/' title='click'><marquee align='center' direction='rifht' scrollamount='2'> GALAUERS1 </marquee></a></li> <li class='page_item'><a href='http://gue-explorethearchive.blogspot.com/' title='click'><marquee align='center' direction='rifht' scrollamount='2'> GALAUERS2 </marquee></a></li> <li class='page_item'><a href='http://gue-explorethearchive.blogspot.com/' title='click'><marquee align='center' direction='rifht' scrollamount='2'> GALAUERS3 </marquee></a></li> <li class='page_item'><a href='#' title=' Categories'><marquee align='center' direction='left' scrollamount='2'> GALAUERS4 </marquee></a> <ul> <li class='cat-item cat-item-5'><a href='http://gue-explorethearchive.blogspot.com/' target='_blank'>GALAUERS-1</a></li> <li class='cat-item cat-item-5'><a href='http://gue-explorethearchive.blogspot.com/' target='_blank'>GALAUERS-2</a></li> <li class='cat-item cat-item-5'><a href='http://gue-explorethearchive.blogspot.com/' target='_blank'>GALAUERS-3</a></li> <li class='cat-item cat-item-1'><a href='http://gue-explorethearchive.blogspot.com/' target='_blank'>GALAUERS-4</a></li> <li class='cat-item cat-item-1'><a href='http://gue-explorethearchive.blogspot.com/' target='_blank'>GALAUERS-5</a></li> </ul></li> </ul></div> </center>
MERAH ganti dengan URL/LINK shobat
sedangkan yang berwarnah ORANGE ganti dengan nama menu shobat
Good write-up. I certainly appreciate this website. Continue the good work!
BalasHapusAlso visit my page todosuizacomes