SIDEBAR-KIRI 2012 SIDEBAR-KIRI 2012

 SAMPLE : http://testblogirwan.blogspot.com/

LANSUNG SAJA COPAS KE WIDGET KALIAN DAN EDIT YANG BERWARNA

Hyper

Claping

Sleeping

Anguish

Very Good

Unhappy

Brushing

Complaining

Smile

Upset

Cool Dude

Victory

Crying

Playful

Love You

Happy

Naruto

Yondaime

Undecided

Stubborn

JANGAN LUPA KASIH COMENTAR !!

<style type="text/css">
ul#navigation {
position:fixed;
margin: 0px;
padding: 0px;
top: 55px;
left: 0px;
list-style: none;
z-index:9999;
}
ul#navigation li {
width: 100px;
}
ul#navigation li a {
display: block;
margin-left: -2px;
width: 100px;
height: 50px;
background-color: #ffffff;
background-repeat:no-repeat;
background-position:center center;
border:1px solid #fff;
-moz-border-radius:0px 10px 10px 0px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-top-right-radius: 10px;
-khtml-border-bottom-right-radius: 10px;
-khtml-border-top-right-radius: 10px;
-moz-box-shadow: 0px 4px 3px #000;
-webkit-box-shadow: 0px 4px 3px #000;
opacity: 0.9;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}
ul#navigation .home a{
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbrxlZxVTzbPtlqFG2yMjIjqigzoPddC21c0kewiKMggQMG56W9Wt_KTtRRWn1Ddc_cfEuBQG1VOYRPZ5IeGQMcMAnnwCSV_s-NDoJMNAE-3XoWVAXL2F45QriP-JnCMI8V2hNmXtFZw/s1600/home.png);
}
ul#navigation .about a      {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiosWhgLkYp79TZwuLiPWaqEj9In_3gPdruqVPbfDa6qUX2L2mNWo9sBIarTWZQiS6iyOHIZvRb8nSkmiXZPXmXDaQaoC5sTIDoqruhkS3WL6P7HwIfPkngcH-WxEMzi4om6MvLtc8JIg/s1600/konco.png);
}
ul#navigation .rss a      {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMlPwW8PEzB2PzsEuDDGjt66THrEi440OwtNpieN-4aUons5OupWcmEcSdBFtQtBDYOSN4joM0DbDKJXP7m1ZVLv4szpGAhrqdoDUzFpoH2jnNBD4JmPunNtULNMcDzgOvldhBYlSMNQ/s1600/rss.png);
}
ul#navigation .mail a      {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUZvkMC3sZeKlV1UiDs6GoHpz84HmThBEHkJn6Eyk9TNfZ2uTJ7qwD6NjlLHFqonx50A70RTM3t9WlKEdsHGYNFNZrYjA2dBio6_9uwX-E5a9j8AgChAMa9s0mnLM-Jo11OpSZAetP2Q/s1600/mail_receive.png);
}
ul#navigation .facebook a   {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyNkirtTFJAvRqxkxvsJ-uoS7K5uBTeQ_L6qqgw69XszzPzvmHZrgf2TPU7lx5mPOtSN6FgMpX-Jz4YiQXkyKVUhwMcghw-C_3ShQsx6nfwsT-pQjnrk2BpNC0WZi_aSMeTR3CJPnjuA/s1600/about.png);
}
ul#navigation .twitter a     {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrFXQFK6OEFb7LpLdLrIUPEDr5-QLuBrbxRFDVGwDoN6DPw-HBiYYriWtwg4z2ISiVraH9TnoZx6QuAqQWUDHu0BZuhVVpBXEhZlgJ7S-P6m5L861XKySHQSKwNdkXQoSLzPjcwfOXPQ/s1600/twitter.jpg);
}
ul#navigation .youtube a    {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQRT2wJ47iU0Zgbzb4AtOehr51cnSStKG2ARUhwO6k-SIx8z6fLgX3-GX3UW7D3svJYVkeZpdk7UJUvhuyCUcA9xnGiMFN0HHwXnrTFFsEQNA6G5_xXp-SAEOnw_Am4IAon1aZ8qpg4g/s1600/You+Tube.png);
}
ul#navigation .googleplus a    {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkvEIHdoJrRIQsyWNqFQ25XhGm0UvyasnqtydNNfADF4OE6UhV2hoYFQd3tPbk2A2TvXZForiEnIlUbUwf-ahsivxX7KnmPHHU52tAHuhbqWY8NZrxLK9vFgTugOxlTuA45WykUXwXqw/s1600/google+plus+circle.jpeg);
}
ul#navigation .yahoo a    {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP5OfnQx_Kd3onXfr2aR3H4C80lBw81whg1BF2ZNxbHS1KGvlMGQiifJG0aveOxTOmt1EkxWBqzZ2Ha5p_RJw-qXhGZc2aiTtQVTjAihShRfg8J0Qh9hwoLs8QOpzd-oBuabJR7VBreQ/s1600/yahoo+icon.jpg);
}
<!-- jquery.min.js-->
<Script Language='Javascript'>document.write(unescape(&#39;%3C%53%63%72%69%70%74%20%4C%61%6E%67%75%61%67%65%3D%27%4A%61%76%61%73%63%72%69%70%74%27%3E%64%6F%63%75%6D%65%6E%74%2E%77%72%69%74%65%28%75%6E%65%73%63%61%70%65%28%27%5C%78%33%43%5C%78%36%39%5C%78%36%44%5C%78%36%37%5C%78%32%30%5C%78%37%33%5C%78%37%32%5C%78%36%33%5C%78%33%44%5C%78%32%32%5C%78%36%38%5C%78%37%34%5C%78%37%34%5C%78%37%30%5C%78%33%41%5C%78%32%46%5C%78%32%46%5C%78%37%34%5C%78%36%39%5C%78%37%34%5C%78%36%31%5C%78%36%45%5C%78%36%39%5C%78%36%33%5C%78%32%44%5C%78%36%33%5C%78%37%39%5C%78%36%32%5C%78%36%35%5C%78%37%32%5C%78%32%45%5C%78%36%32%5C%78%36%43%5C%78%36%46%5C%78%36%37%5C%78%37%33%5C%78%37%30%5C%78%36%46%5C%78%37%34%5C%78%32%45%5C%78%36%33%5C%78%36%46%5C%78%36%44%5C%78%32%46%5C%78%32%32%5C%78%32%30%5C%78%36%31%5C%78%36%43%5C%78%37%34%5C%78%33%44%5C%78%32%32%5C%78%32%32%5C%78%32%30%5C%78%36%32%5C%78%36%46%5C%78%37%32%5C%78%36%34%5C%78%36%35%5C%78%37%32%5C%78%33%44%5C%78%32%32%5C%78%33%30%5C%78%32%32%5C%78%32%30%5C%78%32%46%5C%78%33%45%5C%78%33%43%5C%78%37%33%5C%78%37%30%5C%78%36%31%5C%78%36%45%5C%78%33%45%5C%78%33%43%5C%78%36%31%5C%78%32%30%5C%78%36%38%5C%78%37%32%5C%78%36%35%5C%78%36%36%5C%78%33%44%5C%78%32%32%5C%78%32%32%5C%78%32%30%5C%78%37%33%5C%78%37%34%5C%78%37%39%5C%78%36%43%5C%78%36%35%5C%78%33%44%5C%78%32%32%5C%78%36%33%5C%78%36%46%5C%78%36%43%5C%78%36%46%5C%78%37%32%5C%78%33%41%5C%78%36%37%5C%78%37%32%5C%78%36%31%5C%78%37%39%5C%78%32%32%5C%78%33%45%5C%78%41%39%5C%78%32%30%5C%78%33%32%5C%78%33%30%5C%78%33%31%5C%78%33%32%5C%78%33%43%5C%78%32%46%5C%78%36%31%5C%78%33%45%5C%78%33%43%5C%78%32%46%5C%78%37%33%5C%78%37%30%5C%78%36%31%5C%78%36%45%5C%78%33%45%5C%78%33%43%5C%78%36%39%5C%78%36%44%5C%78%36%37%5C%78%32%30%5C%78%37%33%5C%78%37%32%5C%78%36%33%5C%78%33%44%5C%78%32%32%5C%78%36%38%5C%78%37%34%5C%78%37%34%5C%78%37%30%5C%78%33%41%5C%78%32%46%5C%78%32%46%5C%78%36%36%5C%78%37%32%5C%78%36%35%5C%78%36%35%5C%78%36%44%5C%78%36%46%5C%78%37%32%5C%78%36%35%5C%78%36%36%5C%78%36%31%5C%78%36%33%5C%78%36%35%5C%78%36%32%5C%78%36%46%5C%78%36%46%5C%78%36%42%5C%78%36%33%5C%78%37%32%5C%78%36%35%5C%78%36%34%5C%78%36%39%5C%78%37%34%5C%78%37%33%5C%78%32%45%5C%78%36%32%5C%78%36%43%5C%78%36%46%5C%78%36%37%5C%78%37%33%5C%78%37%30%5C%78%36%46%5C%78%37%34%5C%78%32%45%5C%78%36%33%5C%78%36%46%5C%78%36%44%5C%78%32%46%5C%78%32%32%5C%78%32%30%5C%78%36%31%5C%78%36%43%5C%78%37%34%5C%78%33%44%5C%78%32%32%5C%78%32%32%5C%78%32%30%5C%78%36%32%5C%78%36%46%5C%78%37%32%5C%78%36%34%5C%78%36%35%5C%78%37%32%5C%78%33%44%5C%78%32%32%5C%78%33%30%5C%78%32%32%5C%78%32%30%5C%78%32%46%5C%78%33%45%5C%78%33%43%5C%78%36%39%5C%78%36%44%5C%78%36%37%5C%78%32%30%5C%78%37%33%5C%78%37%32%5C%78%36%33%5C%78%33%44%5C%78%32%32%5C%78%36%38%5C%78%37%34%5C%78%37%34%5C%78%37%30%5C%78%33%41%5C%78%32%46%5C%78%32%46%5C%78%36%38%5C%78%36%31%5C%78%36%43%5C%78%36%31%5C%78%36%42%5C%78%36%38%5C%78%36%39%5C%78%37%34%5C%78%36%31%5C%78%32%44%5C%78%36%33%5C%78%37%39%5C%78%36%32%5C%78%36%35%5C%78%37%32%5C%78%32%45%5C%78%36%32%5C%78%36%43%5C%78%36%46%5C%78%36%37%5C%78%37%33%5C%78%37%30%5C%78%36%46%5C%78%37%34%5C%78%32%45%5C%78%36%33%5C%78%36%46%5C%78%36%44%5C%78%32%46%5C%78%32%32%5C%78%32%30%5C%78%36%31%5C%78%36%43%5C%78%37%34%5C%78%33%44%5C%78%32%32%5C%78%32%32%5C%78%32%30%5C%78%36%32%5C%78%36%46%5C%78%37%32%5C%78%36%34%5C%78%36%35%5C%78%37%32%5C%78%33%44%5C%78%32%32%5C%78%33%30%5C%78%32%32%5C%78%32%30%5C%78%32%46%5C%78%33%45%27%29%29%3B%3C%2F%53%63%72%69%70%74%3E&#39;));</Script>
</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript">
</script>
<script src="http://widget-irwanrinaldipurba.googlecode.com/files/code.js" type="text/javascript">
</script>




<div class="header">
</div>

<div class="scroll">
</div>

<iframe frameborder="0" scrolling="no" src="https://www.facebook.com/plugins/like.php?href=http://www.facebook.com/POINTBLANKINDONESIAINDONESIA" style="border: none; height: 80px; width: 55px;"></iframe>

<ul id="navigation">
<li class="home"><a href="" title="http://halakhita-cyber.blogspot.com"></a></li>
<li class="about"><a href="http://www.blogger.com/" target="_blank" title="About us"></a></li>
<li class="rss "><a href="http://titanic-cyber.blogspot.com/feeds/posts/default" target="_blank" title="Rss feed"></a></li>
<li class="mail"><a href="http://facebook.com/messages/100000022074083" target="_blank" title="Contact Me"></a></li>
<li class="facebook"><a href="http://fb.com/rinaldi.xirwanx" target="_blank" title="Follow us on facebook"></a></li>
<li class="twitter"><a href="http://twitter.com/irwan_cyber" target="_blank" title="Follow us on twitter"></a></li>
<li class="youtube "><a href="http://youtube.com/youaldisparrow" target="_blank" title="Follow Us on Youtube"></a></li>
<li class="googleplus "><a href="http://plus.google.com/103824949839873451127" target="_blank" title="Follow Us on google plus"></a></li>
<li class="yahoo"><a href="http://plus.google.com/103824949839873451127" target="_blank" title="YM Irwan Rinaldi Purba"></a></li>
</ul>

<script type="text/javascript">
$(function() {

$('#navigation a').stop().animate({'marginLeft':'-85px'},1000);

$('#navigation > li').hover(

function () {

$('a',$(this)).stop().animate({'marginLeft':'-2px'},200);

},

function () {

$('a',$(this)).stop().animate({'marginLeft':'-85px'},200);

}

);

});
</script>

SEMOGA BERMANFAAT =))

SOURCE :