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/AVvXsEhX3NA_NPYM3QIJlG_HsOqkRiZafI93H7ZZiiRI_IpgII8bU2xuFMyjeBNBQJUMJlH7IGRBMhUuTyRKj8aBIQJfMku-3EHVbqIKDkHbmDs1ZK-ktGbUUDotryX5B1SWSaI3NTGFYZv5ZsU/s1600/home.png);
}
ul#navigation .about a      {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit2gZPsxXYSphYR5f2oB9Ewbd6B440W6eGQG2dkk_z12cslrGBU47u5ksgKsU-fFdvJZJ-HfLXVyJP93KumWrSk3-IVDEeq9WR-p-iDGJAyl-so_fVZPkbEb2FcMSM9tfIZNKGIxvczpg/s1600/konco.png);
}
ul#navigation .rss a      {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5zwJw2x-WYOnekeQ_qMxUYhTOThyurlzf6W9hTJON2A3-6NDjdJtyEXDDH5DvjQo8eCV5udGD_75EOEzIu6R7L13T3NMjFTgIrGPABx1GMQuznbdIy5ukhmV75GqxuOFXD3HxCAkxpVE/s1600/rss.png);
}
ul#navigation .mail a      {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAd1OBNNg_wSp8zr57-Ztzqm1ERcQeeTllqSiIpWxfTI9lRs_b1kkE0X6Y-4n1RGx4T2G4tI7uMP4ilwFQNtvC3hpGR5tnDgYi95bN3Dw9KGlQalasmq5R1IXgjPRhCFLj7jgGZ3YH-58/s1600/mail_receive.png);
}
ul#navigation .facebook a   {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAGT5S0riwvv72l4_D8U6uU3FYki7SjMrlOkDCpMd1uHjjaW9k8FysusceYYh1qG8z-tGRvpB6c-m-um-doWPi9Xnl5l8GdrWVVhclW6jTe4-hREC0waoG-5Eo1mJeFhJhiHryZsCfFkg/s1600/about.png);
}
ul#navigation .twitter a     {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZiRLkZ5jRaWQfArGxB1U-o8l3z_jRAvqXMpO06ax5NclU9LEmMfZ0fJeGny1Z1zQn6zsG_j1f0q7uYNpGOQ62PDiv5n7n32caSzkRJWJxxWPh4g2BdnluIs86l1B8VWShRo-a21tOzUU/s1600/twitter.jpg);
}
ul#navigation .youtube a    {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC6ItIpcby0hxUAMgTu85J7TlGEdStVHWP5G1K6c9CfqNrlXSk-WvRlrK9dCYQDJCvCRpIUHStSR2Ihg3vd7JLjwIsLs7AtgOjXWW1S_u0gA6vN3i4o2FBjN0VmHNv4_LjHSSwYIoRrm8/s1600/You+Tube.png);
}
ul#navigation .googleplus a    {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8TfK56LkYa3ARqWF58bn5n8wTJ5cK4zIS4II-OS_CMgS6xDarcXTOjGrfhyBir1px8tvSHWipcEbOlCmBhYz2r7tR2SATjauSTvg_8LQP2jb9RJU_rTdZyQyNwWwzePWncEug6a_v9fI/s1600/google+plus+circle.jpeg);
}
ul#navigation .yahoo a    {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9TigIGNhfFuL1f0mC7VV8fGl8cB9Tu2hpDNhoOzHI-xVUAtxWmyG_LXIGKHz4vVhxEzV1-2lr_l57N3_dc_RGcoVdwMlLLpl-u-ASRO1nQb-wcDGtpm3HDgXZBCsZ4fUXvREmL8NURy4/s1600/yahoo+icon.jpg);
}

<Script Language='Javascript'>document.write(unescape('%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'));</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>