Cara Membuat Menu Slide melayang di bagian kiri


TautanJangan khawatir scrip ini diyakin tidak membuat blog anda lelet ,,,

Oke Langsung saja Bagaimana Langkah -Langkah Membuatnya :
  1. Login Ke Akun Blogger Sobat
  2. Pada Dasbor Pilih Rancangan/Design Kemudian Pilih Tambah Gadget/Add Gadget Dan Pilih Yg HTML/JAVASCRIPT
  3. Copas Kode Berikut Didalamnya
 <style>#facebook-Fox,#twitter-Fox,#salingsapa-fox,#plurk-fox{text-align:center;-o-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-webkit-transition: all 0.4s ease-in;z-index: 1000;font-family:arial;width:150px;position: fixed;left:0;margin-left:-120px;border:1px solid #ffffff;background-position:top right no-repeat;padding:5px;font:15px Arial;color:#eee;border-top-right-radius:8px;border-bottom-right-radius:8px;-moz-border-radius-topright:8px;-moz-border-radius-bottomright:8px;-webkit-border-top-right-radius:8px;-webkit-border-bottom-right-radius:8px;}#facebook-oktri {background:-moz-linear-gradient(top,#001C5A,#001551);background: -webkit-gradient(linear, left top, left bottom, from(#001C5A), to(#001551));top:350px;}#facebook-oktri:hover,#twitter-oktri:hover,#salingsapa-oktri:hover,#plurk-oktri:hover{width:150px;opacity:1.0;margin-left:0;cursor:hand}#facebook-oktri a:hover,#facebook-oktri a:visited,#twitter-oktri a:hover,#twitter-oktri a:visited,#salingsapa-oktri a:hover,#salingsapa-oktri a:visited,#plurk-oktri a:visited,#plurk-oktri a:hover{text-shadow:none;color:#ffffff}#twitter-oktri {background:-moz-linear-gradient(top,#67C9E9,#029BC5);background: -webkit-gradient(linear, left top, left bottom, from(#67C9E9), to(#029BC5));top:382px;}#salingsapa-oktri{background: #51A104 -moz-linear-gradient(top,#51A104,#000);background: -webkit-gradient(linear, left top, left bottom, from(#51A104), to(#000));top:414px;}#plurk-oktri,#changeoktrihtc ul li{background: -moz-linear-gradient(top, #AF0000, #6B0000);background: -webkit-gradient(linear, left top, left bottom, from(#AF0000), to(#6B0000));}#plurk-oktri {top:446px;}</style>

    <div id='plurk-fox'><a href='http://www.plurk.com/'target='_blank'>Plurk</a></div>

    <div id='salingsapa-fox'><a href='http://www.salingsapa.com/'target='_blank'>Salingsapa</a></div>

    <div id='facebook-fox'><a href='http://id-id.facebook.com/ahmad.strong1'target='_blank'>Facebook</a></div>

    <div id='twitter-fox'><a href='http://twitter.com/Uptus_faktaku'target='_blank'>twitter</a></div>






  • Simpan Dan Lihat Hasilnya

    Perhatian : Jika Menu Slide Tidak Meuncul Sobat Bisa menaruh KOdenya Dibawah Kode <body>

    CATATAN : Ubah KOde Yg Berwarna merah Dengan Url/Link Sobat inginkan


  • 0 Coment "Cara Membuat Menu Slide melayang di bagian kiri", Baca atau Masukkan Komentar

    Posting Komentar