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/AVvXsEhVie6BOeZd_wGOhkaYtV2DX5Gro-4WiSFac42txgbvArVzFiXXtLmKUQDfT27OZ9LbvgEQv_U1UH6_g6bNeEvp6TXKfL0bqoyr_3v62Ew1fodxjaVnn9OSaUNVDEixud2WQkxJq5Qj4vA/s1600/home.png);
}
ul#navigation .about a      {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik1WVsS0qF6rD_l1zauazmq9mwr4gJp6GfAoRFIpM5hWwnVUKxdFplnEGQpMPNhB0RwRt8Wou109MBtYTWplKSw40yNr0YzeqmwRw1GmXD_QuLvp-kBBZkeKaRTNPP20Pb0N8_zzbWojw/s1600/konco.png);
}
ul#navigation .rss a      {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTluDPXhbzwVVQNEdJUtL9MIBSI3PWpKerH-NsS4-FwywJVxSQYSrGPooc1m07fmI0vHTsUVu9X4W-mtltOOFRlcCbgFiMqsLIlsxE-9vr8pJ1d6LfEGc6pe3LgqUUxL6oxKS7ZwGGyP4/s1600/rss.png);
}
ul#navigation .mail a      {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBP7COgRB8blL_sI4MdFgP4UzjNZY7xORN_llXW9yegkeSljnZSTyss8jHfS259TVquw_aUYrP7pgWmWshACHtG_PfGcprPqz2BxM40U5yDxBO6UfFGTkC3TpY1W-e_NQbNFQXUaq3mEU/s1600/mail_receive.png);
}
ul#navigation .facebook a   {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNRIjhkEGv5Gh3IY4m1TUvc_Gk5G9AX_MV9wV3-0VGNl_irfW3fUSQDqHOjbyEVmm7JvQWVZB_Wr-ngD2F0h0pJo8dfcFtUkEXzue-xd2O3L62N7sATBXSO891fdCnKM6xZx1gAUI2Q78/s1600/about.png);
}
ul#navigation .twitter a     {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4IfeI7iJ4VSDjao7THn8xfyh_RGxfCkq8QWt8_QxEewrgJ-iY0ziXE9olynmmtATRFN1YBtHfYKoYpoxKowb30J0kufSicknGgBSvZmaiwjEmR9hcyEEKOaVrAZ1aPWcQM3JhbPOWRPE/s1600/twitter.jpg);
}
ul#navigation .youtube a    {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV_X0sW-p7Fr7yx461eIJTijYdFJ4w-_zGyGHUrS8PMn9k3WsUfx1JX8S3DhYNB2_FXX59gXsHTm2P0MK-9JEEY2nUK0QQFMN2m3xoQfoYUiIr_XtRsA0MkKrmEgeND_x13eMGk0Bj1IM/s1600/You+Tube.png);
}
ul#navigation .googleplus a    {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhQQ_IPqEx4RYRd4AkqsuRP3Lef5l165nNz6cMn6sdRqdK1n6SIkte492mcJmugOgSXroL4s05x7RVnGDaixvKkLEA5nNTNY_dyL6HnxpX-TirPCSVrvFlJZcsOXIWuc6WXmRFFaFjD0o/s1600/google+plus+circle.jpeg);
}
ul#navigation .yahoo a    {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRjl3a5ZQaA4XB3BJSCtG6EylHfvIO5bma0bWK6n1WwLeIgGbw9sQ3crnZgGRJdfPJfqFTcig8F1vg59amVTDbv-C30CwnxsewGmaPirFkzlGLXgGX1Y6CVcHSw1SSkdchnueXe8ML2v0/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 :

"Terima kasih anda telah membaca artikel SIDEBAR-KIRI 2012. Tak lengkap rasanya jika kunjungan anda di eastjavablogs tanpa meninggalkan komentar. Untuk itu silahkan berikan tanggapan anda pada kotak komentar di bawah. Semoga artikel SIDEBAR-KIRI 2012 ini bermanfaat untuk anda".