14 March 2010

Cara Membuat Vertikal Bar Menu


Buka akun blogger Anda, dan pergi ke halaman Dashboard > Tata Letak > dan pada halaman Elemen Halaman, klik Add (plus) Gadget kemudian pilih HTML/JavaScript Tambahkan lalu copy kode berikut dan paste di HTML/JavaScript daerah Konten.




<style type="text/css">
/* Made By AllBlogTools.com */
#ddblueblockmenu{ border: 1px solid #000000; /*Main Border Color */border-bottom-width: 0; width: 100%; }
#ddblueblockmenu ul{ margin: 0; padding: 0; list-style-type: none; font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; }
#ddblueblockmenu a{ display: block; padding: 3px 0; padding-left: 9px; width: 94%; /*94% minus all left/right paddings and margins*/ text-decoration: none; color: #ffffff; /* Menu Font Color */ background-color: #2175bc; /*Menu background Color */ border-bottom: 1px solid #90bade; /*Bottom border color */ border-left: 7px solid #1958b7; /*Left border color */ list-style-type:none; }
* html #ddblueblockmenu a{ /*IE only */ width: 94%; /*IE 5*/ width: 94%; /*94% minus all left/right paddings and margins*/ }
#ddblueblockmenu a:hover { background-color: #2586d7; /*Menu background Color On Hover*/ border-left-color: #1c64d1; /*Left border color On Hover*/ }
#ddblueblockmenu div.menutitle{ color: #ffffff; /* Title Font Color */ border-bottom: 1px solid black; padding: 1px 0; padding-left: 5px; background-color: #000000; /*Menu Tite Background Color*/ font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; }
/* Made By AllBlogTools.com */
</style>
<div id="ddblueblockmenu"> <div class="menutitle">Browse</div> <ul> <a href="http://www.allblogtools.com/">Home</a> <a href="http://www.allblogtools.com/about/">About us</a> <a href="http://www.allblogtools.com/category/blogger-templates/">Blogger templates</a> <a href="http://www.allblogtools.com/category/tricks-and-hacks/">Blogger Tricks</a> <a href="http://www.allblogtools.com/blogger-tools/">Blogger Tools</a> <a href="#">Edit</a></* You can copy this line each time you want to add a new element to your menu and change Edit to your text and change# to the url.*/> </ul></div><font size="1">Menu By <a href="http://www.allblogtools.com/">AllBlogTools.com</a></font>


Sekarang klik Simpan Dan Anda selesai, silakan cek blog Anda.


Ket :

background-color: #2175bc; /*Menu background Color */

Selamat Mencoba. Sumber terkait www.allblogtools.com

Cara Membuat Vertikal Bar Menu Rating: 4.5 Diposkan Oleh: Sarifa Marwa

1 komentar:

  1. mantap blognya broderr,...
    mau numpang sebar info nih...
    belajar cari uang di internet dan dapat e-book gratis
    gampang kok caranya dan nggak pake biaya,hanya koneksi internet tentunya.
    inilah bisnis yang bisa di kerjakan dengan sambilan,sambil chatting,facebookan,dan juga twetteran,bisnisnya adalah ptc,dan yang blm tahu apa itu ptc silahkan di download e-booknya.

    ReplyDelete

Komentar Spam, Link Aktif, dan URL Blog Takkan Muncul. Tidak semua pertanyaan sempat/bisa dijawab.