Açılır Kapanır Reklam Alanı Kodu

Sitemizin bu bölümünde nerdeyse bir çok site sahibinin arayıpta bulamadığı açılır kapanır reklam alanı kodu ile sizlerleyiz, youtube'de ve bir çok sitede görmüş olduğunuz ve sitemizde'de yer alan 970x250 ve diğer reklam alanlarında kullanabileceğiniz bu kod ile ziyaretçilerinize aç kapa yapabilme olanağı sağlıyan reklam ekleyebilirsiniz.

970x250 reklam panosu kodu, 728x90 reklam alanı kodu, açılır kapanır reklam alanı kodu arayanlar aşağıdaki kod mutlaka işinizi görecektir, Üst kısımdaki görseldede görüntülendiği gibi reklamı kapatma ve açma fonksiyonunun olması ziyaretçiler için artı bir önem taşımaktadır.Konuyu daha fazla uzatmadan kodu sitenize nasıl ekleyeceğinizi kısaca anlatalım.

Açılır Kapanır Reklam Alanı Kodu Nasıl Eklenir ?

1-Blogger'a Reklam Nasıl Eklenir ?

Reklam alanını blogger sitenize eklemek için bloğunuzun admin panelinde yer alan tema>Html'yi düzenle bölümüne giriş yapınız.Şablon editörü kod düzenleme bölümüne gelerek aşağıdaki adımları sırası ile uygulayınız.

Şablon editörü sayfasında aradığınız kodları daha hızlı bir şekilde bulabilmek için klavyenizin CTRL+F tuşlarından faydalanabilirsiniz.
1-a) Aşağıdaki CSS kodlarını şablon editörü bölümünde yer alan </head> kodunun hemen üzerine ekleyiniz.

<b:if cond='data:view.isMultipleItems'>
<style>
.ads-container{margin:20px auto;padding:0 10px 20px;position:relative;width:100%;max-width:990px;height:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
#close_button,#open_button{font-family:inherit;position:absolute;padding:0;bottom:0;background:0 0;border:none;cursor:pointer;color:#888;font-size:15px;font-weight:500;height:20px;line-height:20px;}
#close_button{right:10px}
#open_button{width:100px;text-align:center;right:50%;margin-right:-50px}
#close_button:focus,#open_button:focus{outline:0}
.adsresponsive{width:970px;height:250px;}
@media screen and (max-width:960px){
.ads-container{max-width:320px;}
.adsresponsive{width:300px;height:250px;}}
</style>
</b:if>


1-b) Aşağıda yer alan HTML kodunu şablon editörü bölümünde yer alan <body> kodunun hemen altına ekleyiniz.

<b:if cond='data:view.isMultipleItems'>
<div class='ads-container'>
<div id='ads-content'>
<!-- Reklam kodunuz -->
<ins class="adsbygoogle adsresponsive"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxxxxxxx"
     data-ad-slot="xxxxxxxxxxx"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
  </div>
<button id='close_button' onclick="document.getElementById('ads-content').style.display='none';close_button.style.display='none';open_button.style.display='block';" role='button' tabindex='0' title='Kapat'>Kapat</button>
<button hidden='' id='open_button' onclick="document.getElementById('ads-content').style.display='block';close_button.style.display='block';open_button.style.display='none';" role='button' tabindex='0' title='Aç'>Aç</button>
</div>
</b:if>


Üst kısımda yer alan HTML kodu içerisindeki ca-pub-xxxxxxxxxxxxx ve data-ad-slot="xxxxxxxxxxx"> alanlarına yayıncı kimliğinizi vede reklam kodunuzu ekleyiniz yada adsenseden 970x250 ebatlarında bir reklam birimi oluşturup size verilen kodu html kod içerisinde yer alan <!-- Reklam kodunuz --> ile </ div> kodlarının arasına yerleştiriniz, bu işlemide yaptıktan sonra şablonu kayderek reklam alanını sitenize ekleyebilirsiniz.

2- Diğer Siteler İçin Açılır Kapanır Reklam Alanı Nasıl Eklenir ?

Blogger haricinde farklı bir tasarıma sahip siteniz varsa yapmanız gereken işlemler çok daha basit olacaktır. Öncelikle css ve html kodları içerisinde yer alan b:if kodunu bulup siliniz ardından css kodunu sitenizin css kodlarının yer aldığı bölüme html kodunu'da sitenizin header menü kodlarının hemen altına ekleyebilirsiniz.

Açılır kapanır reklam alanı kodunu eklemek oldukça basit fakat ben yapamadım diyen arkadaşlar olursa tüm siteler için yardımcı olmaya çalışırız, Yardım isteyen arkadaşlar alpemix uzaktan yardım programını indirdikten sonra bizimle iletişime geçebilirler.

Yorum Gönder

0 Yorumlar