Selasa, 02 Juli 2013

Cara Membuat Spoiler Pada Blog

Cara Membuat Spoiler Pada Blog
Cara Membuat Spoiler Pada Blog-Selamat pagi sobat YHS Blogger.. Kalau kalian anak kaskus pasti sudah tahu apa itu spoiler. Bahkan orang yang nggak suka sama kaskus pun tahu apa itu spoiler. Tapi mereka belum tentu bisa membuat spoiler dalam blognya sendiri. Nah untuk itu saya akan mengajarkan Cara Membuat Spoiler Pada Blog. Tetapi sebelum mengajarkan caranya, alangkah lebih baik saya menerangkan dulu kegunaan spoiler pada blog. Kegunaan spoiler pada blog adalah untuk memperpendek postingan kita di blog dengan cara memasukkan kata-kata dalam postingan tersebut ke dalam spoiler. Selain itu spoiler juga dapat membuat pengunjung blog kita penasaran. Mari kita lihat contoh spoilernya terlebih dahulu.

http://yhsblogger.blogspot.com
Jika ingin memasangnya, silahkan ikuti langkah-langkahnya di bawah ini.

1. Masuk ke akun blogger kalian.
2. Buat postingan baru.
3. Lalu masuk ke menu HTML.
4. Copy kode di bawah ini dan pastekan di mode HTML.
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><input value="View" 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 = 'Hidden'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'View'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Tulisan/script/gambar letakkan di sini
<br />
</div>
</div>
</div>
Note : View, dan Hidden silahkan ganti sesuai keinginan anda. Misalnya Lihat, dan Sembunyikan.
Tulisan/script/gambar letakkan di sini ganti dengan apa yang akan anda tulis atau bisa juga script anda atau gambar anda.

5. Lalu publikasikan artikel anda.

Demikian  Cara Membuat Spoiler Pada Blog. Caranya mudah bukan?? Selamat mencoba sobat..

Tidak ada komentar:

Posting Komentar