descriptionist

Let's learn about script

.

Membuat Animasi Loading Page Canda Ringan-Anak Unta Terompet Malaikat Israfil Mesjid Terapung 5 Film Hollywood Terlaris Bintang Yang Setua Dinosaurus Makhluk Jelek Yang Sangat Cerdas

Browse » » » Tutorial Membuat Spoiler Di Blogger

Tutorial Membuat Spoiler Di Blogger

Ditulis oleh Kaspul Anwar pada hari Senin, November 25, 2013 No Comments
Label:
Salam blogger..! Kembali Uwais ingin share salah satu trik blogger, yaitu cara membuat spoiler. Tentu sobat sekalian sudah pada tahu apa yang di maksud dengan spoiler, bukan?. Apalagi buat yang sering gabung di forum-forum atau komunitas online. Tapi buat yang belum tau biar Uwais jelaskan sedikit. Spoiler adalah tombol yang digunakan untuk menyingkat tempat atau menyembunyikan konten (teks, foto atau video) dengan buka tutup. Disamping bisa menghemat tempat, katanya sih bisa mempercepat proses loading page juga. Nah.. biar lebih lengkap nanti akan aku beri contohnya sekalian. Okeyy..tak perlu berlama-lama untuk sobat-sobat yang pengen membuat spoiler ini di blognya , simak caranya berikut ini:

Cara Membuat Spoiler di Blog
  • Tentu saja  login dulu ke Blogger
  • Lalu klik New Post atau Entri Baru 
  • Pilihlah mode Edit HTML bukan Compose saat membuat postingan
  • Masukkan script berikut ini :

Script spoiler disini:
<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> 


Silahkan sobat ganti teks berwarna sesuai kehendak.
Selamat mencoba..!

Creative design By : Unknown | Descriptionist

Terima Kasih sobat telah membaca artikel Tutorial Membuat Spoiler Di Blogger. Yang ditulis oleh Unknown. Pada hari Senin, 25 November 2013. Jika sobat ingin sebarluaskan artikel ini, jangan lupa sertakan sumber link asli. Kritik dan saran silahkan sobat sampaikan pada kotak komentar, Wassalam.

:: Get this widget ! ::

0 komentar:

Posting Komentar



Posting Komentar

Langganan: Posting Komentar (Atom)
 

close