Skip to main content

Membuat Tombol Jika Di Klik Muncul Teks/Gambar

Duh bingun juga mau dikasih judul apa. Namanya saja saya tidak tahu, jadi pakai judul ala kadarnya deh. Cara ini bukan seperti pada artikel membuat tombol submit beserta link, namun ada baiknya anda membacanya, sekalian juga membaca artikel cara mengambil image location dengan browser HP dan cara pasang gambar di postingan lewat HP karena akan membantu anda jika anda seorang mobile blogger :D.
Lalu seperti apa tombol yang dimaksud pada judul di atas? Yang pasti dengan tombol ini anda bisa menghemat tempat pada halaman posting.

Daripada ngalor-ngidul nggak jelas, langsung ke cara dan contoh saja.

Gunakan kode ini untuk membuatnya:

<div><div style="margin: 5px;"><div class="smallfont" style="margin-bottom: 2px;"><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;">isi teks atau kode gambar yang disembunyikan dibalik tombol</div></div></div></div></div>

Nah, hasilnya akan menjadi seperti tombol di bawah ini (silahkan di klik)

isi teks atau kode gambar yang disembunyikan dibalik tombol

Perhatikan pada kode yang saya beri warna biru dan kuning, tulisan-tulisan tersebut dapat anda ganti sesuai keinginan. Dan pada teks yang berwarna hijau, anda isi dengan tulisan atau gambar yang ingin anda sembunyikan dan akan tampil setelah tombol di-klik. O iya, anda juga dapat bereksperimen dengan mengutak-atik tag style-nya.

Maaf, bagi para pengguna ponsel anda bisa baca cara copy-paste artikel blog dengan HP DISINI untuk meng-copy script di atas.

Sekian, moga berguna.
Sumber : http://www.bi2t.com/
Posted by at
Labels:

Comments

Post a Comment

Popular posts from this blog

Kode HTML Lengkap - Bagan

Posted by at
Jika Anda melakukan bisnis di Internet, meluangkan waktu untuk belajar bagaimana merancang situs web Anda sendiri dan menulis sendiri kode HTML (hypertext markup language) akan memainkan peran utama dalam keberhasilan Anda. Tidak hanya akan belajar HTML coding menyediakan dengan kebebasan untuk memperbarui dokumen HTML Anda sendiri, tetapi juga akan menghemat banyak uang, karena anda akan dapat menghindari menyewa seorang desainer web profesional. Jika Anda mencari beberapa tag HTML untuk membumbui situs web Anda, Anda telah datang ke tempat yang tepat. Anda akan menemukan berbagai kode HTML dan tips untuk membantu Anda di bawah ini. Namun, sebelum meninjau tag HTML, jika Anda baru ke HTML dan desain situs web, bagian berikut ini akan membantu Anda dalam menciptakan sebuah halaman web HTML. Untuk informasi tambahan desain situs web, pastikan Anda tidak melewatkan desain web artikel dan tutorial di bagian bawah halaman ini. Membuat Halaman HTML Sebuah halaman web dibuat menggunakan baha
Post a Comment
Read more

intitle Index.of mp3 musik download free english song

Posted by at
Free Download Music Album Tracks Listing ( Update Music Barat 2008 ) Karena Banyaknya List Download Mp3, sekedar tips aja ya untuk mempermudah pencarian tekan ctrl + f terus muncul menu search dibagian dibawah ( mozilla ). Kemudian isikan nama artis / penyanyi / band / album atau judul lagu tapi jangan tuliskan jablay ya... heh heheh... Download Billboard Top 100 001 - Rihanna - Take A Bow.MP3 002 - Madonna ft. Justin Timberlake - 4 Minutes.MP3 003 - Leona Lewis - Bleeding Love.MP3 004 - Coldplay - Viva La Vida.MP3 005 - Natasha Bedingfield - Pocketful Of Sunshine.MP3 006 - Coldplay - Violet Hill.MP3 007 - Jordin Sparks Duet With Chris Brown - No Air.MP3 008 - Usher ft. Young Jeezy - Love In This Club.MP3 009 - Miley Cyrus - See You AgainMP3 010 - Sara Bareilles - Love Song.MP3 011 - Hedley - Never Too Late.MP3 012 - Maroon 5 ft. Rihanna - If I Never See Your Face Again.MP3 013 - Lil Wayne ft. Static Major - Lollipop.MP3 014 - Flo Rida ft. T-Pain - Get Low.MP3 015 - Kardina
Post a Comment
Read more

Darth Vader's Jewish Origin - The Golem of Star Wars

Posted by at
The design and concept of Darth Vader is partially based on Jewish myths and traditions. Many of Star Wars fans are already aware of the 3 lines of Hebrew letters that appear on the character's "Chest Plate", but here I'll provide more details on the "Jewish origin" of the infamous Dark Lord! Here you can see a close-up of the lines on Vader's breastplate from Return of the Jedi. The first & third lines are problematic and not easy to understand. אב מצש גלמציצ עד שלכה (Hebrew is written from right to left) The first line has 5 letters in two words.. apparently meaningless unless, with a bit of stretching it, we read it as (Father - Saturday) (AB - M Ts Sh) The third may be read as "till his cast down" (AD - Sh L K H) { שלכ sh-l-k = ‘cast off, throw down, cause to go’} The second line is the interesting one.. Written upside down.. It's more like a "label" than a part of a sentence, and the letters are: (G L M Ts I Ts). 2 word
Post a Comment
Read more