Author : Belajar Blogger (newbielabs.blogspot.com)
Ada pertanyaan nih dari mba nacosu di santa ana california US sono... dia pengen tau gimana bikin top link seperti yang ada di web temannya, sebenernya mudah aja si, mo tau caranya ?? ayo dah kita coba cing hehehe...
1. Masuk kebagian tata letak kemudian pilih elemen halaman
2. Setelah itu tambah element halaman
3. Akan muncul windows baru, pilih HTML/Javascript
4. Setelah itu masukan code dibawah ini, tapi ingat dibagian judul kosongkan saja<style>
#menuatas a{padding:5px;
float:left;
border:1px solid #000000;
background:#EEEEEE;
margin-left:3px;
text-decoration:none;
color:#000000;
}
#menuatas a:hover{
background:#999999;
}
</style>
<div id="menuatas">
<a href="link kamu">NAMA LINK 1</a>
<a href="link kamu">NAMA LINK 2</a>
<a href="link kamu">NAMA LINK 3</a>
<a href="link kamu">NAMA LINK 4</a>
<a href="link kamu">NAMA LINK 5</a>
</div>
nah sekarang tinggal kalian ganti tulisan link kamu yang ada di a href="link kamu" dengan link yang kalian kehendaki, misal a href="http://newbielabs.blogspot.com" atau yang lain, serta NAMA LINK diganti dengan tulisan apapun terserah kalian...
Setelah selesai kalian simpan widget tersebut.
Selanjutnya tinggal terserah kalian mau diletakan disebelah mana widget tersebut, kalo misal mau diletakan diatas (dibawah header) tinggal geser saja, kemudian preview, kalo sekiranya dah bagus tinggal kalian save....
Untuk demo silahkan lihat di blog ini (letaknya dibawah header persis)
Selamat Mencoba..
NewbieLabs adalah tempat untuk belajar, bukan untuk menggurui, jadi kita sama-sama berdiskusi disini, jika ada yang bingung silahkan ditanyakan, jika saya bisa jawab akan saya jawab, jika tidak silahkan teman-teman yang lain yang sekiranya tahu untuk membantu menjawab.
Semua tutorial disini diusahakan akan disertai gambar agar lebih jelas dan yang terpenting situs ini menggunakan bahasa indonesia/melayu, jadi buat kalian yang belum begitu paham bahasa inggris tidak perlu khawatir, kalian tetap bisa belajar disini.
Jika ada yang ingin menjadi kontributor (memposting tutorial atau tips dan trik sekitar blogger, css, html, javascript ataupun wordpress) silahkan tinggalkan komentar di Shoutbox
Mohon maaf jika kualitas gambar tidak begitu bagus, ini dikarenakan agar web dapat terbuka dengan cepat, namun tetap bermanfaat dengan gambar yang bisa membantu, dan jika dirasa gambar terlalu kecil, coba klik gambar tersebut untuk melihat lebih jelas...
Semua tutorial disini diusahakan akan disertai gambar agar lebih jelas dan yang terpenting situs ini menggunakan bahasa indonesia/melayu, jadi buat kalian yang belum begitu paham bahasa inggris tidak perlu khawatir, kalian tetap bisa belajar disini.
Jika ada yang ingin menjadi kontributor (memposting tutorial atau tips dan trik sekitar blogger, css, html, javascript ataupun wordpress) silahkan tinggalkan komentar di Shoutbox
Mohon maaf jika kualitas gambar tidak begitu bagus, ini dikarenakan agar web dapat terbuka dengan cepat, namun tetap bermanfaat dengan gambar yang bisa membantu, dan jika dirasa gambar terlalu kecil, coba klik gambar tersebut untuk melihat lebih jelas...
Koleksi NewbieLabs
- Multiple Yahoo Messenger Login
- menyembunyikan file di Windows XP
- Tips Merawat USB Flash Disk
- Istilah Dalam Chatting
- Shutdown makin cepet
- Trik Menebak Hari Berdasarkan Tanggal
- Tips n Trick Compilation
- The Secret Of Google Chrome
- Mencegah Orang Mengcopy File Seenaknya
- Menambah Subtitles Pada Film
- Test Anti Virusmu
- Kamus Indonesia - Inggris Dari Google
- Shortcut Firefox
- Capture Web Secara Keseluruhan
- Menonton Youtube Versi Hi-Def
- Memutar Film Yang Terkompres Dengan WinRAR
- Hindari Spam Dengan Temporary Email
- Status Camfrog Di Web
- Membuat Widget Komentar Terbaru
- Membuat Top Menu
- Menggerakan Kursor Tanpa Mouse
- Memperbaiki Flashdisk Rusak
- On Screen Keyboard
- Bosen Tampilan Email Gmail Biasa
- Ping Blog Kita
- Fitur Penjadwalan Posting Di Blogger
- Shortcut untuk Ms Word
- Browsing Dengan Program Paint
- Memasukan Serial Secara Otomatis Pada Office 2000
- Shortcut Pada Keyboard
- Membuka Regedit Yang Di Disable
- Memunculkan Command Prompt Atau RUN Yang Hilang
- Template Blogspot Untuk Lirik Lagu Atau Cheat List
- Memunculkan "Folder Options" Yang Hilang
- Blog Yang Dicintai Pengunjung
- Chat Di HP
- Mempercantik Blog Kita
- Promosi Web Via YM
- Cek Pagerank Suatu Halaman
- Bandwidth Yang Terlupakan
- Bulk Rename Tanpa Software
- Membuat Fixed Background
- Mendeteksi Pengunjung Dengan Feedjit
- Background Image Di Header Blog
- Menyimpan Percakapan Di YM
- List Layanan Web Messenger
- Membuat Link Di Postingan
- Membuat Feed Di FeedBurner
- Mendownload Video Dari YouTube
- Membuat Background Di Flashdisk Anda
- Hitung Kata, Buat Yang Ingin Menghitung Kata
- Membuat Kolom/Form Komentar Dibawah Berita
- Membuat "Read More" Di Blogger
- Membuat Form Search Di blogspot
- Melihat Private Photos Friendster Tanpa Repot - NOT WORK ANYMORE
- Mendeteksi Teman Yang Invisible Di YM
- YM Hidden Emoticons / Smillies Tersembunyi
- Mengganti Nickname YM (Yahoo Messenger)
- Status YM Di Web Dengan Custom Image
- Membuat Blog Berbahasa Indonesia
- Hati Hati Bertukar Link
- Admin Area Atau Dashboard Berbahasa Indonesia
- Deskripsi Situs Di Titlebar
Hitung Kata
Sunday, January 18, 2009
Membuat Top Menu
Posted by Belajar Blogger at 5:32 AM
Labels: Tips Blogger, Tips CSS
Subscribe to:
Post Comments (Atom)
2 comments:
duh malu" an lo deh ... gw kasih pertanya ke lo bukan kesemua org ha ha ha ;p
@nacosu : bayah tenang aja dah non :P monggo dicoba dulu ya hehe
Post a Comment