Membuat Menu Link Horizontal Langsung di Widget

postingan ini saya buat sebagai pilihan untuk posting sebelumnya yaitu membuat menu horizontal yang simple, berhubung ada teman yang koment Katanya kurang paham dengan postingan tersebut, jadi Saya membuat postingan mengenai cara membuat menu horizontal yang lebih mudah yang diletakan langsung pada widget, jadi kita tidak perlu membuka edit HTML. Mudah mudahan bisa dimengerti.

Cara ini Sangat mudah sekali karena ini cuma menambah Kode HTML yang ada di bawah ini ke dalam Gadget + HTML/Javascript.
Silahkan Ikuti caranya di bawah ini.

Pertama Buka blog Blogger
Kedua Pilih Tata Letak + Elemen Laman + Tambah Gadget + Pilih HTML/JavaScript
Lalu Masukan Kode Di bawah ini :

<style type="text/css">


ul.menu {
margin:0px;
padding:0px;
}
ul.menu li {
list-style:none;
float:left;
width:100px;
text-align:center;
font:11px/25px verdana,arial,sans-serif;
height:auto !important;
height:25px;
}
ul.menu li a {
display:block;
text-decoration:none;
background:#EFEFEF;
color:#000000;
}
ul.menu li a:hover {
background:#000000;
color:#FFFFFF;
}

</style>

<ul class="menu">
<li><a href="http://chugygogog.blogspot.com/"target="_blank">HOME</a></li>
<li><a href="http://chugygogog.blogspot.com/2009/02/daftar-isi.html"target="_blank">DAFTAR ISI</a></li>
<li><a href="http://chugygogog.blogspot.com/search/label/Desain%20Grafis"target="_blank">D GRAFIS</a></li>
<li><a href="http://chugygogog.blogspot.com/search/label/Tutorial%20Flash%2008"target="_blank">T FLASH</a></li>
</ul>


Ganti Teks yang berwarna hijau Dengan Link yang di inginkan.
jangan lupa klik Simpan, ok bozzz mudah-mudahan bisa di mengrti, Thanks.

Komentar

Didik M.A mengatakan…
wah bisa dicoba nie sob...nice artikel
======================================
soal pertanyaan kamu tentang penambahan list icon: kita perlu mengatur paddingnya sob..agar serasi.. kalau bellum faham sobat bisa bertanya saya via YM di dixdoor@ymail.com
09 Maret, 2010 00:36
Unknown mengatakan…
tutorial dah lama postingnya nih..baru tau aku,ku pakai ya sobat..biar ga bikin penuh sidebar aja lumayan bisa ngurangin menu di sidebar..
22 Juli, 2010 05:06
Beras Cianjur mengatakan…
thanks yah
08 Mei, 2011 17:13
Posting Komentar

Postingan populer dari blog ini

Motion Tween dan Shape Tween

Gambar
Mengenal lebih dalam mengenai Motion Tween dan Shape Tween , Pada program flash terdapat 2 (dua) jenis animasi yaitu Animasi Motion Tween dan Animasi Shape Tween . 1.Motion Tween Motion Tween adalah pergerakan suatu objek dari keadaan awal sampai keadaan akhir. sebagai contoh anda ingin menggerakan suatu bola dari kiri ke kanan, dengan adanya motion tween kita bisa menggunakan sedikit objek tanpa harus membuat banyak objek, untuk contoh animasi Tween bisa anda lihat gambar dibawah ini. 2.Shape Tween Shape Tween adalah perubahan bentuk dari suatu objek ke objek lain. untuk Shape Tween objek yang dianimasikan harus berjenis Shape, untuk ukuran file yang dihasilkan Shape Tween lebih besar dibandingkan motion Tween.
Read more »

Mengenal Symbol dalam Animasi Flash

Symbol adalah objek gambar yang pertama kali kita buat. Bisa berupa vektor atau bitmap. Untuk membuat simbol dalam objek yang kita buat, caranya yaitu klik insert dan pilih create New Symbol dan pilih type Movie Clip untuk membuat Symbol baru. Disitu akan tampil Stage baru untuk membuat objek baru.atau bisa juga merubah objek gambar yang telah ada menjadi Symbol baru, dengan cara klik kanan pada objek gambar pilih Convert to Symbol dan pilih Movie Clip . Symbol yang telah di buat akan secara otomatis tersimpan di dalam library.dan kita juga bisa membuat objek didalam objek. Dengan cara doble klik pada objek yang telah di Convert to Symbol . Objek objek yang terdapat didalam symbol disebut instance atau anak dari symbol. kelebihannya dari symbol adalah anda tidak perlu membuat banyak objek kalau objek itu sama,anda tinggal memsukan objek symbol dengan cara mendrag Symbol dari panel Lybrary kedalam stage, walaupun objek yang didalam stage anda hapus tetapi objek symbol tetap ada d
Read more »

Membuat Bayangan Di Dalam Text

Gambar
Langkah pertama buatlah dokumen baru berukuran 450px x 100px, Buatlah empat buah layer seperti gambar dibawah ini. Di layer 1 buatlah background persegipanjang menggunakan Rectangle Toool dengan ukuran 450 x 100 . Berilah warna gradasi merah hitam seperti gambar dibawah ini. Buatlah teks CHUGY COLECT di layer 2 Selanjutnya kita akan mengcopy atau menggandakan teks CHUGY COLECT di layer 2 , caranya yaitu klik kanan pada frame 1 - layer 2 dan pilih Copy Frame . Selanjutnya klik kanan pada frame 1 layer 4 dan pilih Paste Frame . Selanjutnya buatlah persegi panjang dengan warna hijau ataupun warna lain dilayer no 3. posisikan seperti gambar dibawah ini. Setelah itu tambahkan frame, dari layer 1 sampai layer 4 ke frame 20 seperti gambar di bawah. Klik pada frame 20 layer 3 , dan geserlah persegi panjang yang telah dibuat ke sebelah kanan melebihi teks, lihat gambar di bawah. Selanjutnya klik kanan di tengah frame pada layer 3 , seperti gambar dibawah dan pilihlah Create
Read more »