Mobil İçin Sabit Reklam Nasıl Yapılır?

Mobil İçin Sabit Reklam Nasıl Yapılır?

Artık bilgisayara ihtiyaç duymak yerine, telefonlarımızdan istediğimiz siteye hızlı bir şekilde giriş yapabiliyoruz. Bunun için sitenize gelen mobil ziyaretçi kişileri iyi bir şekilde uğurlamanız yeterli olacaktır, mobil siteniz ne kadar hızlı ve ne kadar gösterişli olursa gelen ziyaretçi sitenizden memnun bir şekilde ayrılır ve bu durumda size iyi dönüşler olarak geri döner. 2016 yılında sürekli gelişen teknolojide sizlerde sitenizi mutlaka mobil uyumlu yapmayı unutmayın, sitenize gelen trafik mobil ağırlıklı ise yayınlamış olduğunuz reklamları mobil kullanıcılar için sabit bir şekilde göstermek istiyorsanız aşağıdaki kodları deneyebilirsiniz.

HTML Kodları

Bu kodu genel olarak sitenizde mantıklı bir şekilde çalışması için, son div olan veya footer kısmına eklemeniz yeterli olacaktır.

<div class="yusufkalafatreklamkodu"> <a class="yusufkalafatreklamkodu" href="#close"> <span id='close'>x</span> <p>REKLAM KODUNUZU BURAYA EKLEYİN</p> </a></div>

CSS Kodları

Eğer ki temanızda ayrı bir stil dosyası varsa, aşağıdaki kodları stil sayfasının sonuna ekleyebilirsiniz. Eğer yoksa ise, yine footer veya header kısmına eklemeniz yeterli olacaktır.

.yusufkalafatreklamkodu { display: none; } @media (max-width:479px){ .yusufkalafatreklamkodu{ position: fixed; left: 0; width: 100%; bottom:0px; display: block; padding: 10px; float: bottom; } .yusufkalafatreklamkodu:hover { box-shadow: 2px 2px 5px rgba(0,0,0,.2); } #close { float:left; display:inline-block; padding:2px 5px; background:#ccc; } #close:hover { float:left; display:inline-block; padding:2px 5px; background:#ccc; color:#fff;}}

JS Kodları

<script type="text/javascript">window.onload = function(){ document.getElementById('close').onclick = function(){ this.parentNode.parentNode.parentNode .removeChild(this.parentNode.parentNode); return false; }; };</script>

Mobil İçin Sabit Reklam Önizlemesi

Yorum Yap

Yorumlar
WordPress Yazı Görselinin URL'ni Kaldır
WordPress Yazı Görselinin URL'ni Kaldır 12 Mayıs 2017
.htaccess ile IP Adresine İzin Vermek
.htaccess ile IP Adresine İzin Vermek 14 Mayıs 2017
WhatsApp Google Drive Yedekleme Nedir?
WhatsApp Google Drive Yedekleme Nedir? 06 Temmuz 2016
Web Tabanlı Yazılım Nedir?
Web Tabanlı Yazılım Nedir? 28 Nisan 2017
Deep Freeze Nasıl Kaldırılır?
Deep Freeze Nasıl Kaldırılır? 04 Temmuz 2016
PHP ile Sub Menü Nasıl Yapılır?
PHP ile Sub Menü Nasıl Yapılır? 28 Haziran 2017
DDoS Saldırılarının Geleceği Etkilemesi
DDoS Saldırılarının Geleceği Etkilemesi 11 Mayıs 2017
Codeigniter Framework Nedir?
Codeigniter Framework Nedir? 16 Mayıs 2017