Lompat ke konten Lompat ke sidebar Lompat ke footer

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 isyarat CSS dibawah ini dan patekan sempurna diatas isyarat ]]><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 isyarat JQuery copy isyarat dibawah ini dan pastekan sempurna diatas isyarat </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 isyarat 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 akhirnya 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 biar bermanfaat bagi kalian semua.


Sumber https://www.triksimple.com/