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

UNIK

Translate

Cara Membuat Menu Slide Melayang Di Bagian Kiri Blog

BACA JUGA YANG INI :