Home » » SIDEBAR-KIRI 2012

SIDEBAR-KIRI 2012

By Ardy Uvorius ™ 12:22 AM  No comments
 SAMPLE : http://testblogirwan.blogspot.com/

LANSUNG SAJA COPAS KE WIDGET KALIAN DAN EDIT YANG BERWARNA
Hyper
Hyper
Claping
Claping
Sleeping
Sleeping
Anguish
Anguish
Very Good
Very Good
Unhappy
Unhappy
Brushing
Brushing
Complaining
Complaining
Smile
Smile
Upset
Upset
Cool Dude
Cool Dude
Victory
Victory
Crying
Crying
Playful
Playful
Love You
Love You
Happy
Happy
Naruto
Naruto
Yondaime
Yondaime
Undecided
Undecided
Stubborn
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/AVvXsEghgC-7XiBtBsHYKsxd4HrHRALLn8KrJU06SYF1nbFwT9tShApJQMcL3ljyAjROsukubCfEOLXCz7V0fVXDdxrbLw75XLQ0XtAY8Zdx1XBhWDbzo6SQKG83Ot6jbGChE0pGzsKIZVe5Ayg/s1600/home.png);
}
ul#navigation .about a      {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6AkdGtzkjziaco-UVNy3nxGgfMdVsGuu48v5v-LN7w1oAb7c_Nl77Ap1bta1HCNpGkOhi3XxFoqQbB-NuDAd-xT0kVqvF-qozIyihg826iKcMoLuAR_mnZTUnF-10qdvVWBnDmmtbFXw/s1600/konco.png);
}
ul#navigation .rss a      {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKj0Y4-WRg9NGgJLW5rqNDAfG00CzDM5qjL7V3VtI0CqX5bvVgZOfIFonb7Mbd7EiiQb2wXpnJi1SAGYK9pm5v6xY_nrwhUP5oVA0-9nQRQizfp6xTZy0rgdJzKUBkyQkEtOnPf8bF218/s1600/rss.png);
}
ul#navigation .mail a      {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVbBrCDJcgYYBuxCYlCuV5e8zeS-f8VoVDWmpkzM3pm_CGGzwpJRdC2_2orpVfjwDQrwjFrTM9b83o3wjHelF_2VhsQCqbEChVZhjyG1555MVA67YNWfpgIWUJRW99-1-Tu2iDHVX2y-c/s1600/mail_receive.png);
}
ul#navigation .facebook a   {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeyoGmIIqFpeEwTcBgaPFngzn7HuOmT_Q-8lh8ytrk-SJFTnEZ4CnkzdXzNxHpeqd4wtJOShlRiR8i72gN6ks-xQ-z86bRA8-uUVuZol0LA67qtZ35oaseWz-4AMgJiU8hsZIvWKaMBdE/s1600/about.png);
}
ul#navigation .twitter a     {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXICPgwBHPl0b-ayuqX4pdAMU92pdUbezuW7k-tPmmq962WN93AH9Jf6RB8kpL2i_ErfitZbTLG62Yrzx0GhJUB7H8aEl0yXyoT-CNA0gkrMDDnDg4L1WRxqA_38PG1oMI3pxFPN5laQg/s1600/twitter.jpg);
}
ul#navigation .youtube a    {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp4U-s7cGCDknC3RctVljoygQbyB-mEkOCzfL1F-aySVSGnLRKJRTrNfQJiqhEq98BFeDh7VGf5DXLkXK7N-DShN0s_uPQs_CntdpCYG3WyhqG_5JxqgnPiWXK83BOIXybw_p1CGqk2IQ/s1600/You+Tube.png);
}
ul#navigation .googleplus a    {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN0TRvQSTRlBcR3sr54BpAMfZzp0GB1lgPEdXXzUP5Sh2bixS5pXQHZ-QnuCsWuP03OZOg6i3jW6p_L3JjSCaPVSY0gysceD3I-P5l03IH3ts7xvoUL6mZ8vD6d-E68DPNx7zYjBIJ6hY/s1600/google+plus+circle.jpeg);
}
ul#navigation .yahoo a    {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKzq3NrMJL8e5hlKfzAtnAbcT3GZyrDW1FIIeHAPMeHuiKPfA7pWJm-MnqnPrfoY1BjVbt-Yzh9dDEGPPhsIC7m2zIV6WVSvpvu4Z72VTVeMSH2y58WetCWRr6suNmgy_uiNg4gM5n51U/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 :


0 Komentar:

Post a Comment