0 Membuat menu hidden keren

↔↔↔↔↔↔↔↔↔↔↔↔↔↔↔↔↔↔↔
  Silahkan   Klick   Judul    Posting┘
╩╩╩╩╩╩╩╩╩╩╩╩╩╩╩╩╩╩╩╩╩╩╩╩╩╩╩╩

IKUTI LANGKAH - LANGKAH BERIKUT

1. Login ke Blogger
2. Klik Design > Edit HTML
3. Letakkan kode berikut di atas kode ]]></b:skin>
   
   
   ul#deopradipta2 {
   position: absolute;
   margin: 0px;
   padding: 0px;
   top: 0px;
   left: 200px;
   list-style: none;
   z-index:999999;
   width:721px;
   }
   ul#deopradipta2 li {
   width: 103px;
   display:inline;
   float:left;
   }
   ul#deopradipta2 li a {
   display: block;
   float:right;
   margin-top: -2px;
   width: 100px;
   height: 25px;
   background-color:#transparent;
   background-repeat:no-repeat;
   background-position:50% 10px;
   border:2px solid #000;border-radius:5px;top:0px;box-shadow:0 0 5px #000;
   -moz-border-radius:0px 0px 10px 10px;
   -webkit-border-bottom-right-radius: 10px;
   -webkit-border-bottom-left-radius: 10px;
   -khtml-border-bottom-right-radius: 10px;
   -khtml-border-bottom-left-radius: 10px;
   text-decoration:none;
   text-align:center;
   padding-top:80px;
   opacity: 0.7;
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
   }
   ul#deopradipta2 li a:hnver{
   background-color:#FF0000;
   }
   ul#deopradipta2 li a span{
   letter-spacing:2px;
   font-size:11px;
   color:#000;
   }
   ul#deopradipta2 .aa a{
   background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIfrRaH2Y1zqbLuTsXLLp_HeN6iqDp2gYEuJTD7GTzrPxmpOK-lizTtyl7K8DMnyHUEEVzZD8ymWEldQION4hbYOHx3BU28botULZ9d1AvgFY16Jewkh3uRDiCz6zuZT8XUvSY62iYJS0/s1600/1deo.png);
   }
   ul#deopradipta2 .ab a {
   background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYKle1Wq8syEWZ-bgJ0qf9qA2yoRuKTSUVofoevHiIAMjU6YrrdeBFG0pS8yPzstRZkKxsi7nz4eIbqQjb608Hi97qXrs-CReZ7x-LMOukDXF9eHAf1QoUnQs_vk7fIqK5THGqCZMsdKk/s1600/3deo.png);
   }
   ul#deopradipta2 .ac a {
   background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMXb5JES0NfVQHQ0CNQH-ABifG_YADKezan2IoMYCTHieJN6zMncbfI0PyezsiBdwnyMjzfq-ip1ceMwTgQ-xz7GFcFYtoIY_wRCMVN29IHb7jKX56m7adeQndtT_yujHIX0avtg9pgFM/s1600/2deo.png);
   }
   ul#deopradipta2 .ad a {
   background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2kSagNIJKmx7F-IltXo3BAFBqRG_cCGjxKmJ66t3Fg8heRDbllLVKSkUxuQ7JlZy4FfVGDD9UW4V4oeYJDDzbimkNrsP1aAvf_HSbrKomkUD4PIYhLzQXu2vQ8GDghmsqz3jtsSQDjmc/s1600/6deo.png);
   }
   ul#deopradipta2 .ae a {
   background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW6WBFgRA5MhGFDie_Q0x1PWGlQV4Lf64Fn7E7tj5njsj04Mm0CTXgjf2KwEaVRqCmP5h0gAKEqLJTk2h9lmQ0cFOLrsy-oqVyW8KcymuOUh18b5bU36zmkAq7HuojLQ2IyHtDMc4K2yk/s1600/4deo.gif);
   }
   
   #Ganti kode berwarna Orange dengan link gambar yang kalian inginkan
4. Letakkan kode berikut di bawah  ]]></b:skin>
   
   
   <script src='http://www.vincentcheung.ca/jsencryption/jsencryption.js' type='text/javascript'/>
   <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'/>
   <script src='http://kangdadang.googlecode.com/files/jcolor.js'/>
   <script type='text/javascript'>
   $(function() {
   var d=300;
   $(&#39;#deopradipta2 a&#39;).each(function(){
   $(this).stop().animate({
   &#39;marginTop&#39;:&#39;-80px&#39;
   },d+=150);
   });
   
   $(&#39;#deopradipta2 &gt; li&#39;).hover(
   function () {
   $(&#39;a&#39;,$(this)).stop().animate({
   &#39;marginTop&#39;:&#39;-2px&#39;
   },200);
   },
   function () {
   $(&#39;a&#39;,$(this)).stop().animate({
   &#39;marginTop&#39;:&#39;-80px&#39;
   },200);
   }
   );
   });
   </script>
5. Terakhir letakkan kode berikut di atas kode </body>
   
   
   <script src='http://idub.007sites.com/smile1.js' type='text/javascript'/>
   <ul id='deopradipta2'>
   <li class='aa'><a href='http://dopind.blogspot.com/feeds/posts/default'><span>RSS</span></a></li>
   <li class='ab'><a href='http://www.facebook.com/manchesterunitedd'><span>FACEBOOK</span></a></li>
   <li class='ac'><a href='http://twitter.com/49919491'><span>TWITTER</span></a></li>
   <li class='ad'><a href='http://www.alexa.com/siteinfo/http://dopind.blogspot.com/?p=rwidget#'><span>ALEXA</span></a></li>
   <li class='ae'><a href='http://dopind.blogspot.com/view'><span>VIEW</span></a></li>
   </ul>
   
   #Ganti kode warna Hijau dengan kode link yang kalian ingin pasang
   #Ganti kode warna Putih dengan tulisan keterangan menu
   #Jika ingin mengganti gambar *li class='aa'* kalian bisa ganti di kode  *deopradipta2 .aa a* yang ada di langkah ke 3, begitu seterusnya
6. Klik 'Save Template' , lihat hasilnya dan beri komentar di artikel ini .. makasih :D