Cara Memasang Spoiler Keren Pada Postingan Blog

Cara Memasang Spoiler Keren pada Postingan Blog Cara Memasang Spoiler Keren pada Postingan Blog

Cara Memasang Spoiler Keren pada Postingan Blog - Menambahkan spoiler pada blog teman juga sanggup menambahkan keistemaan pada blog sobat, spoiler ini tentunya sangat responsive dan mobile friendly yummy dipandang.

Apa sih fungsinya dari spoiler ini? spoiler ini tombol yang dipakai untuk memunculkan misalkan daftar isi dan isi text yang biasanya berdasarkan si penulis itu penting atau sanggup yang lainnya menyerupai gambar maupun video.

Baca Juga : Cara Memasang PopUp Selamat Tahun gres di Blogger


---ISI KONTEN ANDA TERAPKAN DISINI---

Cara Memasang Spoiler Keren pada Postingan Blog


Pertama teman masuk terlebih dahulu ke Blogger > Tema > Edit HTML copy aba-aba CSS dibawah ini dan patekan sempurna diatas aba-aba ]]><b:skin> atau </style>

.centerflip{text-align:center} .flippy{text-align:center} button.flippy{background:#aa65c7;color:#fff;text-align:center;margin:0 auto;border:none;border-radius:3px;padding:8px 16px;margin:10px auto;font-size:14px;font-weight:bold;box-shadow:0 3px 0 0 #883da7;vertical-align:middle;cursor:pointer;text-shadow:0 1px rgba(0,0,0,0.3);transition:background 0.1s ease-in-out} .flippy button:hover,.flippy button:focus{background:#9e4fbf;outline:none} .flippanel{padding:1px;text-align:left;background:#f5f5f5;border:0} .flippanel{padding:24px;display:none}

Kemudian memasang aba-aba JQuery copy aba-aba dibawah ini dan pastekan sempurna diatas aba-aba </body> atau &lt;/body&gt;

<script> $(function(){   $(".flippy").on("click", function(){     $(this).parent().children(".flippanel").slideToggle("normal");   }); }); </script>

Simpan tema teman lalu memasang pada postingan sobat., copy aba-aba dibawah ini dan pastekan didalam postingan artikel sobat.

<div class="centerflip"><button class="flippy">SPOILER</button> <div class="flippanel"> ---ISI DARI SPOILER DISINI--- </div> </div>

Jika sudah klik pulikasikan coba lihat risikonya sobat.

Baca Juga : Cara Membuat Efek Salju Terbaru di Blog

Oke sekian yang sanggup aku sampaikan tentang Cara Memasang Spoiler Keren pada Postingan Blog Terima Kasih yang sudah berkunjung supaya bermanfaat bagi kalian semua.


Sumber https://www.triksimple.com/

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel