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;}}