Cara membuat spoiler di postingan blog

Cara membuat spoiler di postingan blog memang tidak semudah jika kita membuat spoiler di forum-forum karena pada dasarnya blogger tidak mempasilitasi tombol spoiler oleh karena itu kita harus mengetikan kode-kode HTML yang cukup rumit, tetapi agan disini tidak perlu risau ataupun cemas karena sesaat lagi ane akan berbagi kode HTML-nya dan agan hanya perlu copy & paste, simpel bukan? hee..hee

Postingan ini melanjutkan postingan ane sebelumnya tentang cara cepat agar blog terindex google tapi rasanya kurang afdol jika postingan kita sudah terindex namun hasil postingan kita kurang sempurna. Nah..disini-lah letak dari manfaat cara membuat spoiler di postingan blog agar blog yang kita cintai terlihat lebih rapi dan disukai oleh banyak pengunjung, silahkan perhatikan langkah-langkah dibawah ini.

Cara membuat spoiler di postingan blog

1. Masuk ke akun blogger agan.
2. Pilih entri baru atau edit salah satu postingan yang mau kita beri spoiler.
membuat spoiler di postingan blog
 3.Copy paste kode script di bawah ini.
     <div id="spoiler">
    <div><input type="button" value="Buka" style="margin:0px;padding:0px;" 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 Lagi'; }">
    </div>
    <div style="background: #00ffff; margin: 10px auto;
    border: 0px solid #000;
    padding: 5px;">
    <div style="display: none;">
    isi spoiler
    </div>   
Note: 
  • Kode warna merah bisa agan ganti dengan kata-kata yang sesuai selera agan.
  • Warna biru adalah kode warna background spoiler, silahkan jika ingin di ganti.
  • Warna pink adalah isi dari spoiler, bisa diisi dengan konten tulisan, gambar ataupun video.
4. Klik pratinjau atau publikasikan jika hasilnya sudah sempurna.


Cara membuat spoiler di postingan blog


Cukup mudah bukan untuk cara membuat spoiler di postingan blog? untuk hari ini ane cukupkan sekian dulu semoga sedikit tips dari ane dapat bermanfaat bagi agan-agan yang ingin membuat spoiler di postingan blognya dan bagi agan-agan yang sedang berusaha mempercantik blognya.


1 Response to "Cara membuat spoiler di postingan blog"