30 Nisan 2010 Cuma

Blogger Ve Blogcular İçin Reklamı Kapat Eklentisi !

Merhaba Arkadaşlar. Bugün Enes Abimin sitesinde gördüğüm  daha doğrusu sitesinde görüpte bir türlü faaliyete geçiremediğim bir eklentiyi sizlere anlatacağım bu eklenti ile sitenizde ayrı bir hava katacak gibi duruyor.
Bu eklenti ile ziyaretçilerin gözüne hoş görünmeyen reklamların bir tık ile kapatabilmesi siteye "+" bir değer kapmakla beraber gayet güzel bir görünümlede ziyaretçiyi cezbediyor.Enes Abimi uzun zamandır takip ediyorum fakat bir türlü tanışma fırsatım olmadı inş onunlada tanışırız dilerseniz anlatımımıza geçelim.


Öncelikler Blogger ler ]]></b:skin> kodundan önce aşağıdaki kodları ekliyorlar

.Reklam-Kapat {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 1em 1.5em 1em 5.5em;
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
    color:#444;
    background: #FFF6BF url() 2.2em center no-repeat; border-color: #EB1885;
}
.Reklam .Kapat{ position:relative; float:right; top:-5px; right:-5px; }
.Reklam .Kapat img{border:none; background:none;}
.Reklam a  {color: #817134;}


Şimdi Şablonumuzu kayıt edip çıkıyoruz.Ardıdından reklamda bu kapat eklentisini kullanırken.


<div class='Reklam-Kapat'>
<a class='Kapat' href='javascript:void(null)' onclick='javascript:this.parentNode.style.display=&apos;none&apos;;'><img alt='kapat' src='http://1.bp.blogspot.com/_ax67EI994Pw/S9rZbskAx0I/AAAAAAAAADo/eBFm3Cdxko0/s1600/1272633186_dialog-close.png' title='Reklamı Kapat'/></a><b>Reklam Kodunuzu Buraya Yapıştırın</b></div>
</span>
Kodlarında kullanıyoruz.
Bloggerler için bu böyle

Blogcular için ise

.Reklam-Kapat {

    margin-top: 0.5em;

    margin-bottom: 0.5em;

    padding: 1em 1.5em 1em 5.5em;

    border-bottom: 2px solid #fff;

    border-top: 2px solid #fff;

    color:#444;

    background: #FFF6BF url() 2.2em center no-repeat; border-color: 
#EB1885;

}

.Reklam .Kapat{ position:relative; float:right; top:-5px; right:-5px; }

.Reklam .Kapat img{border:none; background:none;}

.Reklam a  {color: #817134;}




Yukarıdaki kodları </style> kodundan önce yapıştırsınlar şimdi reklam kodunu alıp aşağıda kırmızı yazı ile belittiğim yere yapıştırarak kullanabilirler


<div 
class='Reklam-Kapat'>

<a class='Kapat' href='javascript:void(null)' 
onclick='javascript:this.parentNode.style.display=&apos;none&apos;;'><img
 alt='kapat' 
src='http://1.bp.blogspot.com/_ax67EI994Pw/S9rZbskAx0I/AAAAAAAAADo/eBFm3Cdxko0/s1600/1272633186_dialog-close.png'
 title='Reklamı 
Kapat'/></a><b>Reklam Kodunuzu Buraya Yapıştırın</b></div>

</span>


Hepsi bu kadar hayırlı olsun :)

Hiç yorum yok:

Yorum Gönder

Yorum Almak Bir Site Sahibine Verilecek En Güzel Hediyedir Teşekkür Ederim..