Skip to main content

Cara Membuat Auto Hide (spoiler) Di Blog Seperti Postingan Di Kaskus

Hai Sahabat Blogger.. Berhubung ada sebuah pertanyaan tentang bagaimana cara membuat spoiler di blog seperti dalam postingan blog, maka kali ini saya akan mensharenya.  Spoiler atau AutoHide sering kita jumpai jika Anda sering berkunjung di situs-situs forum seperti kaskus yang membuat AutoHide untuk memaksimalkan ruang postingan jika terdapat tulisan, foto, link yang banyak demi menghemat tempat. Atau biasanya ada juga blogger yang jahil dengan bermaksud untuk membuat pembaca menjadi penasaran akan isinya. 


Cara Membuat Spoiler di Postingan Blog sendiri sangat mudah sekali. Yang perlu kita lakukan hanya memasang kode script pada postingan yang ingin dipasang AutoHide. Dari pada penasaran baiknya kita langsung praktekan saja dibawah ini, sebelumnya berikut contoh Spoiler (Buka Tutup) yang saya terapkan pada beberapa tulisan di blog ini :

Berikut caranya :
1. Seperti biasa Login ke akun anda masing-masing
2. Buat Entri Baru/New Post = Membuat postingan
3. Jika sudah, pada menu Entri, Pilih mode penulisan HTML (Bukan Compose) jika ingin menerapkan Spoiler/AutoHide. Jika dipasang pada Mode Compose maka tidak akan berfungsi code scriptnya.
4. Lalu copy dan paste Script dibawah ini pada postingan yang akan dipasang autohide :
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" 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 = 'Buka'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Letakkan teks atau kode script (gambar atau video), link di sini   <br>
</div>
</div>
</div>
5. Kita dapat merubah Judul Spoiler, Buka, Tutup dengan bahasa kita masing2, dan Letakkan Teks, gambar, video, kode2 script, atau link yang ingin dimasukkan didalam Spoiler
6. Publikasikan ! dan lihat hasilnya.
Labels:

Comments

  1. Putra2 February 2015 at 14:01

    Blogger jua kita bang? Hahahaaa

    ReplyDelete
  2. rides14 March 2016 at 07:39

    trimakasih banyak mas bro sudah berbagi, ijin comot kodenya ya.. #IndahnyaBerbagi. langsung saya aplikasikan ke Blog saya mas.. silahkan kalau mau mampir

    ReplyDelete

Post a Comment

Popular posts from this blog

ALIEN MENURUT AL-QUR'AN DAN ISLAM

Alien Menurut Al Quran FOTO YANG DIPERKIRAKAN ADALAH SOSOK ALIEN ( www.history.com ) Sering kali mungkin kita mendengar baik itu di media massa maupun melalui dunia maya tentang ada nya makhluk selain manusia, jin, hewan dan tumbuhan, dan banyak orang mengatakan bahwa nama makhluk ini adalah ALIEN ?? Dari dulu sampai hari ini perdebatan tentang keberadaan ALIEN masih di pertanyakan ada yang mengatakan semua berita tentang alien itu Hoax dan adapula sebagian orang yang percaya. dan fenomena kemunculan alien ini selalu menjadi trending topic dari waktu ke waktu. Sekali lagi muncul tanda tanya besar di otak kita seolah-olah penasaran dan bertanya Siapa? Bagaimana? dan Dimana Sosok Alien Tersebut...?? Nahh Mungkin tidak ada salah nya bagi kita seorang yang beragama sedikit belajar tentang pengetahuan ini. karena umum nya kita sebagai manusia terlalu cepat menyimpulkan suatu masalah atau temuan tanpa di landasi oleh referensi yang jelas...?? Apa salah nya jika kita buka dan p...
33 comments
Read more

MENGENAL PANGLIMA BURUNG ATAU PANGLIMA PERANG DAYAK

Dalam masyarakat Dayak, dipercaya ada suatu makhluk yang disebut-sebut sangat Agung, Sakti, Ksatria, dan Ber wibawa. Sosok tersebut konon menghuni gunung di pedalaman Kalimantan, dan sosok tersebut selalu bersinggungan dengan alam gaib. Kemudian sosok yang sangat didewakan tersebut oleh orang dayak dianggap sebagai Pemimpin spiritual, panglima perang, guru, dan tetua yang diagungkan. Ialah panglima perang Dayak, Panglima Burung, yang disebut Pangkalima oleh orang Dayak pedalaman. Ada banyak sekali versi cerita mengenai sosok ini, terutama setelah namanya mencuat saat kerusuhan Sambas dan Sampit. Ada yang menyebutkan ia telah hidup selama beratus-ratus tahun dan tinggal di perbatasan antara Kalimantan Barat dan Kalimantan Tengah. Ada pula kabar tentang Panglima Burung yang berwujud gaib dan bisa berbentuk laki-laki atau perempuan tergantung situasi. Juga mengenai sosok Panglima Burung yang merupakan tokoh masyarakat Dayak yang telah tiada, namun rohnya dapat d...
2 comments
Read more

Gaya Pacaran Remaja Masa Kini yang Cenderung Negatif

Hai Sobat Blogger, Memang tak bisa di pungkiri di era globalisasi dengan deras arus budaya barat yang masuk dinegara kita ini tak ayal juga dengan sangat cepat mempengaruhi sistem pergaulan anak-anak remaja hari ini. Budaya Hedonisme yang datang dari barat semakin susah dibendung apalagi dengan pengawasan yang minim dari orang tua kepada anak-anak nya, makanya tak jarang kita menemukan beberapa pasang muda mudi yang merajut cinta sampai diluar batas kewajaran. bahkan dari setiap tingkatan sekolah pun sudah mengenal yang namanya pacaran bahkan anak sekolah dasar sekalipun mengerti tentang istilah pacaran dan berpacaran -_-" ,, Dibilang Aneh yah mau gimana lagi beginilah Kondisi remaja kita hari ini. Bisa kita akui bahwa Masa remaja adalah masa yang paling indah sekaligus masa yang paling mudah membuat kehancuran. Memang menyenangkan bila dikerjakan, namun penyesalan selalu datang akhir dengan kekecewaan yang teramat dalam. Berpacaran salah satunya, munafik apabila kaum rem...
14 comments
Read more