UNIK

Translate

Cara Membuat Menu Slide Melayang Di Bagian Kiri Blog

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>
<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>
Widget By http://tejahtc.blogspot.com/

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

BACA JUGA YANG INI :

Related Posts Plugin for WordPress, Blogger...