Jay share

ini screenshotnya 

nah untuk melihat live demonya silahkan lihat aja di blog sini

ayo bagi yang penasaran dengan Menu Melayang ala Dode-XP cekidot kita lihat cara membuatnya!

1. Login ke blogger.
2. Pada Dasbor klik Rancangan, kemudian klik Edit HTML.
3. Lalu carilah kode ]]>
 setelah mencari kode ]]>
 silahkan masukan kode dibawah ini tepat di atas kode ]]>
 ini :

#menu {background:#000;z-index:100;top:0;left:0;width:100%;overflow:none;position:fixed;margin:0 0 4px;padding:8px 0 6px;margin: 0; padding: 0; font-weight: bold; background:#000; height: 36px; font: 18px/27px Agency FB, sans-serif;text-transform: uppercase;border-bottom:3px solid red;}#menu ul {;margin: 0 auto; padding: 5px; width: 70%; list-style: none;}#menu ul li {;display: inline; margin: 0; list-style: none; white-space: nowrap; padding: 0;border-left:1px solid #222}#menu ul li a {color: #fff; border-bottom: none; padding: 6px 10px; margin: 0; text-decoration: none;}#menu .right{font-family:verdana,Arial,Helvetica,sans-serif;float:right;text-align:center;font-weight:400;font-size:10px;letter-spacing:0;width:30px;white-space:nowrap}#menu .right a{font-size:10px;color:#fff;text-decoration:none}#menu .right a:hover{font-size:10px;color:#fff;text-decoration:none}#left_bar a{background:url(http://1.bp.blogspot.com/_C6KkooKXCEw/TIBf3E-mUfI/AAAAAAAAGwM/EoxAFDlcdr4/s200/feed-c.png) no-repeat;font-weight:700;text-decoration:none;color:#fff;padding:0 0 10px 23px}#menu #berikut_dan_sebelumnya {float: right;}#menu #berikut_dan_sebelumnya a {padding: 6px 10px; margin-top: 0;}#menu ul li a:hover, #menu ul li a:active, #menu ul li.current_page_item a {color: #fff; border-bottom: none; background-color: #900;-webkit-transition: all .5s ;-moz-transition: all .5s ;-o-transition: all .5s ;transition: all .5s;text-shadow:0px 0px 10px #ccc,0px 0px 30px #fff;-moz-transform:translate(-3em, 0pt);-webkit-transform:translate(-3em, 0pt);-moz-border-radius-topleft: 0px;-moz-border-radius-topright: 10px;-moz-border-radius-bottomright: 0px;-moz-border-radius-bottomleft: 10px;-webkit-border-top-left-radius: 0px;-webkit-border-top-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-webkit-border-bottom-right-radius: 0px;-moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2);}

4. Kemudian carilah kode dan letakan kode dibawah ini tepat dibawah kode
 

• NAMA LINK

  

5. Jangan lupa disimpan.

Untuk menambahkan menu kamu bisa menambahkan kode

NAMA LINK

sampai berapa aja boleh pokoknya terserah (soalnya jelasinnya susah) dan jangan lupa ganti tulisan LINK YANG AKAN KAMU TUJU dengan link yang akan kamu tuju kemudian nama linknya silahkan disesuakan sendiri.

Terima kasih dan semoga bermanfaat




Sumber : dode-xp