Blogroll

Layanan Webhosting Murah

Cara Membuat Spoiler Pada Postingan Blog

Tau spoiler?  Kalau anda seorang kaskuser, pasti sudah tahu. Yaa, semoga saja sudah tahu karena saya malas menjelaskannya dengan kata-kata. heheh. Namun, bagi anda yang belum tahu, sebentar lagi anda pasti anda akan mengerti.



Membuat spoiler dibadan sebuah posting merupakan sebuah cara yang efektif untuk memperpendek sebuah artikel supaya tidak terlalu memanjang kebawah. Spoiler biasanya digunakan pada bagian isi artikel yang berupa kutipan, kode, dan lain-lain.. Untuk cara membuatnya, mari ikuti langkah-langkah dibawah ini.

1. Pertama tentu saja buka post editor di admin situs anda.
2. Lalu, masuk bagian html dari post editor tersebut. Jika menggunakan blogger, anda tinggal klik tab HTML yang berada di pojok kiri atas.
3. Setelah itu, masukkan kode berikut ini

<div style="margin: 5px;">
<div style="margin-bottom: 2px;">
<span style="font-weight: bold;">Kode</span>
<input 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'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /></div>
<div style="border: 1px inset; margin: 0px; padding: 2px;">
<div style="display: none;">
Ini adalah isi spoiler anda</div>
</div>
</div>


4. Kode warna hijau adalah nama/judul dari spoiler anda. Kode yang berwarna merah adalah isi dari spoiler anda.

Berikut ini adalah demonya, atau hasil dari kode diatas.

Kode
Ini adalah isi spoiler anda

Nah, itu saja. Selamat mencoba. Semoga bermanfaat.

~Muhammad Syakirurohman~



Terima pemberitahuan update artikel ke email anda!

Delivered by FeedBurner

Dilarang menyalin artikel tanpa sumber!

DMCA.com

0 Komentar:

Posting Komentar

Peraturan Berkomentar!
- Gunakanlah kata-kata yang baik, sopan dan santun.
- Komentar yang berbau SARA, Pornografi, Pelecehan dan Kekerasan dilarang keras.
- Dilarang Anonymous dan SPAM! Berkomentarlah yang berkualitas.

Template Designed and Created by Muhammad Syakirurohman | Syakirurahman