Tombol tampilkan / sembunyikan , Show and Hide Button
Show or hide button. You may try this feature . Click "tampilkan" button as a sample, and get the code by read more. Green Teks in english. Sekarang aryo mau share tentang tombol show/hide ya, jadi buat anda yang masih bingung apa tombol show dan hide coba deh klik tombol "tampilkan" di postingan ini, akan muncul gambar kan? Intinya kita bisa memanfaatkan tombol ini biar postingan bisa di minimize atau mau komplit dengan gambarnya, jadi ada sedikit membantu menghemat tempat kan? klo mau tau codenya yuk mari kita simak
Nah bagaimana cara pasang tombol show/hide? tinggal copy saja code dibawah ini dan letakan bisa di widget html/java script ataupun di postingan, tergantung mau dimana diletakan tombol ini untuk memperkeren blog anda.
How to add this hide/show button feature? just copy and paste this code below and placing to widget or your post<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;">ganti dengan gambar or teks / change with pic or teks</div></div></div></div></div>
Ganti teks warna merah dengan code gambar atau bisa juga teks yang akan ditampilan/disembunyikan. Met mencoba!
Change / replace red teks with your pic or your teks
Good Luck
Posted by Aryo
29 Komentar:
boleh juga tuk di coba...,salam kenal mas.
hehe...udah make ini duluan mas..
Thanks.
Regard,
Hitsuke and NarutoFans
@rahmat : salam kenal balik
@hitsuke : hehehehe..tp masih ada yg belum tahu gak ya? ya kan postingan harus update, apa aja deh diposting
Manteb triknya.. ;-)
pengin coba juga mas; tapi tadi waktu klik tombol 'Tampilkan' hampir copot rambut saya..he he.. setuju lah yang pentuing update terus :)
kaget ane sumpah..bisa aja trik nya
hahaha....fotonya itu loh, mantan mas Aryo ya, tapi postingannya keren koq sob, ada foto yg lebih cakep lagi gak mas....hehehe....
salam sobat
trims ilmunya .
jadi manfaat tombolini ,biar postingan bisa diminimize,menghemat tempat ya,,?
ikutan nyoba deh,,,
mantap nih bro infonya ... copy yah sob..thanks btw link ku pasang yah..
blog ini benar2 penuh dengan informasi khsusnya tips blogging, trims mas atas infonya :)
salam sobat,
dahsyat gambar tu.. hehe
tips ini yang saya ingin coba, boleh menghematkan ruang blog. menarik ya ada trik... kalau diklik baru nampak isinya. inilah tips yg ada trik...
hehehe
terima kasih sobat, untuk tips yang ada trick.
P.S, semoga kesibukannya membuahkan sukses..
@all: makasih atas atensinya, ya smoga saya tidak kehabisan postingan, itu aja, dan klo kepepet terus menampilkan postingan yang sudah "basi" atau gak bermutu ya maafkan ya! Soalnya saya sedih saat liat rank alexa melorot terus, jadi ya cari postingan apa aja deh, yg penting hindari copas "PLEK" alias copas total
tentu saja bermanfaat mas untuk pemula eperti saya
Ini perlu niiih.... buat ngehemat tempat, boleh langsung di coba niiihh. Kalo selain dari WP bisa ga...?
Makasih yaaa Mas Aryo, dapat ilmu tambahan lagi nih. Semoga suksess n Tetap Semangat
semangat mas :)
saya pernah psot tentang ini juga ;)
@munir ardi:sama2 kita pemula
@harto:sama, biar tmbh cakep blognya
@mas doyok: oh.....ya sapa dulu dong, mas doyok gitu, cm gak ngeh aja klo di mas doyok udah ada, krn saya pas liat ada tombol spt itu di blok lain,lalu saya googling ehh dapat deeh
pokoknya tetap semangaaaattt!!!
thanx sharenya mas, tetap ok aja nich
@rumah blogger: selalu dong
@sabirinet: makasih
wah,...pass yang saya cari akan sya coba. thxz info nya...
hemm,...
boleh nie kag....
makasih yah tutor nya!!!
@budi:mudah2an pas
@ina: boleh aje :)
Pas dengan Muka yang keliru
salam sobat
trims ilmunya,,
wah banyak respons nich,,sahabat blogger tentang show and hide button ini,,,
salam
nti kalau nyari tutorial tentang blog ga repot lagi nih aq..tinggal berkunjung kesini dah dapet semua..
hahah..gambarnya itu loh lucu bgt hihih
@uliah: hehehhe
@nura: wah mudah2an bnyk yg minat
@sigit: dengan senang hati
@mayyadah : ya biar gak stress aja
tipsnya berguna banget,,, tukeran link nyok????
http://www.pes2010patchs.com/
nice artikel, keep good work Astaga.com lifestyle on the net
nowGoogle.com Adalah Multiple Search Engine Popular
Posting Komentar