Excalibur
Info

Selamat Datang

Selamat Datang Di Blog Roy Lichtenstein- Saya Senang Anda Berada Di Sini, Dan Berharap Anda Sering Datang Kembali. Silakan Berlama - Lama Di Sini Dan Membaca Lebih Lanjut Tentang Artikel Yang Saya Susun. Ada Banyak Hal Dapat Anda Pelajari, Anda Mungkin Akan Menemukan Sesuatu Yang Menarik

Sekilas Tentang Roy

Nama saya Roy Lichtenstein, Saya Bukan Seorang Blogger, Hacker, Desainer Atau Apapun Tapi Saya Hanya Seseorang Yang Ingin Selalu Belajar Dan Ingin Tau Sesuatu Yang Baru...

Social Icons

xtreme5-roylichtenstein.blogspot.com

Cara Membuat Teks Atau Gambar Tersembunyi Dibalik Tombol

Sobat ketemu lagi neh dengan blog yg UDIK he..he.. Ceritanya lagi boring neh optimasi kontes SEO Astaga.com lifestyle on the net. Sekarang waktunya menyapa sobat blogger semua hi... hiii... sorry sob ga' bawa oleh-oleh cuma mo ngasih info ke sobat UDIK tips blogging cara membuat teks ato gambar tersembunyi dibalik tombol/spoiler. Apa sih maksud dari teks ato teks tersembunyi di balik tombol ato biasa disebut spoiler? Aapa ya... udik juga binun neh...

Gini deh aq kasih contohnya. Klik tombol di bawah ini nanti akan keluar sederet teks yang keluar dibalik tombol tersebut




isikan teks, gambar atau kode yang ingin disembunyikan dibalik tombol

Sekarang udah mudeng kan? kalo udah saya kasih tau cara membuatnya

Login di blog kamu dan cari menu Tata Letak ->> Elemen Laman ->> Tambah Gadget ->> HTML/Javascript.

Kopi kode berikut dan paste di dalam kolom HTML/Javascript

<div><div style="margin: 5px;"><div class="smallfont" style="margin-bottom: 2px;"><a href="http://ndeso-net.blogspot.com/"></a><input value="Tampilkan" style="margin: 0px; padding: 0px; width: auto; font-size: 10px;" 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tampilkan'; }" type="button"/></div><div class="alt2"><div style="display: none;"><div style="border: 1px dotted #006400; text-align: justify;">isikan teks, gambar atau kode yang ingin disembunyikan dibalik tombol</div></div></div></div></div>

Kata "Tampilkan" bisa sobat rubah dengan teks sesuai keinginan sobat. Misal yg mo disembunyiin shoutmix, sobat bisa ganti kata tersebut dengan "Shoutmik" dan taruh kode shoutmiknya di kalimat yg ngeblink.

Tidak ada komentar:

Posting Komentar

Berikan Komentar Anda Dibawah Sini Jika Belum Punya Akun Google/Blogger Anda Bisa Pilih Anonymous