Blog Tutorial

Tutorial Blog, Cheat Games, Tutorial Ponsel, Tutorial Komputer, Tutorial Browser

Rabu, 23 Desember 2009

Memasang Fixed Menu

Kategori :

Akihirnya libur Telah tiba, saatnya ngebloging sepuasnya sampe pagi . Nah untuk kali ini saya akan memberikan trik Memasang Fixed Menu, Fixed Menu ini cukup bagus untuk mempercantik blog sobat, untuk contohnya silahkan lihat ke kiri blog saya yang ada gambar rumah dan yang lain-lain itu yang di sebut Fixed menu.

Trik ini saya dapatkan dari NiteshKothari, dia adalah blogger dari India yang sangat pandai dalam memainkan blogger hack, nah sekarang kembali ke trik Memasang Fixed Menu, kalau anda ingin memasangnya bisa sobat ikuti langkah-langkah di bawah ini
  1. Seperti biasa login ke blogger
  2. Masuk ke Tata letak ===>> Edit HTML
  3. Sebelum memasukan kode CSS yang nanti saya akan berikan, terlebih dahulu sobat backup template sobat untuk menjaga hal yang tidak di inginkan
  4. Setelah membackup sekarang cari kode ]]</b:skin> lalu taruh kode di bawah ini sebelum kode ]]</b:skin> atau kalau sobat bingung taruh saja di atasnya



    .fixed_menu {
    position: fixed; /*set the position type for non IE systems*/
    top: 140px;
    left: 0px;
    width: auto;
    margin: 0 0px 0px 0px;
    background: #ffffff;
    opacity:.900;
    filter: alpha(opacity=90);
    padding: 7px 5px 5px 5px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 0px;
    }
    .fixed_menu a:hover img {
    position: relative;
    top: 2px;
    left: 2px;
    border-top: 1px solid #b3b3b3;
    border-left: 1px solid #b3b3b3;
    border-bottom: 2px solid #999999;
    border-right: 2px solid #999999;
    }
    .fixed_menu a { display: block; } /*Optional : This puts each link in the menu on a new line, remove if you want a horizontal menu*/
    * html .fixed_menu {position:absolute;} /*IE only change the position mode of the menu*/



  5. Kode yang berwarna merah adalah kode warna yang bisa sobat ganti
  6. Sekarang simpan
  7. nah untuk memasang kode HTML nya, sekarang kita menuju Element Halaman
  8. Setelah berada pada element halaman sekarang tambahkan sebuah gadget ===>> pilih yang HTML/Java Script dan taruh kode di bawah ini kedalamnya



    <div class="fixed_menu">
    <a href="http://oketrik.blogspot.com" title="Home">
    <img src="http://sites.google.com/site/oketrik/oketrik/home.png?attredirects=0"/></a>
    <p></p>
    <a href="mailto:juansah27@gmail.com" title="My Email">
    <img src="http://sites.google.com/site/oketrik/oketrik/Email.png?attredirects=0"/></a>
    <p></p>
    <a href="http://oketrik.blogspot.com/feeds/posts/default" title="Subscribe to feed - Posts">
    <img src="http://sites.google.com/site/oketrik/oketrik/RSS.png?attredirects=0"/></a>
    <p></p>
    <a href="javascript:scroll(0,0)" title="Scroll to top of this page">
    <img src="http://sites.google.com/site/oketrik/oketrik/atas.png?attredirects=0"/></a>
    </div>


  9. Kode yang berwarna merah bisa sobat ganti dengan alamat blog sobat dan alamat gambar sobat

  10. Sekarang simpan dan lihat hasilnya

nah bagaimana dengan Trik Memasang Fixed Menu? mudah bukan dan simple. Apabila anda mengalami kesulitan atau ada permintaan silahkan tinggalkan pesan anda lewat kotak komentar di bawah ini atau lewat Email saya di juansah27@gmail.com. Mungkin hanya segini yang bisa sampaikan kali ini. Tunggu Trik-trik yang lain y.
Bagikan Artikel : Facebook Twitter Google+ Linkedin Technorati Digg

7 Komentar untuk Memasang Fixed Menu

Wih mantep dah.. keep blogging ajah...

ilmu baru neh..thank infonya

wah... keren sob.... buat referensi selanjutnya...

siipphh..akan saia coba. Tp belum bisa sekarang, coz besok ada ujian :(

boz klo menu na horizontal gmna??? coz ini jdi na vertikal... tq info na

ada yg tw ga cra bkin menu media iklan kyk di warungmp3.com??