HOME Indonesian Tourisme About Me

Kamis, 12 November 2009

Tombol tampilkan / sembunyikan , Show and Hide Button

Smile"hai pa kabar, namaku clarablea binti luna maya, status single, mencari pasangan bujangan tampan dan kaya raya, silahkan antri untuk mendaftar menjadi pacar saya di www.narsis.com geto loh"
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

Related Posts by Categories



29 Komentar:

Unknown mengatakan...

boleh juga tuk di coba...,salam kenal mas.

Unknown mengatakan...

hehe...udah make ini duluan mas..

Thanks.  
Regard,

Hitsuke and NarutoFans 

Aryo Halim mengatakan...

@rahmat : salam kenal balik
@hitsuke : hehehehe..tp masih ada yg belum tahu gak ya? ya kan postingan harus update, apa aja deh diposting

andi wong mengatakan...

Manteb triknya.. ;-)

alkatro mengatakan...

pengin coba juga mas; tapi tadi waktu klik tombol 'Tampilkan' hampir copot rambut saya..he he.. setuju lah yang pentuing update terus :)

Dimensi muslimah mengatakan...

kaget ane sumpah..bisa aja trik nya

Mas Moer mengatakan...

hahaha....fotonya itu loh, mantan mas Aryo ya, tapi postingannya keren koq sob, ada foto yg lebih cakep lagi gak mas....hehehe....

NURA mengatakan...

salam sobat
trims ilmunya .
jadi manfaat tombolini ,biar postingan bisa diminimize,menghemat tempat ya,,?
ikutan nyoba deh,,,

Admin mengatakan...

mantap nih bro infonya ... copy yah sob..thanks btw link ku pasang yah..

kangjoko mengatakan...

blog ini benar2 penuh dengan informasi khsusnya tips blogging, trims mas atas infonya :)

al-basri mengatakan...

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..

Aryo Halim mengatakan...

@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

Sohra Rusdi mengatakan...

tentu saja bermanfaat mas untuk pemula eperti saya

harto mengatakan...

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

mas doyok mengatakan...

semangat mas :)
saya pernah psot tentang ini juga ;)

Aryo Halim mengatakan...

@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

rumah blogger mengatakan...

pokoknya tetap semangaaaattt!!!

sabirinnet mengatakan...

thanx sharenya mas, tetap ok aja nich

Aryo Halim mengatakan...

@rumah blogger: selalu dong
@sabirinet: makasih

budi mengatakan...

wah,...pass yang saya cari akan sya coba. thxz info nya...

ina mengatakan...

hemm,...
boleh nie kag....
makasih yah tutor nya!!!

Aryo Halim mengatakan...

@budi:mudah2an pas
@ina: boleh aje :)

Uliah Black mengatakan...

Pas dengan Muka yang keliru

NURA mengatakan...

salam sobat
trims ilmunya,,
wah banyak respons nich,,sahabat blogger tentang show and hide button ini,,,

Bung Sigit mengatakan...

salam

nti kalau nyari tutorial tentang blog ga repot lagi nih aq..tinggal berkunjung kesini dah dapet semua..

Unknown mengatakan...

hahah..gambarnya itu loh lucu bgt hihih

Aryo Halim mengatakan...

@uliah: hehehhe
@nura: wah mudah2an bnyk yg minat
@sigit: dengan senang hati
@mayyadah : ya biar gak stress aja

donny mengatakan...

tipsnya berguna banget,,, tukeran link nyok????


http://www.pes2010patchs.com/

nowGoogle.com Adalah Multiple Search Engine Popular mengatakan...

nice artikel, keep good work Astaga.com lifestyle on the net

nowGoogle.com Adalah Multiple Search Engine Popular

FEEDJIT Live Traffic Feed

Cari Blog Ini

Link Exchange

ini link saya, tinggal copas
<a href="http://aryosp.blogspot.com//" target="_blank"><span style="font-weight:bold;"><u>Aryo Humanika</u><br/ >
Ini Banner Link
<br/><br/><a href="http://aryosp.blogspot.com/" target="_blank"><br/><img border="0" alt="Kolom blog tutorial " src="http://i736.photobucket.com/albums/xx5/aryosp/cooltext431377475.png"/></a><br/><br/>

Aryo Humanika © 2008. Template by Dicas Blogger.

TOPO