Cara Membuat Spoiler di Blog

Apakah yang dimaksud dengan spoiler itu sendiri? Kenapa harus menggunakan spoiler dalam pem-blogging-an? Spoiler itu adalah sesuatu yang dipakai untuk dapat menyembunyikan link, gambar, seluruh atau sebagian isi dari postingan blog kita, dan lain-lain. Spoiler ini juga bisa menguntungkan kita dalam hal pengurangan loading, maksudnya adalah, jika kita menggunakan spoler pada gambar, maka blog kita tidak akan dikenai beban loading yang bisa memberatkan. Tapi tidak hanya gambar lho, video pun bisa menggunakan spoiler agar loadingnya tidak memberatkan blog kita. Spoiler juga berguna sebagai tempat untuk menaruh kode di postingan supaya punya kesan unik, inovatif dan inspiratif.

Untuk pemasangannya, kita bisa menggunakan dua langkah dengan masing-masing contohnya. Check it out!!!

1. Model Pertama
   
   
   

   
   

   
   

   Apakah yang dimaksud dengan spoiler itu sendiri? Kenapa harus menggunakan spoiler dalam pem-blogging-an? Spoiler itu adalah sesuatu yang dipakai untuk dapat menyembunyikan link, gambar, seluruh atau sebagian isi dari postingan blog kita, dan lain-lain. Spoiler ini juga bisa menguntungkan kita dalam hal pengurangan loading, maksudnya adalah, jika kita menggunakan spoler pada gambar, maka blog kita tidak akan dikenai beban loading yang bisa memberatkan. Tapi tidak hanya gambar lho, video pun bisa menggunakan spoiler agar loadingnya tidak memberatkan blog kita. Spoiler juga berguna sebagai tempat untuk menaruh kode di postingan supaya punya kesan unik, inovatif dan inspiratif.
   
   
   Pada model ini anda harus menggunakan script berikut ini:
   

   <div style="margin: 5px;">
   <div class="bigfont" style="margin-bottom: 2px;"><input value="Open" style="margin: 0px; padding: 0px; width: 60px;" 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" type="button">
   </div>
   <div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">Apakah yang dimaksud dengan spoiler itu sendiri? Kenapa harus menggunakan spoiler dalam pem-blogging-an? Spoiler itu adalah sesuatu yang dipakai untuk dapat menyembunyikan link, gambar, seluruh atau sebagian isi dari postingan blog kita, dan lain-lain. Spoiler ini juga bisa menguntungkan kita dalam hal pengurangan loading, maksudnya adalah, jika kita menggunakan spoler pada gambar, maka blog kita tidak akan dikenai beban loading yang bisa memberatkan. Tapi tidak hanya gambar lho, video pun bisa menggunakan spoiler agar loadingnya tidak memberatkan blog kita. Spoiler juga berguna sebagai tempat untuk menaruh kode di postingan supaya punya kesan unik, inovatif dan inspiratif.</div></div></div>

2. Model Kedua
   Model ini agak berbeda dengan pada Model Pertama, karena menggunakan variasi background pada content-nya. Berikut contohnya:
   
   
   

   
   

   
   

   Apakah yang dimaksud dengan spoiler itu sendiri? Kenapa harus menggunakan spoiler dalam pem-blogging-an? Spoiler itu adalah sesuatu yang dipakai untuk dapat menyembunyikan link, gambar, seluruh atau sebagian isi dari postingan blog kita, dan lain-lain. Spoiler ini juga bisa menguntungkan kita dalam hal pengurangan loading, maksudnya adalah, jika kita menggunakan spoler pada gambar, maka blog kita tidak akan dikenai beban loading yang bisa memberatkan. Tapi tidak hanya gambar lho, video pun bisa menggunakan spoiler agar loadingnya tidak memberatkan blog kita. Spoiler juga berguna sebagai tempat untuk menaruh kode di postingan supaya punya kesan unik, inovatif dan inspiratif.
   
   
   Bagi yang tertarik model berikut bisa meng-copy script berikut ini:
   

   <div style="margin: 5px;">
   <div class="bigfont" style="margin-bottom: 2px;"><input value="Open" style="margin: 0px; padding: 0px; width: 60px;" 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" type="button">
   </div>
   <div class="alt2" style="border: 0px; margin: 0px; padding: 6px;"><div style="display: none;"><div style="background: rgb(180, 123, 16) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">Apakah yang dimaksud dengan spoiler itu sendiri? Kenapa harus menggunakan spoiler dalam pem-blogging-an? Spoiler itu adalah sesuatu yang dipakai untuk dapat menyembunyikan link, gambar, seluruh atau sebagian isi dari postingan blog kita, dan lain-lain. Spoiler ini juga bisa menguntungkan kita dalam hal pengurangan loading, maksudnya adalah, jika kita menggunakan spoler pada gambar, maka blog kita tidak akan dikenai beban loading yang bisa memberatkan. Tapi tidak hanya gambar lho, video pun bisa menggunakan spoiler agar loadingnya tidak memberatkan blog kita. Spoiler juga berguna sebagai tempat untuk menaruh kode di postingan supaya punya kesan unik, inovatif dan inspiratif.</div></div></div></div>

Untuk tulisan berwarna merah dan hijau pada tutorial di atas bisa Anda ganti sesuka Anda. Bisa diisi dengan kode gambar, video, link, posting, atau apa saja terserah Anda. Yang penting tutoral ini bisa membantu Anda. Selamat mencoba dan semoga berhasil!!!

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di die-silver.blogspot.com

Gunakan Tombol berikut untuk menyimpan halaman :
Cara Membuat Spoiler di Blog
menjadi format PDF dan lebih maksimal jika terdapat kesalahan koneksi atau yang lainnya.

..::Artikel Menarik Lainnya::..

Blog

• Berhenti Berharap pada Die-Silver
• Masalah Pada Kotak Komentar
• Design Elements of a Blog
• Optimasi Blog dan Link Teman-Teman
• Editor Baru untuk Posting di Blogspot
• Cara Setting Domain Berbayar di Blogspot Tanpa Hosting
• Hosting Gratis 000webhost.com Mengalami Problem
• Cara Memasang Gadget Online Visitor
• Cara Berkomentar yang Baik dan Benar
• Membuat Menu Dropdown Dan Variasinya
• Cara Blogwalking yang Benar Ala Die-Silver
• Cara Menampilkan Adsense di Blog Berbahasa Indonesia
• Memasang Widget Top Komentator
• Membuat Link Berkelip/Pelangi
• Dasar-dasar Pembuatan Link
• Cara Buat Kotak Link Exchange
• Membuat Kotak Komentar di Bawah Postingan
• Cara Membuat Kotak Blogroll
• Membuat Judul Blog Berjalan
• Daftar Blog DoFollow
• Google Update Pagerank
• Cara Menghilangkan Menu Navigation Bar
• Membuat Widget Chat Box untuk Pemula
• Cara Menampilkan Recent Post (Postingan Terbaru)

Trik Blog

• Masalah Pada Kotak Komentar
• Memberi Penomoran Pada Daftar yang Ditulis
• Editor Baru untuk Posting di Blogspot
• Mengganti Tulisan Read More dengan Gambar
• Cara Mengembalikan Blog yang Terhapus
• Cara Setting Domain Berbayar di Blogspot Tanpa Hosting
• Cara Membuat Status YM Sendiri
• Cara Membuat Read More Menggunakan Span-id
• Cara Memasang Emoticon di Atas Kotak Komentar
• Hosting Gratis 000webhost.com Mengalami Problem
• Cara Memasang Gadget Online Visitor
• Cara Berkomentar yang Baik dan Benar
• Membuat Menu Dropdown Dan Variasinya
• Pasang Alert di Blog Sebagai Pesan Penutup
• Cara Memodifikasi Tulisan PAda Blog
• Cara Membuat Daftar Isi Pada Blog
• Cara Membuat Tabel Pada Blog
• Mempercantik Tampilan Judul Posting pada Label
• Membuat Huruf Posting Bergaya Koran
• Cara Pasang Statistik dan Tracker
• Cara Menampilkan Recent Comments
• Cara menghilangkan Tang dan Obeng
• Memodifikasi Tampilan Artikel Berlangganan Feedburner
• Memasang Widget Artikel Terkait/Related Post pada Blog