BOX DEBAR DF: Membuat sub-menu Link blogspot

Senin, 09 Januari 2012 di 00.50 |

Membuat sub-menu link blogspot atau yang blogtegal sebut sebagai menu navigasi blogspot contohnya seperti yang terlihat pada blogtegal ini pada bagian atas yang bertuliskan

HOME | WEBHOSTING | TEMPLATE PREMIUM | PPC

Gak ada screenshot lagi mahal membuat menu navigasi blogspot,membuat sub-menu link blogspot

Gak usah panjang lebar kita langsung ke permasalahan utama.

Login ke dashboard blogspot
pilih Rancangan »» Edit HTML
Tempatkan kode CSS berikut diatas kode ]]>
#sub-menu {background:#0000AA; font-size:13px; font-family:verdana,sans-serif; color:#ffffff; overflow:hidden; padding:8px; border:1px solid #BB0000;} #sub-menu a:link {color:#fff;} #sub-menu a:visited {color:#fff;} #sub-menu a:hover {color:#BB0000; text-decoration:none;} #sub-menu ul {margin:0px; padding:0px; text-align:center;} #sub-menu li {display:inline; list-style-type:none; margin:0px; padding:0px;} #sub-menu ul li a, #sub-menu ul li a:hover {font-size:13px; color:#fff; margin:0px; padding:px; text-decoration:none; text-transform:uppercase;} #sub-menu ul li a:hover {color:#BB0000; text-decoration:none;}

kemudian tempatkan kode HTML berikut diatas kode
atau biasanya bertuliskan
HOME

LINK 1

LINK 2

LINK 2

LINK 2
Terakhir simpan tempalate dan lihat hasilnya.

Dari kode diatas akan terlihat seperti tampilan pada blogtegal ini, silahkan sesuaikan kode warna sesuai kehendak kamu pada kode CSS-nya dan Ganti tulisan yang berwarna hijau sesuai kehendak kamu dan ganti alamat blog dengan alamat kamu. Biasanya link yang di pasang pada sub-menu berisi link kategori atau link label. Tapi semuanya terserah kamu mau di beri link apa.
Jika ada yang kurang paham bisa di tanyakan pada kotak komentar, key

Diposting oleh blog debar

0 komentar:

Posting Komentar

BOX DEBAR DF

0 komentar:

Blog Archive

Label

Popular Post

Pengikut

Mengenai Saya

		BOX DEBAR DF
		Membuat sub-menu Link blogspot Senin, 09 Januari 2012 di 00.50 \| Membuat sub-menu link blogspot atau yang blogtegal sebut sebagai menu navigasi blogspot contohnya seperti yang terlihat pada blogtegal ini pada bagian atas yang bertuliskan HOME \| WEBHOSTING \| TEMPLATE PREMIUM \| PPC Gak ada screenshot lagi mahal Gak usah panjang lebar kita langsung ke permasalahan utama. Login ke dashboard blogspot pilih Rancangan »» Edit HTML Tempatkan kode CSS berikut diatas kode ]]> #sub-menu {background:#0000AA; font-size:13px; font-family:verdana,sans-serif; color:#ffffff; overflow:hidden; padding:8px; border:1px solid #BB0000;} #sub-menu a:link {color:#fff;} #sub-menu a:visited {color:#fff;} #sub-menu a:hover {color:#BB0000; text-decoration:none;} #sub-menu ul {margin:0px; padding:0px; text-align:center;} #sub-menu li {display:inline; list-style-type:none; margin:0px; padding:0px;} #sub-menu ul li a, #sub-menu ul li a:hover {font-size:13px; color:#fff; margin:0px; padding:px; text-decoration:none; text-transform:uppercase;} #sub-menu ul li a:hover {color:#BB0000; text-decoration:none;} kemudian tempatkan kode HTML berikut diatas kode atau biasanya bertuliskan HOME LINK 1 LINK 2 LINK 2 LINK 2 Terakhir simpan tempalate dan lihat hasilnya. Dari kode diatas akan terlihat seperti tampilan pada blogtegal ini, silahkan sesuaikan kode warna sesuai kehendak kamu pada kode CSS-nya dan Ganti tulisan yang berwarna hijau sesuai kehendak kamu dan ganti alamat blog dengan alamat kamu. Biasanya link yang di pasang pada sub-menu berisi link kategori atau link label. Tapi semuanya terserah kamu mau di beri link apa. Jika ada yang kurang paham bisa di tanyakan pada kotak komentar, key Diposting oleh blog debar 0 komentar: Posting Komentar Posting Lebih Baru Posting Lama Beranda	Blog Archive Widget By: Forantum javascript:void(0) Label javascript:void(0) (1) Free Shoutbox by ShoutCamp Domain Reseller $6.00 Welcome Survey After Free Registration! Popular Post SURVEI FORUM FB APAKAH SEBAGAI INOVASI PEMBELAJARAN PENDAHULUAN Latar Belakang Secara sederhana inovasi di maknai dengan pembaruan atau perubahan dengan di tandai oleh adanya hal yang baru.... See More ARTIKEL BUKU PRINSIP-PRINSIP BUKU TEKS ARTIKEL INDUSTRI BUKU DI INDONESIA Pemanfaatan E-Book Sebagai Tambahan Sumber Belajar Di Sman 31 Jakarta META ANALISIS Pengikut Mengenai Saya blog debar Lihat profil lengkapku MARVEL and SPIDER-MAN: TM & 2007 Marvel Characters, Inc. Motion Picture © 2007 Columbia Pictures Industries, Inc. All Rights Reserved. 2007 Sony Pictures Digital Inc. All rights reserved. blogger template by blog forum.