// On :Minggu, 22 Juli 2012




pertama gue mau ngucapin trimakasi buat sahabat gue T i a n (http://n0-galau.blogspot.com/)
yang punya template ini
dengan sedikit modivikasi dari gw,... yaah hasilnya lumayan (y)



 


cari kode dibawah ini:

<li><a href='http://gue-galau.blogspot.com/'><img alt='Home' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7Bm8QgQgba5vdpXce7cFZfn_ZEvJzHegM2Gg0mVaj1NAYFLIS5K1xExTe-DdLXEkx9amjaEceU8wfEVC0lCqWp2PqjY0Wwhp-dYnZe5sJj-yUe4oWP6EiFcVsvDZHtxliFZg6jcAzK-Re/s1600/icon-home.png' title='Home'/></a></li>
<li><a href='#' title='Trick'>Trick</a>
<ul>
<li><a href='#' title='blogger'>blogger</a></li>
<li><a href='#' title='facebook'>facebook</a></li>
<li><a href='#' title='photoshop'>photoshop</a></li>
</ul></li>
<li><a href='#' title='blog content'>blog content</a><ul>
</ul></li>
<li><a href='#' title='JOIN'>JOIN</a>
<ul>
<li><a href='#' title='facebook gue'>facebook gue</a></li>
<li><a href='#' title='grub gue'>grub gue</a></li>
<li><a href='#' title='page gue'>page gue</a></li>
</ul></li>
<li><a href='#' title='Hacking'>Hacking</a></li>
<li><a href='#' title='My Sound Track'>Sound Track</a></li>
<li><a href='#' title='Admin'>IAdmin</a>
<ul>
<li><a href='http://goo.gl/ilzlt' title='Gue-galau.blogspot.com'>Gue-galau.blogspot.com</a></li>
</ul></li>
<li><a href='#' title='Link.Exc'>Link.Exc</a></li></ul>

ganti yang berwarna merah dengan link kalian

untuk memasang connect facebook tinggal copy scripsinya diSINI
dan letakan di  ADD gatget >> HTML/JavaScript



jika ingin merubah tampilan arsip blog menggunaka JQUERY seperti gambar di atas: copy kode di bawah ini
dan letakan di ADD gatget >> HTML/JavaScript


<style type="text/css">
.blogtabs {padding: 0px !important;border: 0 solid #bbb;}
.blogtabs h2 {float: left;margin: 0 2px 4px 0;font-size: 12px;padding: 3px 5px;border: 1px solid #bbb;overflow: hidden;position: relative;background: transparent;cursor:pointer;}
html .blogtabs h2.active {background: #306fc7;}
.blogtabs .widget-content {border: 1px solid #bbb;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.mywapblog.com/files/simpletabviewjquery-js.txt"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#showtabs').simpleBlogTab ({organictabs: 3});
});
</script>
<div id="showtabs"></div>



Perhatikan penempatan scripsinya:



Nb: template ini sedikit berat. jadi jika kalian memasang facebook connect kedalamnya, kemungkinan besar 50%Blog terkunci

utilize the excess 


Leave a Reply

Subscribe to Posts | Subscribe to Comments