Cara Membuat Spoiler di Blogger

Wednesday, July 1, 2009

Sewaktu ngutak-ngatik blog saya yang berbentuk foto blog, yang otomatis isinya khusus foto semua. Namun kayaknya terasa monoton kalau tidak ada secuil teks yang tertulis. Saya jadi kepikiran Spoiler yang ada di kaskus, dimana dengan adanya spoiler kita dapat menghemat ruang posting di blog, terus kita dapat mengisinya dengan informasi lain yang mengejutkan pembaca blog. Akhirnya saya menemukan cara membuat spoiler di blogger. Saya mendapatkan kodenya dari Bloger Holic. Nah pingin tahu caranya langsung aja yukk

Caranya gampang banget Tinggal masukin kode HTML di bawah ini ke dalam postingan atau Elemen HTML. JUDUL SPOILER dapat diganti dengan kata apa saja, begitu juga dengan ISI SPOILER.

<div><div style="margin-bottom: 2px;"><i><b><small>JUDUL SPOILER </small></b></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/></div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">

ISI SPOILER

</div></div></div>


Contohnya seperti ini
JUDUL SPOILER



ISI SPOILER


Baca Artikel Lainnya



6 comments:

Fitri Nurrahmi August 31, 2009 at 2:40 AM  

Makasih banyak atas posting-an nya :)

weteka September 4, 2009 at 2:52 PM  

makassii banyaaaaaaaakkk
*banyak banyak

akhirnya aku ngerti juga cara bikinnya

mareas nami sipayung January 20, 2011 at 2:32 AM  

nice gan....

Blog Terbaru January 31, 2011 at 1:46 PM  

thx ya sob buat artikel cara membuat tombol Spoiler di blog ini... sya kra duru cra membuat spoiler hanya bisa dibuat di kaskus... ternyata bisa juga di blogger.. maklum newbie... :)

software bali February 1, 2011 at 3:34 AM  

thanks sharenya..saya coba ya!:D

MUHAMMAD BUDI GUNAWAN February 12, 2011 at 7:57 AM  

koq gak ngefek gan......???
mohon pencerahan nya yah gan..........!!!
8-}8-}8-}8-}8-}8-}8-}8-}8-}8-}8-}8-}8-}

Post a Comment

Silahkan mengisi komentar anda tentang blog ini

  © Template Blogger Gratis Columnus by Ourblogtemplates.com 2008

Kembali ke ATAS