Jumat, 06 Juli 2012

You are here : Home » TOP WIDGET 2, WIDGET BLOG » Cara Membuat Tombol Show

Cara Membuat Tombol Show

Seperti apa sih tombol Show itu ??

Seperti di bawah ini. Silahkan Agan klik.

Selamat Datang di Ketagihan Baca... Are You Ready To Rock ???

Bagaimana menurut Agan ? Agan bisa gunakan tombol Show ini untuk meringkas teks/gambar. Dan Agan bisa menempatkannya baik di postingan atau pun di Side bar.

Dan untuk kodenya, silahkan Agan salin.

<div>
<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;">
<input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 15px; margin: 0px; padding: 0px; width: auto;" type="button" value="Show" /></div>
<div class="alt2">
<div style="display: none;">
<div style="border: 1px dotted rgb(0, 100, 0); text-align: justify;">
Selamat Datang di Ketagihan Baca</div>
</div>
</div>
</div>
</div>


Tulisan Close bisa Agan ganti dengan kata "Hide", "Tutup", "Sembunyikan" dan lain-lain. Tulisan Show juga demikian ganti dengan "Tampilkan", "Lihat", "Buka", "Klik di sini" dan lain-lain.

Kalimat  Selamat Datang di Ketagihan Baca  adalah teks yang harus Agan ganti. Sementara jika Agan ingin mengganti ke sebuah gambar, bisa juga. Tetapi Agan harus mendapatkan kode dari gambar nya terlebih dahulu. Yaitu dengan cara :

1. Klik "Entri Baru" yaitu halaman untuk membuat postingan.

2. Klik tool upload gambar. Up load lah gambar yang Agan kehendaki.


3. Jika gambar sudah di up load, silahkan Agan klik "Edit HTML" yang ada disebelah "Compose"


4. Dan gambar tadi pun berubah menjadi sebuah kode.


5. Nah, ambil (Copy dan Pastekan) kodenya ke dalam cara pembuatan tombol Show tadi yang kita bahas.

Selamat mencoba.

Tidak ada komentar: