Membuat iklan spoiler alternatif di blogger

Hello sobat ICloudzer kali ini admin bakalan menajabarkan mengenai cara membuat iklan spoiler alternatif di blogger

Info: Jika kamu sudah penasaran dengan pemanahan kita kali ini yuk langsung aja kita bahas bersama sama

Iklan Spoiler

Apa itu iklan spoiler? iklan spoiler merupakan nama dan makna yang admin buat sendiri untuk membuat postingan terkait iklan alternatif spoiler ini, jika kamu memiliki nama yang cocok untuk widget iklan ini silahkan beritahu melalui kolom komentar ya 😁, yang jelas fungsinya nanti akan menampilkan iklan custom yang bisa di hilangkan saat pengunjung blog anda mengklik icon Tong sampah, atau dalam penjelasan lainnya adalah iklan spoiler ini memberikan kebebasan bagi pengunjung anda untuk memilih tetap menampilkan iklan atau menghilangkan dengan menghapusnya

Contoh Tampilan

Bailah sobat jika kamu.sudah penasaran dengan bagaimana sih contoh tampilan dari iklan alternatif spoiler nya silahkan klik tombol di bawah ini untuk mulai memeriksanya

Periksa

Info: Bagaimana sobat dengan contoh tampilannya keren sekali yak ☺️

Cara pembuatan

Baiklah sobat ICloudzer sekarang saatnya admin bakalan menjabarkan megenai cara membuat iklan spoiler alternatif di blogger, silahkan di baca dan di ikuti setiap arahan yang bakalan admin jelaskan di bawah ini

1. Langkah pertama silahkan login ke blogger menggunakan akun google anda
2. Kemudian salin kode CSS di bawah ini, selanjutnya taruh di atas kode ]]></b:skin>

.rahAdSpo53-idel:before{background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><g transform='translate(3.500000, 2.000000)'><path d='M15.3891429,7.55409524 C15.3891429,15.5731429 16.5434286,19.1979048 8.77961905,19.1979048 C1.01485714,19.1979048 2.19295238,15.5731429 2.19295238,7.55409524'/><line x1='16.8651429' y1='4.47980952' x2='0.714666667' y2='4.47980952'/><path d='M12.2148571,4.47980952 C12.2148571,4.47980952 12.7434286,0.714095238 8.78914286,0.714095238 C4.83580952,0.714095238 5.36438095,4.47980952 5.36438095,4.47980952'/></g></svg>") center / 14px no-repeat}.rahAdSpo53-idel{position:absolute;top:20px;right:20px;font-size:19px;font-weight:700;font-family:initial;cursor:pointer}.rahAdSpo53-idel:before{content:'';width:14px;height:14px;}.rahAdSpo53-idel:hover:before{color:rgba(0,0,0,.4)}.rahAdSpo-cnt{margin-left:95px}.rahAdSpo53-mes{position:relative;display:block;background-color:#fafafa;padding:19px 20px;margin:20px 0;border-radius:5px;color:#2f3239}.rahAdSpo53-mes p{margin:0!important;padding:0;line-height:22px;font-size:13px;color:#2f3239}.drK .rahAdSpo53-mes{background-color:#20242f!important;}.rahAdSpo53-mes span{font-size:14px}.rahAdSpo53-mes i{font-size:18px;line-height:20px;margin-right:5px}.rahAdSpo53-mes.success{background-color:#eaf9f0;color:#4d8765}.rahAdSpo53-mes.success a,.rahAdSpo53-mes.success span{color:#1d9d74}.rahAdSpo53-mes.error{background-color:#f5f0f0;color:#7c5555}.rahAdSpo53-mes.error a,.rahAdSpo53-mes.error span{color:#378fff}.rahAdSpo53-mes.warning{background-color:#fcfaef;color:#8a7243}.rahAdSpo53-mes.warning a,.rahAdSpo53-mes.warning span{color:#8a6d3b}.rahAdSpo53-mes.alert{background-color:#e5fdfb;color:#3e7081}.rahAdSpo53-mes.alert a,.rahAdSpo53-mes.alert span{color:#f55d5d}#rahAdSpo53-mes{display:flex;box-shadow:0 0 #0000, 0 0 #0000, 0 20px 40px -5px rgb(0 0 0 / 3%), 0 10px 25px -5px rgb(0 0 0 / 5%);padding:0;border:1px solid rgb(0 0 0 / 7%);overflow:hidden;margin-top:0;position:relative;border-radius:.8rem}
drK #rahAdSpo53-mes{background:#20242f;border:1px solid rgb(255 255 255 / 7%)}.drK #rahAdSpo53-mes .rounded{color:#fff}#rahAdSpo53-mes .rahAdSpo53-idel{width:15px;border-radius:50px;line-height:15px;display:flex;align-items:center;font-size:12px;right:5px;top:5px;color:#ffffff;justify-content:center;height:15px;background:#9196a6}#rahAdSpo53-mes .rahAdSpo53-idel:before{font-size:10px;color:rgb(255 255 255)}#rahAdSpo53-mes .rounded{display:flex;align-items:center;flex-direction:column;margin-left:.9px;border-right:1px solid rgb(0 0 0 / 7%);padding-left:1.6rem;justify-content:center;padding-right:1.6rem}#rahAdSpo53-mes .relbold{font-size:18px!important;font-weight:700}#rahAdSpo53-mes .relsemi{font-size:12px!important}#rahAdSpo53-mes .relsmall{font-style:italic;color:rgb(145 150 166);font-size:11px!important;line-height:1.6rem;font-weight:400}#rahAdSpo53-mes .relcontent{display:flex;padding:10px 20px;align-items:center;overflow:hidden;position:relative}#rahAdSpo53-mes .relcontent a{font-weight:700;color:#0c6bd1}#rahAdSpo53-mes .relcontent a:hover{color:#555}.tabbed-content{background:#ffffff;box-shadow:1px 1px 6px rgb(0 0 0 / 13%);padding:20px;margin:1em auto}

3. Langkah berikutnya salin lagi kode javascript di bawah ini kemudian taruh di atas kode </body>

<script>
//<![CDATA[
// Close Ad by ICloudice.com
jQuery(document).ready(function(e){e(".rahAdSpo53-idel").click(function(){e(this).parents('div[class^="rahAdSpo53-mes"]').fadeOut(530)})});
//]]>
</script>

4. Jika sudah simpan template anda, dan lanjut ke tahap selanjutnya
5. Nah sobat untuk menampilkan iklan spoilernya silahkan salin dan gunakan kode HTML di bawah ini dan taruh di mana kamu ingin menampilkan iklan nya

<div class='rahAdSpo53-mes rl' id='rahAdSpo53-mes' style='padding:0!important;display:block !important'>
<a href='https://www.icloudice.com' rel='nofollow' target='_blank' style='display:flex;color:#2f3239'>
<div class='rounded' style='margin-left:0px !important;padding-left:0px !important;padding-right:0px!important'>
<img class='fullN' style='width:76px !important;max-width:76px!important' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEQFCuFpjnDju2TIRYh0ZmqWnNVrHiFysef9GD0s4JhdC3glSrUbqhLLCjKxN4DNuOlwhAMdT7g_R3zdokU7vQHBYHLWGQaA6JUp1yI3gxHdxhi-H7L6u1C3tXUW6l9iG3YJUie3Jij6Y/s0/4_20210906_020205_0003.png' alt='Aplikasi untuk menjual pulsa'/>
<span class='relbold'>IC</span>
</div>
<div class='relcontent'>
<div class='urlalso' align='left' style='text-align:left'>
<div style='display:block !important;margin-bottom:0 0 7px!important;border:0 !important;padding:0!important' class='rounded'>Mau usaha jualan pulsa dan token listrik? Pakai ICloudice Apps aja pasti lebih murah.</div>
<div>
<img class='fullN' style='width:160px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGGtVCQM0_lZF_P8TbScQz1mtN88YS0AyTM6o6Ky3m72UHRrbUQTQb-U4Az4HZ9-4gGQ-kphHoqZeYPoCu5MEOZD_dJa6qEfMPeaTZqiG5aADyaeT-ysqDXHm1O19wiKh2LtFc1If3ljO0iYGsqTUtdRCA2vGy5XcJFmmt818AZJos1D98FoVdtR58/s564/playstore.png' alt='Temukan Yoi di Play Store'/>
</div>
</div>
</div>
</a>
<div class="rahAdSpo53-idel" title="Tutup"></div>
</div>

Info: Kamu bisa mengedit terlebih dahulu kode jklan di atas sebelum menerapkannya pada website ataupun blog kamu

IC

Mau usaha jualan pulsa dan token listrik? Pakai ICloudice Apps aja pasti lebih murah.