Jepit Kertas

Berbagai macam tutorial Cara Flash Android ada disini.

Cara Membuat Spoiler Untuk Blog mode HTML

Untuk menyingkat tempat dalan suatu artikel atau sebuah postingan maka cara untuk membuat spoiler ini adalah jalan keluarnya. Spoiler digunakan untuk menyingkat atau menempatkan sebuah objek/teks yang dapat dibuka dan ditutup kembali. Terutama bagi yang suka ber forum ria pasti taulah apa itu fungsi dari spoiler. Dan kali ini akan dibuat tentang Cara Membuat Spoiler Untuk Blog.
Cara Membuat Spoiler Untuk Blog mode HTML

 

Caranya adalah sebagai berikut:
1. Login ke Blogger.
2. New Entri atau buat postingan baru.
3. Copy kode di bawah ini dan tempatkan pada mode HTML.

<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>

Gantilah warna biru sesuai keinginanmu, kemudian untuk warna merah adalah isi dalam spoiler nanti. Cukup mudah bukan.

 



Tinggalkan Komentar

Jepit Kertas © 2017 Frontier Theme
shares