Cara Memasang Spoiler Di Dalam Postingan Blog Sangat Keren
4 Mar 2019
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.
---INILAH HASIL NYA---
Cara Memasang Spoiler Keren pada Postingan Blog
Pertama sahabat masuk terlebih dahulu ke Blogger > Tema > Edit HTML copy aba-aba CSS dibawah ini dan patekan sempurna diatas kode]]><b:skin>atau </style>
/* Spoiler */ #flippy{text-align:center;margin:auto;display:inline} #flippy button{background:#fff;background-image:linear-gradient(to right,#34ea78 0%,#2da7e3 51%,#34ea78 100%);background-size:200% auto;color:#fff;display:block;width:100%;padding:15px;font-weight:500;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:0.5px;margin:10px auto;border-radius:3px;box-shadow:0 2px 8px rgba(0,0,0,0.05);transition:all .3s} #flippy button:hover,#flippy button:focus{background-position:right center;outline:none;opacity:1;color:#fff} #flippanel{display:none;padding:10px 0;text-align:left;background:#fff;margin:10px 0 0 0} #flippanel img{background:#f5f5f5;margin:10px auto}Kemudian memasang aba-aba JQuery copy aba-aba dibawah ini dan pastekan sempurna diatas kode</body>atau</body>
<script type='text/javascript'> //<![CDATA[ //Spoiler $(document).ready(function(){$("#flippy").click(function(){$("#flippanel").slideToggle("normal")})}); //]]> </script>Simpan tema sahabat lalu memasang pada postingan sobat., copy aba-aba dibawah ini dan pastekan didalam postingan artikel sobat.
<div id="flippy"><button>Klik untuk melihat semua</button> <div id="flippanel"> ---ISI DARI SPOILER DISINI--- </div> </div>Jika sudah klik pulikasikan coba lihat alhasil sobat.
Oke sekian yang sanggup aku sampaikan perihal Cara Memasang Spoiler di dalam Postingan Blog Sangat Keren Terima Kasih yang sudah berkunjung supaya bermanfaat bagi kalian semua.