Cara Membuat Iklan Melayang Diatas dan Dibawah




Sebagian besar browser ponsel kompatibel dengan semua jenis bahasa scripting, apakah itu HTML ke HTML5 atau JS atau CSS dalam bentuk apa pun. Dan juga situs web ini dibuat dalam bahasa ini responsif terhadap lebar browser.

Kode yang disediakan akan memberi Anda kemampuan untuk menampilkan ukuran unit iklan 320 × 50 piksel mengambang di ponsel. Iklan ini akan disembunyikan jika situs web Anda dilihat di laptop atau desktop bahkan di tablet.

Cara Membuat Iklan Melayang Di Atas

Untuk membuat Iklan mengambang di atas layar ponsel, Anda harus terlebih dahulu memastikan bahwa ada cukup ruang untuk iklan yang akan mengambang dan tidak menyembunyikan tautan situs web Anda.


Berikut ini adalah kode yang perlu ditambahkan dalam file CSS Anda

@media only screen and (min-width: 310px) and (max-width:500px) {
#adTop {
left:0;
position: fixed;
text-align:center;
top: 0px;
width:100%;
z-index:999;
}
}

Setelah menambahkan skrip di atas ke CSS style sheet Anda, Anda harus menampilkannya di halaman web.

<div id="adTop"> your ad code here </div> 

Skrip ini akan memungkinkan untuk menampilkan Iklan di perangkat seluler.

Cara Membuat Iklan Melayang Di Bawah

Mirip dengan skrip iklan teratas, Anda harus menambahkan skrip berikut dalam file CSS Anda dan juga untuk tampil di situs web Anda menambahkan kode terakhir ke beranda.

@media only screen and (min-width: 310px) and (max-width:500px) {
#adBottom {
left:0;
position: fixed;
text-align:center;
bottom: 0px;
width:100%;
z-index:999;
}
}

 dan di beranda untuk ditampilkan di halaman web. Sangat mudahkan. sekian dulu tutorial cara membuat iklan melayang di bawah dan di atas halaman web/blog.
Admin Semoga Informasi Yang Diberikan Melalui Web Ini Dapat Bermanfaat Bagi Saudara/i

No comments for "Cara Membuat Iklan Melayang Diatas dan Dibawah"