Cara Membuat Spoiler Di Blog

Hari ini saya akan menuliskan Cara Membuat Spoiler Di Blog, spoiler bisa kamu gunakan untuk menyembunyikan sebagian tulisan yang terlalu panjang, link, gambar, atau kode script. dan biasanya spoiler banyak digunakan di forum-forum.

» Di sini saya akan menuliskan 2 Versi, kamu tinggal pilih Versi yang mana yang kamu inginkan.

Versi Pertama Melalui HTML Posting :

Oke saya rasa tidak perlu panjang lebar, ayo di mulai...

Seperti biasa, langkah pertama yang harus kamu lakukan adalah masuk dahulu ke blogger.com menggunakan akun kamu, kemudian.

Ikutilah langkah-langkah di bawah ini :

» Klik Buat Entri Baru (Bergambar Pencil) atau Entri Baru.
» Kemudian (kamu tinggal copy & paste Kode di bawah ini pada kolom HTML bukan pada kolom Compose).

Versi Kedua Melalui HTML/JavaScript :

Oke saya rasa tidak perlu panjang lebar, ayo di mulai...

Seperti biasa, langkah pertama yang harus kamu lakukan adalah masuk dahulu ke blogger.com menggunakan akun kamu, kemudian.

Ikutilah langkah-langkah di bawah ini :

1. Klik Tata Letak.
2. Klik Tambah Gadget.
3. Pilih Gadget HTML/Javascript.
4. Kemudian (copy & paste Kode di bawah ini untuk memasukkan widget ini pada blog kamu).
5. Simpan Pengaturan.

█████████████████████████████████████████████████████████████████

Ini Dia "Kode" Tersebut :

<div style="margin-top: 5px; text-align: center;">
» Untuk Info Lebih Lanjut <input value="Klik Di Sini" style="margin: 0px; padding: 0px; width: 60px;
font-size: 10px;" 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'; }"
type="button"/></div>
<div style="border: 1px inset; margin: 0px; padding: 5px;">
<div style="display: none;">
Input Data</div>
</div>
<small><a href="http://tutorial-blog-eno.blogspot.com/2014/10/cara-membuat-spoiler-di-blog.html"  target="_blank">Cara Membuat Spoiler Di Blog</a></small>

Keterangan :

• Warna aqua adalah judul spoiler dan teks tombol Klik Di Sini, silahkan kamu ganti dengan selera yang kamu mau.
• Warna red adalah tempat untuk memasukkan Teks, Link, Gambar, Link+Gambar, atau Kode Script silahkan kamu ganti dengan selera yang kamu mau.

Catatan :

• Cara Membuat Spoiler Di Blog ini hanya bisa memakai kode script widget yang "Diam Di Tempat/Tidak Melayang-Layang Di Blog".

Cara Memasukkan Link, silahkan kamu ganti Input Data menjadi :

<a href="Link" target="_blank" title="Judul Link">Teks Link</a>

Ikuti perintah Kode yang saya beri warna red.

Cara Memasukkan Gambar, silahkan kamu ganti Input Data menjadi :

<img alt="ALT Gambar" border="0" src="URL Gambar" title="Judul Gambar" />

Ikuti perintah Kode yang saya beri warna red.

Cara Memasukkan Link+Gambar, silahkan kamu ganti Input Data menjadi :

<a href="Link" target="_blank" title="Judul Link"><img alt="ALT Gambar" border="0" src="URL Gambar" title="Judul Gambar" />

Ikuti perintah Kode yang saya beri warna red.

Selamat Mencoba, Semoga Berhasil & Mudah-Mudahan Bermanfaat.

█████████████████████████████████████████████████████████████████

Jangan Lupa Like, Comment & Share Artikel Ini Ya » Terima Kasih Atas Kunjungannya » Salam : Eno Sutrisno

BACA JUGA ARTIKEL TERKAIT DI BAWAH INI :

Di Sini Adalah Inspirasi Untuk Sobat Blogger Semua.

Ditulis Oleh : Tutorial Blog Eno » Di Sini Adalah Inspirasi Untuk Sobat Blogger Semua.

Saat ini kamu sedang membaca artikel tentang Cara Membuat Spoiler Di Blog. silahkan kamu Copy-Paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link di bawah ini sebagai sumbernya. INGAT : saling menghargai kreatifitas sesama sobat blogger oke. <a href="http://tutorial-blog-eno.blogspot.com/2014/10/cara-membuat-spoiler-di-blog.html" target="_blank">Cara Membuat Spoiler Di Blog</a>

[Mau Seperti Ini?]