Cara membuat iklan melayang di kiri kanan blog

Faronesia.com - Halo sahabat faronesia, pernahkah kamu melihat iklan di kiri dan kanan pada sebuah website atau blog? Ya. Pastinya sering ya, seperti pada salah satu website streaming dan download video terkenal di indonesia. Mereka menggunakan iklan melayang pada sisi kiri dan kanan web supaya website tersebut terlihat penuh dan proporsional serta profesional. Selain itu, klik yang dihasilkan pun kemungkinan akan bertambah dan menjadikan income yang lebih banyak.

Bagaimana cara membuat iklan melayang di kiri kanan blog
Nah cara penerapannya tergolong sangat mudah karena admin sudah menyiapkan kodenya tinggal anda tambahkan kode iklan yang anda inginkan, jadi anda tinggal copy kode saja dan paste di blog Anda. Langsung saja simak tutorial berikut ini.

Seperti biasa, agar pemasangannya berjalan dengan lancar ada baiknya anda membackup template blog anda sebelum di modifikasi. Hal ini berguna untuk jaga-jaga jika anda salah menempelkan kode yang menyebabkan error pada template.

Tutorial membuat iklan melayang di kiri kanan blog
  • Masuk dashboard blog anda
  • Lalu masuk ke bagian tema
  • Lalu klik edit html
  • Tempelkan kode dibawah ini tepat diatas kode ]]></b:skin> atau </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;}
}
  • Setelah itu simpan tema
  • Selanjutnya Masih di dashboard blog anda
  • Lalu masuk ke bagian tata letak
  • Tambahkan gadget
  • Klik html/javascript
  • Tempelkan kode dibawah ini
<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>
KODE IKLAN SISI KIRI
</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>
KODE IKLAN SISI KANAN
</div>
  • Terakhir simpan gadget tersebut.
  • Untuk iklan melayang ini anda diharuskan menggunakan unit iklan dinamis dengan ukuran 160px x 600px.
Demikianlah mengenai Cara membuat iklan melayang di kiri kanan blog semoga bermanfaat untuk para pembaca dimanapun anda berada. jangan lupa share dan jika ingin tanggapan serta masukan silahkan di kolom komentar yang telah tersedia dibawah postingan ini.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel