CSS ile Reklam Alanı Oluşturmak

CSS Rekalm Alanı

Bu yazıda herhangi bir resime gerek duymadan sadece CSS kodları ile reklam alanı oluşturacağız.
Anlatım için 125x125 reklam alanını seçtim siz dilerseniz boyutları değiştirerek 468x60 veya 300x250 reklam alanı elde edebilirsiniz.

Lafı uzatmadan anlatıma geçelim.



 Aşağıda vermiş olduğum CSS kodlarını şablonunuz da uygun yere ekleyiniz.


.reklam-125{font-family:Arial,Verdana,sans-serif;font-size:13px;font-weight:bold;display:block;height:125px;line-height:125px;width:125px;border: 1px solid #DDDDDD;text-align:center;background:#e9e9e9} .reklam-125:hover{border: 1px solid #ccc;color:black;background:#E0E0E0}



Yukarıdaki kodu ekledikten sonra HTML/JavaScript Gadget ekle yöntemiyle aşağıdaki kodu ekleyerek css ile reklam alanı oluşturma işlemini tamamlıyoruz.Gerekli düzenlemeleri yaparak reklam alanını kullanmaya başlayabilirsiniz.


<a class="reklam-125" href="LINK" rel="nofollow" target="_blank">Reklam Alanı</a>