Minggu, 08 Januari 2012

Cara Membuat Menu Slide Melayang Di Bagian Kiri Blog


By on 12.23

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




BASMALLAH
AMIN.

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

About Syed Faizan Ali

Faizan is a 17 year old young guy who is blessed with the art of Blogging,He love to Blog day in and day out,He is a Website Designer and a Certified Graphics Designer.

4 komentar: