Membuat Menu Slide Keren Melayang Di Bagian Samping Kiri Blog

Nehandnews.com - Membuat Menu Slide Keren Melayang Di Bagian Samping Kiri Blog, Kali Ini Nehand akan Membuat Artikel Tentang Blog Lagi. Pada Tutorial ini akan Menjelaskan Tentang Bagaimana Membuat Menu Slide Keren Melayang Di Bagian Samping Kiri Blog dengan css ,

Menu Slide yang saya maksud Ini adalah menu yg ada pada contoh gambar di samping facebook, twitter, dan plurk Nah Menu itu Terletak Dibagian Kiri Blog ,Oke Langsung saja di eksekusi Langkah -Langkahnya :

Login Ke Akun Blogger Sobat
Pada Dasbor Pilih Rancangan/Design Kemudian Pilih Tambah Gadget/Add Gadget Dan pilih tambah gadget - HTML/JAVASCRIPT
Copas Kode Berikut Didalamnya

<style>#facebook-oktri,#twitter-oktri,#salingsapa-oktri,#plurk-oktri{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><br /><div id='plurk-oktri'><a href='http://gudang-kata-mutiara.blogspot.com/'target='_blank'>Gudang Kata</a></div><br /><div id='salingsapa-oktri'><a href='http://gudang-kata-mutiara.blogspot.com'target='_blank'>Gudang kata</a></div><br /><div id='facebook-oktri'><a href='http://id-id.facebook.com/hand2blog'target='_blank'>Facebook</a></div><br /><div id='twitter-oktri'><a href='http://twitter.com/'target='_blank'>twitter</a></div>

Simpan Dan Lihat Hasilnya

Perhatian : Jika Menu Slide Tidak Meuncul Sobat Bisa menaruh Kodenya Di template langsun,tepatnya Dibawah Kode <body>

CATATAN : Ubah Kode Url yang berada di dalam box dengan Url Sobat sendiri. Terimakasih sob atas kunjungan nya..

ADVERTISE

Membuat Menu Slide Keren Melayang Di Bagian Samping Kiri Blog

Related Posts

1 komentar