Cara Membuat Iklan Melayang di Kiri dan Kanan Website

Table of Contents

ilustrasi iklan

Kalian pasti sudah kesana kemari kan untuk mencari pencerahan dalam membuat iklan melayang di kiri dan kanan website?

Nah kali ini saya akan berikan tutorialnya dengan singkat dan padat tanpa basa basi ya gaes!

Sebelumnya ini saya jelaskan dulu bahwa kode ini hanya akan bekerja di desktop atau laptop saja dan tidak bekerja di hp atau mobile.

Langkah Pertama

1. Masuk ke blogger.com
2. Pilih Tata Letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukkan kode HTML berikut ini:

 <style>  
 .fixed-lside,.fixed-rside{  
  position:fixed;top:60px;width:160px;height:600px;z-index:9999;  
 }  
 .fixed-lside{  
  left:0;  
 }  
 .fixed-rside{  
  right:0;  
 }  
 .close-fixedside{  
  position:absolute;width:160px;height:15px;line-height:15px;font-family:Arial;font-size:10px;font-weight:400;top:-15px;left:0;text-align:center;background:#dedede;color:#333;cursor:pointer  
 }  
 @media screen and (max-width:800px){  
  .fixed-lside,.fixed-rside{display:none;visibility:hidden;}  
 }  
 </style>  
 <div class="fixed-lside">  
 <div aria-label="Close Ads" class="close-fixedside" role="button" tabindex="0" onclick="this.parentElement.style.display=&quot;none&quot;">  
 CLOSE ADS  
 </div>  
 <!-- Silah simpan kode iklan di bawah ini -->  
 </div>  
 <div class="fixed-rside">  
 <div aria-label="Close Ads" class="close-fixedside" role="button" tabindex="0" onclick="this.parentElement.style.display=&quot;none&quot;">  
 CLOSE ADS  
 </div>  
 <!-- Silah simpan kode iklan di bawah ini -->  
 </div>  

Langkah terakhir adalah klik SAVE dan lihat hasilnya!

Mudah bukan? Selamat mencoba!