membuat menu pada samping kiri

langsung aja ya sob

Pada pada postingan kali ini, Ekka akan membahas bagaimana cara membuat menu sidebar blog. Menu di bagian sidebar/ widget / bagian samping kiri atau kanan blog. Menu di bagian blog merupakan komponen
penting dalam Navigasi sebuah blog. Karena tanpa hal tersebut blog kita akan sangat menyulitkan pengunjung, jika pengunjung ingin menjelajahi blog kita. Ada yang memasang Menu dibagian header, dalam hal ini merupakan hal yang umum dilakukan para blogger, nah saat ini Ekka ingin mencoba menjelaskan bagaimana cara memasang menu di sidebar. Silahkan sobat buka blog sobat, jangan lupa untuk login terlebih dahulu

Pilih -> Tata Letak(Page Element) ->Elemen Laman->Tambah Gadget->Kemudian New HTML
Kemudian pastekan code script ini :

<style type="text/css">

#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; /*Ganti warna bacground*/

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;
}
<a href=" ekkagatez.blogspot.com /">Home</a>
<a href="ekkagatez.blogspot.com ”> About us</a>
<a href=" ekkagatez.blogspot.com">Blogger
templates</a>
<a href=" ekkagatez.blogspot.com">Blogger
Tricks</a>
<a href=" ekkagatez.blogspot.com ">Blogger Tools</a>

tips:
• Untuk Mengganti Nama menu yang sobat inginkan silahkan anda mengganti tulisan yang sudah saya beri warna merah tersebut.
• Untuk Mengganti warna border bisa anda ganti script yang sudah saya tandai warna biru.
• Untuk mengganti link menu anda, anda bisa mengganti tulisan yang saya beri warna hijau, atau yang tertulis www.jasa-pembuatan-blog.com
• Untuk menganti warna background cari script di bawah ini ,

background-color: #00000; /*Menu background Color */

silahkan sobat Ekka ganti #00000 dengan warna yang sobat inginkan, bisa menggunakan color picture atau silahkan mengunjungi link ini
http: ekkagatez.blogspot.com/2011/10/low-sobat-ekka-ingin-mengetahui-kode.html
Kemudian klik save

Selamat mencoba sobat Ekka,jangan lupa kasih komentar yah sobb

sumber:www.jasa-pembuatan-blog.com/2010/03/cara-membuat-menu-disidebar-paling.html

Tolong baca Sobat Ekka !

Hay sobat,gimana bacaan artikel diatas,menarik bukan.Tapi inget jangan hanya kopas ya sobb.kasih komentar juga atau isi buku tamunya biar tambah ramai,,makasih sobat thanks

GET UPDATE VIA RSS

GET UPDATE VIA EMAIL

Dapatkan kiriman artikel yang terbaru
Dari Kami langsung ke email anda!

0 komentar:

Posting Komentar

Hai sobat Ekka,kasih komentar kalau tidak mudeng ok . .

Silahkan berikan komentar sobat, kritikan atau saran sobat mengenai artikel di atas untuk mendapatkan backlink gratis dari Your Blog ini. Komentar yang tidak sesuai topik, SPAM, Penghinaan, dsb terpaksa akan Ekka hapus ! Tanks be 4,,.