membuat menubar

MEMBUAT MENU BAR

1. Login pada blogger
2. masuk ke halaman Template
3. Edit HTML lalu Lanjutkan
4. Klik centang pada Expand Template Widget
5. Cari kode ]]></b:skin> (gunakan ctrl+f)
6. Pasang kode di bawah ini di atas kode ]]></b:skin>

#menubar{
width:900px;
height:32px;
background:#000fff;
float:center;
margin-bottom:10px;
}
#menubar ul{
float:left;
margin:0;
padding:0;
}
#menubar li{
float:left;
list-style:none;
margin:0;
padding:0;
}
#menubar li a, #menubar li a:link{
border-right:1px solid #F0512D;
float:left;
padding:8px 12px;
color:#fff;
text-decoration:none;
font-size:13px;
font-weight:bold;
}
#menubar li a:hover, #menubar li a:active, #menubar .current_page_item a  {
color:#ffffff;
text-decoration:underline;
}
#menubar li li a, #menubar li li a:link, #menubar li li a:visited{
font-size: 12px;
background: #00ff11;
color: #fff;
text-decoration:none;
width: 150px;
padding: 0px 10px;
line-height:30px;
}
#menubar li li a:hover, #menubar li li a:active {
background: #F0512D;
color: #ffa500;
}
#menubar li ul{
z-index:9999;
position:absolute;
left:-999em;
height:auto;
width:170px;
margin-top:32px;
border:1px solid ##F0512D;
}
#menubar li:hover ul, #menubar li li:hover ul, #menubar li li li:hover ul, #menubar li.sfhover ul, #menubar li li.sfhover ul, #menubar li li li.sfhover ul{
left:auto
}
#menubar li:hover, #menubar li.sfhover{
position:static
}

7. Selanjutnya cari kode <div id='content-wrapper'>
8. Pasang kode di bawah ini di Atas kode yang bercetak tebal pada no 7

<div id='menubar'>
<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
</ul>
</div>

9. Simpan Template dan lihat hasilnya

Untuk membuat sub menu (menu dropdown) agar mudah ganti saja kode pada no 8 dengan kode di bawah ini

<div id='menubar'>
<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a>
<ul>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
<li><a href='http://blognya-reggy.blogspot.com/'>Edit me</a></li>
</ul></li>
</ul>
</div>

Keterangan:

• Ganti tulisan yang berwarna Merah dengan url link menubar yang diinginkan, misal: link postingan, link kategori, link halaman statis atau lainnya
• Ganti tulisan berwarna Biru  dengan tulisan judul menubar tersebut, seperti: About, Contact, Guest book atau lainnya
• Untuk mengubah panjang menubar bisa sobat ganti tulisan 900px menjadi sesuai dengan keinginan sobat
• Nah, jika ingin menambah item menubar (list), sobat hanya tinggal Copy kode yang bergaris bawah, dan Paste di bawah kode yang bergaris bawah tersebut.

Gedung Putih

Gedung Putih

(Linatul Maftukhah)

Griya adelia,

emm, buat para sahabat ku pasti nama itu dah gak asing lagi, benar banget itu kost2n ku.

seribu kisah di rumah itu yg tak kan pernah ku lupakan bahkan slalu ku rindukn stiap saat.

em, langsung aja mulai ya??

awalnya rumah itu emang kost2n dari dlu tpi udah di tutup selama 12th, smpai suatu ketika tersebar brosur ttg adanya rumah kost baru

kebetulan banget tu aku dah bosen ma kost ku yg dult tapi aku kagak nglirik sama sekali, sampai pada waktu itu aku ketemu mb Dhini temen kost ku dulu yg udah aku anggap sbagai kakak ku sendri, sejak dulu aku pengen banget punya kakak maklumlah aku anak pertama jdi ya kagak punya kakak, hehe

ee, ternyat dia juga pengen kost lagi soalnya dah kls3 kan capek kalau hrs laju, terus dia ngajak aku buat cari kost bareng tapi ttp aja gak nemu yg cocok.

Terus ada info ne, Rizka yg msh saudara ma mb Dhini mau skolah d skolhnku terus dia jga meh kost, akhirnya kita dapet info dri kakak'y Rizka, ya udah kost bareng aja sama Rizka, hehe ketemu deh d griya adelia.

Aku 1 kmr sama mb Dhini & Rizka sama tmn SMP'y Qonita

eh, terus ada penghuni yg lain Evi&Shanti,selang beberapa hari temen kost ku yg lain (mb Nurul & mb Eni) ikut pindah deh, jadi rame nich tambah lagi ada anak PPL UNNES yg jumlah'y bnyk banget lebih dari 10, rame c tapi kalau mandi susah harus ngantre laaammmaaa . . banget tapi senengnya ada anak PPL kalau ada tugas tinggal minta ajarin slesai deh, ;-) jadi kagak usah mikir panjang, hehe

anak SMA sama anak Kuliah emang kagak akur banget jadi kita kagak deket banget ma anak2 PPL, tpi pas udah pada kluar jadi sepi,

Tapi gak papalah . . .

kan penghuni baru pada datang silih berganti yg lama pun juga ada yg keluar dengan alasan macam2,

Kamarku pertamaku yg deket TV, tapi pas kelas 3 hampir ujian aku pindah di kamar no. 4, biar mb Dhini bisa belajar dengan tenang dan tentram tanpa suatu halangan apapun, aamiin

kelas 3 lulus aku jadi sendiri, huhuhu menyedihkan sekali

tapi tak lama kemudian ada yg ngisi air di kamarku

eeh salah maksudnya ngisi kamarku namanya Dasi dia temen sekelasku tapi kami kagak bersahabat di sekolah juga jarang bareng soalnya dia kan OSIS dan aku PRAMUKA, putih coklat beda kan, hehe

Tapi jangan salah, kami tetep kompak sebagai penghuni gedung putih, angker ya??? Iya lah kan anak keren abiz, wkwkwk

Tahun ajaran baru gak nyangka aku udah kelas 3 malah sekaran udah lulus, tapi gak papa kan ini hanya cerita fiktif belaka tapi bener nyata terjadi.

Datang 4 penghuni baru jadi jumlah penghuni'y 10 dech, terus tambah 1 tambah lagi 2 jadi 13, absen dulu ya, hehe

Desi,mb Heny, Anis, eva, Rizka, Lina, Ela, Mega, Rohmah, Tisya, nanik, Beta, susis, pada hadir gak nich?

Pas aku kelas 3 pertengahan rizka&tisya keluar tpi datang lagi niken yg anaknya super aneh, terus ada lagi amel&temennya(maaf q lupa namanya) anak dipo

emm, ngmng2 ttg desi nich yg temen sekamar ma aku, pertama c ku kira dia meh pindah rumah soalnya mau nge kost aja barang yg dibawa banyak banget, masak kamarku yg nyaman jadi penuh sesak sama barang'y dia, huh sebel banget pas itu, tapi setelah sekian lama kita bersama dalam 1 kamar akhirnya asyik juga, malah banyak karya terpendan dalam kamar, wuih . . . .

Dari lemari kardus sampai lukisan plastik pokoknya keren dech,

apalagi pas persiapan ujian akhir kita ngebut belajar sampai lupa makan, bayangin tuh, ringkasan (bukan buat nyontek tapi biar belajarnya mudah)kita bagi bikinnya, dari pulang sekolah sampai malam, dinihari pun kagak pernah lupa qiyamul lail, wuih benar2 tak terlupakan, apalgi kalau inget pas aku sakit ribet banget tu anak, kaya mbk Dhini dulu sampai beliin bubur ayam padahal siang2, kalau desi bukan bubur lagi tapi pir buah kesukaanku, hehe

kalau dipikir mereka smua baik ya, mb Heni juga nich yg selalu baik ma ank2 kost, eva yg agak cuek dkt, nanik si panker kost, beta yg slalu manja, susis yg apa ya lupa dech, ela yg slalu penuh teka teki, anis yg agak nyebelin dan 2 wanita karier mega&rohmah yg kdng suka ngilang, dan 2 org yg beda jauh 1 super ribet 1 lagi super simpel

tambah lagi nich Humam (ank'y yg puny kost) si kecil yg nakal bgt, ibu kost yg agak pelit (maaf ya, hehe), bpk kost yg baik, eh kok jadi kaya kirim pesan pesan c kemana mana deh ceritanya . . .

Pas kita pisah nih, wuih . . . Super mengharuhkan, rasanya kaya kehilangan keluarga sendiri, bayangin tuh kaya gimana . . .

Eh kagak usah ding kelamaan jadinya, hehe

Tapi sekarang penghuni tinggal 7 (mega,roh,arisusi,ela,eva,nanik,beta), emm, gak tau sekarang udah nambah lagi pa belum . . .

Selesai

Sekian dulu ya ceritanya lanjutin di pertemuan selanjutnya, OK

eh cah kost yg masih tersisa do kangen rak mbek aku??? (PD stadium akhir)