Cara membuat sticky floating ads dengan tombol close – Iklan sticky floating adalah jenis iklan yang menempel atau mengapung di layar website. Banyak yang berpikir bahwa iklan ini berdampak tinggi. Sehingga banyak yang memasangnya untuk menambah penghasilan.
Sebenarnya Google Adsense sudah menyediakan pilihan jenis anchor ads otomatis yang muncul di bagian atas layar website. Meski demikian, banyak yang membuat sticky floating ads di bagian bawah halaman.
Iklan sticky floating ini akan terus mengikuti saat kita scroll ke atas atau ke bawah halaman. Biasanya iklan ini dilengkapi dengan tombol tutup (x) agar bisa ditutup dengan mudah. Nah, bagi yang ingin membuat sticky floating ads dengan tombol close, silahkan simak panduannya berikut ini.
Contents
Cara membuat sticky floating ads dengan tombol close
Di WordPress memasang sticky floating ads sangat mudah, karena ada plugin Floating Ads Bottom yang bisa digunakan untuk itu. Namun, panduan berikut untuk membuat sticky floating ads tanpa plugin mobile view.
Untuk membuat sticky floating ads dengan tombol close di WordPress, langkah-langkahnya adalah sebagai berikut:
1. Tambahkan kode CSS
Langkah pertama adalah menambahkan kode css tambahan.
Masuk ke dashboard WordPress, pilih menu Appearance = Customize = Additional CSS. Paste kode CSS berikut dan klik terbitkan.
| .sticky-ad { menunjukkan: tidak ada; perataan teks: tengah; bawah: 0px; kiri: 0; Lebar: 100%; indeks-z: 999; max-height: 100px; gambar latar belakang: tidak ada; warna latar belakang: #fff; kotak-bayangan: 0 0 5px 0 rgba(0, 0, 0, 0.2); margin-bawah: 0; padding-top: 2px; Transisi: setiap 0,4 detik kemudahan masuk; } @media hanya layar dan (max-width: 480px) { .sticky-ad{ Tampilan: fleksibel; -berorientasi kotak-webkit: vertikal; -webkit-box-directory: normal; -ms-flex-direction: kolom; arah fleksibel: kolom; -webkit-box-align: tengah; -ms-flex-align: tengah; menyelaraskan-elemen: tengah; -webkit-box-pack: tengah; -ms-flex-pack: pusat; justify-content: center; berlimpah: terlihat; Posisi: tetap; perataan teks: tengah; } } .sticky-ad-close-button { posisi: absolut; lebar: 10px; tinggi: 10px; atas: -20px; kanan: -10px; background-image: url(“data:image/svg+xml;charset=utf8,%3csvg width=’13’ height=’13’ viewBox=’341 8 13 13′ xmlns=’ xmlns:xlink=’ style=’ isi:%234F4F4F’ d=’M354 9.31L352.69 8l-5.19 5.19L342.31 8 341 9.31l5.19 5.19-5.19 5.19 1.31 1.31 5.191 5.191 5.191 5.191 5.191 .-5.19-5.19z’%3e%3c /jalur %3e%3c/g%3e%3c/svg%3e”); ukuran latar belakang: 10px 10px; background-position: 10px; warna latar belakang: #fff; background-repeat: no-repeat; bayangan kotak: 0 -1px 1px 0 rgba(0, 0, 0, 0,2); Batas: tidak ada; radius batas: 10px 0 0 0; Kursor: jari telunjuk; } .sticky-ad-close-button:before { posisi: mutlak; Isi: “”; atas: -20px; sekarang: 0; kiri: -20px; bawah: 0; } *{ -moz-box-size: kotak pembatas; -webkit-box-size: border-box; ukuran kotak: kotak pembatas; } :aktif, :fokus{ konteks: 0 } |
Mohon untuk menyesuaikan ukuran karena tampilan bisa berbeda-beda tergantung tema yang digunakan.
3. Buat unit iklan
Langkah kedua adalah membuat unit iklan baru atau mengedit kode iklan yang ada. Kode iklan sticky floating ads dengan tombol tutup (x) adalah sebagai berikut:
style=”tampilan: blok-sebaris; lebar:100%; ketinggian:100px;”
data-ad-client = “ca-pub-xxxxxxxxxxxx“
data-slot-iklan = “xxxxxx“>
Silakan ganti xxxxxxxxxxxxxxx dengan kode Google Adsense Anda. Masukkan juga ukuran iklan yang diinginkan.
Demikian tutorial cara membuat sticky floating ads dengan tombol close. Semoga bermanfaat.
website Pelajaran SD SMP SMA dan Kuliah Terlengkap
mata pelajaran
jadwal mata pelajaran mata pelajaran sma jurusan ipa mata pelajaran sd mata pelajaran dalam bahasa jepang mata pelajaran kurikulum merdeka mata pelajaran dalam bahasa inggris mata pelajaran sma jurusan ips mata pelajaran sma
bahasa inggris mata pelajaran
bu ani memberikan tes ujian akhir mata pelajaran ipa
tujuan pemberian mata pelajaran pendidikan kewarganegaraan di sekolah adalah
dalam struktur kurikulum mata pelajaran mulok bersifat opsional. artinya mata pelajaran smp mata pelajaran ipa mata pelajaran bahasa indonesia mata pelajaran ips mata pelajaran bahasa inggris mata pelajaran sd kelas 1
data mengenai mata pelajaran favorit dikumpulkan melalui cara
soal semua mata pelajaran sd kelas 1 semester 2 mata pelajaran smk mata pelajaran kelas 1 sd mata pelajaran matematika mata pelajaran ujian sekolah sd 2022
bahasa arab mata pelajaran mata pelajaran jurusan ips mata pelajaran sd kelas 1 2021 mata pelajaran sbdp mata pelajaran kuliah mata pelajaran pkn
bahasa inggrisnya mata pelajaran mata pelajaran sma jurusan ipa kelas 10 mata pelajaran untuk span-ptkin mata pelajaran ppkn mata pelajaran ips sma mata pelajaran tik
nama nama mata pelajaran dalam bahasa inggris mata pelajaran pkn sd mata pelajaran mts mata pelajaran pjok
nama nama mata pelajaran dalam bahasa arab mata pelajaran bahasa inggrisnya mata pelajaran bahasa arab
seorang pengajar mata pelajaran akuntansi di sekolah berprofesi sebagai
nama mata pelajaran dalam bahasa jepang
hubungan bidang studi pendidikan kewarganegaraan dengan mata pelajaran lainnya
dalam struktur kurikulum mata pelajaran mulok bersifat opsional artinya mata pelajaran dalam bahasa arab
tujuan mata pelajaran seni rupa adalah agar siswa
