MOHON PERHATIAN!!!........ Sehubungan sedang "ERROR"nya situs HTTP://WWW.RIPWAY.COM, maka bila Anda menemukan tutorial yang menggunakan kode dengan nama situs tersebut, sementara waktu JANGANLAH Anda gunakan. Mohon maaf, semoga anda memakluminya.............................

Mengucapkan Selamat Datang, Semoga Dapat Berkenan Di Hati Anda



SYAMSUDINNAMAKU telah hadir

KUNJUNGI CHANNEL YOUTUBE SAYA

Cara Membuat Drop Down Panel


Drop Down Panel boleh dibilang sama dengan
Menu Drop Down yang telah dibahas dalam
kesempatan yang lalu. Fungsinya juga masih
sama namun bentuknya yang berbeda.
Contohnya dapat anda lihat seperti di bawah ini.
Coba saja anda klik pada kata LIHAT - TUTUP-nya


Drop Down Panel boleh dibilang sama dengan Menu

Drop Down yang telah dibahas dalam kesempatan

yang lalu. Fungsinya juga masih sama namun

bentuknya yang berbeda. Contohnya seperti ini :


Anda tertarik ingin mencoba ?
Ikuti cara membuatnya berikut ini :


1.   Rancangan -> Tambah Gadget
      pilih HTML/JavaScript.

2.   Kode yang ada di bawah ini anda
      masukkan ke dalam kontennya,
      kemudian simpan.

<p class="menu"><b>LIHAT - TUTUP</b></p>
<div class="panel">
Teks anda letakkan di sini

KETERANGAN :

Teks anda letakkan di sini, ganti dengan
kalimat yang anda inginkan.

3.   Masuk ke Edit HTML.

4.   Cari kode </b:skin>

5.   Letakkan kode berikut
      di atas kode </b:skin> ini.

div.panel,p.menu
{
width:360px;
height:18px;
margin:0px;
padding:5px;
text-align:center;
color:black;
background:#ff0000;
border:solid 1px #000;
}
div.panel
{
width:360px;
height:110px;
padding:5px;
text-align:center;
color:white;
background:#0000ff;
border:solid 1px #000;
display:none;
}

KETERANGAN :

Ubahlah width: & height:-nya
sesuaikan dengan area blog anda.

Ubah juga warna background,
jenis, ukuran & warna bordernya
sesuai yang anda mau.

6.   Cari lagi kode </head>

7.   Copy kode berikut dan Letakkan
      di atas kode </head> tersebut,
      lalu simpan template anda atau
      boleh juga anda pratinjau dahulu.


Selamat mencoba, good luck!


0 comments:

Posting Komentar