Cara
Membuat Menu Slide Melayang Di Bagian Kiri Blog - Kali ini saya akan
berbagi tips untuk mempercantik blog yaitu cara membuat Slide melayang
di bagian kiri blog kaya gambar disamping, mau tau caranya ga, kalau mau
silkahkan lihat langkah-langkah nya, tapi pertama-tama kamu harus
mengucapkan
Gimana udah ucapin basmallah nya kalau udah ok lets go
Ini dia Step by step
- Login Ke Blog Kamu.
- Klik Rancangan
- Klik Add Gadget
- Pilih HTML JAVASCRIPT
- Masukin kode di bawah ini ya!
<style>#facebook-teja,#twitter-teja,#salingsapa-teja,#plurk-teja{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-teja {background:-moz-linear-gradient(top,#001C5A,#001551);background: -webkit-gradient(linear, left top, left bottom, from(#001C5A), to(#001551));top:350px;}#facebook-teja:hover,#twitter-teja:hover,#salingsapa-teja:hover,#plurk-teja:hover{width:150px;opacity:1.0;margin-left:0;cursor:hand}#facebook-teja a:hover,#facebook-teja a:visited,#twitter-teja a:hover,#twitter-teja a:visited,#salingsapa-teja a:hover,#salingsapa-teja a:visited,#plurk-teja a:visited,#plurk-teja a:hover{text-shadow:none;color:#ffffff}#twitter-teja {background:-moz-linear-gradient(top,#67C9E9,#029BC5);background: -webkit-gradient(linear, left top, left bottom, from(#67C9E9), to(#029BC5));top:382px;}#salingsapa-teja{background: #51A104 -moz-linear-gradient(top,#51A104,#000);background: -webkit-gradient(linear, left top, left bottom, from(#51A104), to(#000));top:414px;}#plurk-teja,#changetejahtc ul li{background: -moz-linear-gradient(top, #AF0000, #6B0000);background: -webkit-gradient(linear, left top, left bottom, from(#AF0000), to(#6B0000));}#plurk-teja {top:446px;}</style>Widget By http://tejahtc.blogspot.com/
<div id='plurk-teja'><a href='http://blazerracing.blogspot.com/2012/01/informasi-pasang-banner.html'target='_blank'>Ads Banner</a></div>
<div id='salingsapa-teja'><a href='http://blazerracing.blogspot.com/2012/01/link-teman.html'target='_blank'>Friends Link</a></div>
<div id='facebook-teja'><a href='http://www.facebook.com/pages/blazer-blog/193419544081467'target='_blank'>Facebook</a></div>
<div id='twitter-teja'><a href='https://twitter.com/#!/eclipspain'target='_blank'>twitter</a></div>
CATATAN : Ganti Kode yang berwarna Biru dengan url target yang kamu inginkan.
Ganti Kode yang berwarna merah dengan Judul yang kamu inginkan.
Jika ada kesalahan atau kurang paham harap hub saya dan tinggalkan pesan di Kotak Komentar.
SELAMAT MENCOBA
