Sabtu, 06 Oktober 2012

Cara Mudah Membuat Spoiler di Blog

Apa itu spoiler. saya jelasin singkat saja. Spoiler adalah tombol yang diguanakan untuk menyingkat tempat atau menyembunyikan konten (teks, foto atau video) dengan buka tutup. sebagai contohnnya nanti lihat di terakhir postingan. tapi sebagain orang pasti udah tau dengan spoiler . Spoiler bisa juga dibuat di blog, lebih khusus dipostingan. Biasanya digunakan untuk membuat penasaran si pembaca dengan menyembunyikan terlebih dahulu. Untuk melihatnya dengan mengklik tombol spoiler itu.



Langkah-langkah membuat Spoiler :
1.seperti biasa anda log-in dulu ke blog
2. Buat Entri baru atau mulai Posting.
3. lalu pilih Mode HTML di sebelah Compose pada saat membuat postingan.
4.Copas kode di bawah ini untuk membuat spoiler


<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) di sini
 <br>
</div>
</div>
</div>

5. Kita dapat mengganti Judul Spoiler sesuai kehendak kita, begitu juga Buka dan Tutup.
6. Klik Publish atau Terbitkan Entri jika sudah selesai.

Note :
Pada Tulisan merah di atas bisa anda ganti sesuai keinginan anda.
Contoh Spoiler:
Inilah contoh Spoiler
* ARMIFA-BLOGGS *



Selamat Mencoba

Ditulis Oleh : ade miftah fauzi::ARMIFA-BLOG::

Artikel Cara Mudah Membuat Spoiler di Blog ini diposting oleh ade miftah fauzi pada hari Sabtu, 06 Oktober 2012. Terimakasih atas kunjungan Anda yang telah membaca artikel ini,tinggalkanlah komentar anda baik itu kritik ataupun saran karena komentar anda sangat berarti bagi penulis dan perkembangan blog ini.Pengunjung diperbolehkan meng-copy-paste artikel dengan syarat menyertakan link sumber aktif postingan dibawah ini.Semoga artikel diatas bermanfaat untuk kita semua.Terima kasih.


::get this widget::

Ditulis Oleh : ade miftah fauzi // 10/06/2012
Kategori:

Posting Komentar

::Terima kasih telah membaca Artikel ini::
Bila anda ingin bertanya atau link yang anda download mati atau rusak silahkan berikan komentar di komentar blog.
^_^ Blog 'ARMIFA-BLOGS' ini "DO FOLLOW" silahkan berkomentar dengan sopan untuk mencari backlink, tapi awas JANGAN NYEPAM YA..!

::Terima kasih::

 

Followers

Site Info Blog