Home » » Cara Membuat Spoiler di Postingan Blog

Cara Membuat Spoiler di Postingan Blog


Cara Membuat Spoiler di Postingan Blog - Membuat spoiler di blog adalah cara untum membuat blog lebih terlihat simpel. Spoiler di blog ini berfungsi untuk menyembunikan sebuah gambar,Artikel ataupun sebuah video dengan spoiler anda bisa menyisipkan didalamnya.

Cara Membuat Spoiler di Postingan Blog - Tiada henti hentinnya saya akan memberikan tutorial tentang blog dan kali ini saya akan memberikan Cara Membuat Spoiler di Postingan Blog cara membuat nya sangat mudah anda tinggal memperhatikan , membaca dan memahami penjelasan yang saya berikan dibawah ini.

Cara Membuat Spoiler Pada Postingan Blog :
1. Login ke blogger
2. Kemudian tulis postingan baru
3. Ganti tab Compose dengan tab HTML
4. Masukan kode di bawah ini

<div id="spoiler" style="display:none">


konten yang disembunyikan

</div>
<button title="Klik untuk melihat/menyembunyikan" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Open/Close</button>

5. Ganti kode yang berwarna Biru Tebal dengan konten yang akan sobat sembunyikan.

6. Kode yang berwarna Merah tebal bisa sobat ganti sesuai selera sobat.







28 comments:

  1. cocok gan buat menghemat space dan postingan gak kepanjangan tampilannya.

    ReplyDelete
    Replies
    1. bener banget :D makasih ya udah berkunjung

      Delete
  2. Saya simpan dulu kodenya Mas mana tahu suatu saat perlu untuk artikel jika postingan terlalu panjang tinggal diberi spoiler seperti ini.

    ReplyDelete
  3. Wah Boleh di coba nih...
    http://center60.blogspot.com/

    ReplyDelete
  4. Thanks mas infonya,jadinya postingan tidak terlalu kepanjangan deh :)

    ReplyDelete
  5. nah ini dia yg saya cari cari, thanks gan

    ReplyDelete
  6. siipp biar menghemat tempat posting :)

    ReplyDelete
  7. Seperti yang ada di kaskus gitu yaa gan?

    ReplyDelete
  8. ane simpan dulu kodenya mas...
    makasih ya atas artikelnya...
    heheheheh :D

    greenz-blogger.blogspot.com

    ReplyDelete
  9. kalo yg kaya gini ane pernah make sob.. agak ribet dikit cara makenya..

    ReplyDelete
  10. wah jadi simpel gitu ya ... salam kenal mas... makasih ya scriptnya

    ReplyDelete
  11. lumayan mas gan artikelnya simple tk di praktekkan ... ane juga punya yang versy style....

    ReplyDelete
  12. makasih infonya mas :)

    enamtigago.blogspot.com

    ReplyDelete
  13. mantep nih biar posting yang panjang gak jadi ribet mbacanya :)

    inticoretan.blogspot.com

    ReplyDelete
  14. sangat membantu saya yang uda lupa nih
    hehehehee

    ReplyDelete
  15. trimakasih juragan untuk infonya..

    ReplyDelete
  16. Sujud syukur saya ucapkan kepada ALLAH SWT dan saya sekeluarga sangat berterimakasih banyak kepada EYANG SEMAR atas bantuannya saya bisa menang togel dan nomor ghoib yang diberikan 4d (6300) alhamdulillah BENAR2 berhasil sya menang 79 juta’ karna sekarang ini kehidupan saya jauh lebih baik dari sebelumnya dan semua utang2 saya sudah pada lunas semua, jika anda mau bukti bukan rekayasa silahkan hubungi EYANG SEMAR:(_0_8_5_3_1_6_1_1_0_0_1_2_) ini lah kisah nyata dari saya
















    Sujud syukur saya ucapkan kepada ALLAH SWT dan saya sekeluarga sangat berterimakasih banyak kepada EYANG SEMAR atas bantuannya saya bisa menang togel dan nomor ghoib yang diberikan 4d (6300 ) alhamdulillah BENAR2 berhasil sya menang 79 juta’ karna sekarang ini kehidupan saya jauh lebih baik dari sebelumnya dan semua utang2 saya sudah pada lunas semua, jika anda mau bukti bukan rekayasa silahkan hubungi EYANG SEMAR:(_0_8_5_3_1_6_1_1_0_0_1_2_) ini lah kisah nyata dari saya















    Sujud syukur saya ucapkan kepada ALLAH SWT dan saya sekeluarga sangat berterimakasih banyak kepada EYANG SEMAR atas bantuannya saya bisa menang togel dan nomor ghoib yang diberikan 4d (6300 ) alhamdulillah BENAR2 berhasil sya menang 79 juta’ karna sekarang ini kehidupan saya jauh lebih baik dari sebelumnya dan semua utang2 saya sudah pada lunas semua, jika anda mau bukti bukan rekayasa silahkan hubungi EYANG SEMAR:(_0_8_5_3_1_6_1_1_0_0_1_2_) ini lah kisah nyata dari saya















    Sujud syukur saya ucapkan kepada ALLAH SWT dan saya sekeluarga sangat berterimakasih banyak kepada EYANG SEMAR atas bantuannya saya bisa menang togel dan nomor ghoib yang diberikan 4d (6300 ) alhamdulillah BENAR2 berhasil sya menang 79 juta’ karna sekarang ini kehidupan saya jauh lebih baik dari sebelumnya dan semua utang2 saya sudah pada lunas semua, jika anda mau bukti bukan rekayasa silahkan hubungi EYANG SEMAR:(_0_8_5_3_1_6_1_1_0_0_1_2_) ini lah kisah nyata dari saya















    Sujud syukur saya ucapkan kepada ALLAH SWT dan saya sekeluarga sangat berterimakasih banyak kepada EYANG SEMAR atas bantuannya saya bisa menang togel dan nomor ghoib yang diberikan 4d (6300 ) alhamdulillah BENAR2 berhasil sya menang 79 juta’ karna sekarang ini kehidupan saya jauh lebih baik dari sebelumnya dan semua utang2 saya sudah pada lunas semua, jika anda mau bukti bukan rekayasa silahkan hubungi EYANG SEMAR:(_0_8_5_3_1_6_1_1_0_0_1_2_) ini lah kisah nyata dari saya















    Sujud syukur saya ucapkan kepada ALLAH SWT dan saya sekeluarga sangat berterimakasih banyak kepada EYANG SEMAR atas bantuannya saya bisa menang togel dan nomor ghoib yang diberikan 4d (6300 ) alhamdulillah BENAR2 berhasil sya menang 79 juta’ karna sekarang ini kehidupan saya jauh lebih baik dari sebelumnya dan semua utang2 saya sudah pada lunas semua, jika anda mau bukti bukan rekayasa silahkan hubungi EYANG SEMAR:(_0_8_5_3_1_6_1_1_0_0_1_2_) ini lah kisah nyata dari saya















    Sujud syukur saya ucapkan kepada ALLAH SWT dan saya sekeluarga sangat berterimakasih banyak kepada EYANG SEMAR atas bantuannya saya bisa menang togel dan nomor ghoib yang diberikan 4d (6300 ) alhamdulillah BENAR2 berhasil sya menang 79 juta’ karna sekarang ini kehidupan saya jauh lebih baik dari sebelumnya dan semua utang2 saya sudah pada lunas semua, jika anda mau bukti bukan rekayasa silahkan hubungi EYANG SEMAR:(_0_8_5_3_1_6_1_1_0_0_1_2_) ini lah kisah nyata dari saya

    ReplyDelete
  17. Dear, Pengelola Blog http://itupedia.blogspot.com

    kami dari asianbrilliant.com dan smartsukses.com
    ingin menawarkan kerjasama untuk memasang banner iklan kami di
    blog http://itupedia.blogspot.com

    mohon dikirim kontak person atau email yang bisa kami hubungi.
    ke email kami brilliantsmart@gmail.com atau ke nomor hp. 082122378550
    atas perhatiannya kami ucapkan terima kasih

    salam
    asian brilliant dan smart sukses

    ReplyDelete
  18. mantap gan,,,ane praktekin bisa

    ReplyDelete
  19. min ini mempengaruhi loading blognya ga ya? Website Gratis

    ReplyDelete