Tutorial Blogger

Cara Membuat Kotak Spoiler dengan CSS di Blogger

Spoiler Box atau kotak spoiler, yang merupakan fitur untuk menampilkan dan menyembunyikan suatu informasi pada konten dengan menggunakan tombol. Biasanya Spoiler Box ini sering dijumpai di berbagai website forum diskusi,

Umumnya Spoiler box dibuat dengan JavaScript atau jQuery yang menggunakan gaya tampilan buka tutup, atau sering di sebut Show dan Hide. Sebetulnya Spoiler Box atau Kotak Spoiler bisa juga dibuat hanya dengan Style CSS saja. Justru menurut saya jika hanya menggunakan CSS mampu meringankan loading blog.

Di artikel kali ini, penulis akan share sedikit tutorial singkat Cara Membuat Kotak Spoiler Keren dengan CSS di Blogger. Jika kamu tertarik untuk memasang Spoiler Box di dalam blog atau website kamu, kamu bisa langsung simak dalam tutorial di bawah ini.

Cara Membuat Kotak Spoiler Keren dengan CSS di Blogger

1. Log in ke Blogger → Pilih Tema → Edit HTML.

2. Copy dan Pastekan kode CSS di bawah ini sebelum kode ]]></b:skin> atau </style>

3. Simpan Tema.

4.  Masukan kode pemanggil di bawah ini kedalam postingan kamu. Postingan → Entri Baru → Pilih mode HTML.

5. Artikel Siap di Publish.

Berikut adalah tampilan dan preview Kotak Spoiler Keren dengan CSS di Blogger yang telah dipasang di blogger.

Demikian tutorial Cara Membuat Kotak Spoiler Keren Dengan CSS di Blogger yang penulis bagikan untuk kamu semua. Jika ada yang kurang dimengerti perihal artikel ini. Jangan sungkan untuk berkomentar di bawah ini ya. Semoga bermanfaat.

Tutorial Lainnya dari Penulis:









Click to comment

Leave a Reply

Your email address will not be published. Required fields are marked *

Inwepo adalah media platform yang membantu setiap orang untuk belajar dan berbagi tutorial, tips dan trik cara penyelesaian suatu masalah di kehidupan sehari-hari dalam bentuk teks, gambar. dan video.

Dengan bergabung bersama kami dan membuat 1 tutorial terbaik yang kamu miliki dapat membantu jutaan orang di Indonesia untuk mendapatkan solusinya. Ayo berbagi tutorial terbaikmu.

Berlangganan tutorial gratis melalui email

Copyright © 2019 Inwepo - All Rights Reserved.

To Top