0 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/AVvXsEiktNnI1_xOjQkyrHLiaa306vEfBHM1CPWeF21p93ao7Nst8qqlxO04jyLXBFpxuT-w-gpo4UbmAo2OBz29m4VuN0aDlWVro4hwVcRJsKR1Z71qGDLhiZYGl1hU7Po7Qh1Ry1vOpVleSo4/s1600/home.png);
}
ul#navigation .about a      {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6Z8ktpQYqDIqmShA_wOM_G-zsqhPyLzjRal1nxKIqHeDxLmVC3VxRkJFC3Pgd80ekiXz46GhaCltKQ0PLWI_rYZnWseJGemdPVBEjpZ0MvF4oeaYdRq-Bj_Mq1nro1yhPlO0bcbjBjoo/s1600/konco.png);
}
ul#navigation .rss a      {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-3lvyDcqytWYJDetoqsm4kh0QYHYiIglH051zTHXyoFzjifxzniey23QfdrnhTgLTNED1K5YsXMhI7gwdnDbq-sAWonroiGRFVErp9lVhzV_II1ByGmmxd2adp82gjGj91FUVinso5RY/s1600/rss.png);
}
ul#navigation .mail a      {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYm92QfqamEJgGdfgxJ3oz7PhYkBLVI5oQ7BZTGv2LuyQBRMIUTA2m6j6F2ADK27ow81bqdBmM13vEBuz3lftvidQb9qMJehdeFVcOTGqD1ZvrYfs-XD-FbUKTXOPUDi-NelpqoOB-t64/s1600/mail_receive.png);
}
ul#navigation .facebook a   {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpUJFC96g9NdzqqdVIQp9WI8a9AyBvdyvH1X0_z1wDICqyISCizBU4FznHBkTmrPqiw7ctZdU0jwLNdchAUk1BR4VjE4c9o_jTqlFHMM5moM9b3D2lQZdOlceS9vTt6734CNIVCyUkhXM/s1600/about.png);
}
ul#navigation .twitter a     {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_xoVeg3EKaAXIqDYYE9WafpjtAPudWZBvm8P9rb_0VO36jxagJv1kF5DF8U7FTXRqr5zC4w6KRRytmhmMgwhNEVmHJyH9_RDG0jPEVkBIKv1yDI6Qh_9K8fq1_Va4aU_MKEdVIgYAsnk/s1600/twitter.jpg);
}
ul#navigation .youtube a    {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJhbHT5pjXZB68fC8xbEJHbqGX1yqsl3UB2tMlR3hlk2qp1Byzuq9fexfYOiq9s5dc8OhdW8RQyUR2lYEOzNjgqz8Dg1ynqYNHnfPG0GccLpPLtiuK4gMAx4PvHrpTeNDbFo_eUECH1yA/s1600/You+Tube.png);
}
ul#navigation .googleplus a    {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlOrZzlDNPJspySQWIPmP24EG6xS8TgOsPVpsd6xuoN3iOxwKNFdbs2Cc9QBmx6jxf0Uma6Swpd1I8fjnr1i8iWTdv4qsr3FE2JVBu7LYCBpNAcs8glyzTb_hbo01tqXPaJFmFhFTBFtw/s1600/google+plus+circle.jpeg);
}
ul#navigation .yahoo a    {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqCxDjfuWYNlOyRPwwKm2AHY263Nxr8BBIlmgP_n5VF1Xs9boEdnPW7ftcP0sSNxTKyt7XOpwgA7F0U3_WgAN4aMWcJPz8x2yZ8rb1BCsNkGGtqPy94oCQyOb4s0cNwy7PxVD5ZP_0-38/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 :

Artikel Terkait :