Bugün Blogger için açılıp kapanan 970px genişiliğinde ve 250px yüksekliğinde AMP AdSense reklam alanı nasıl oluşturulur ona bakacağız. Bu reklam alanı oldukça fazla yer kapladığı için çoğu blog yazarı bunu kullanmayı tercih etmez. Lakin açılıp kapanma özelliği olduğu zaman kullanılması düşünülebilir. Gelin açılıp kapanabilen 970x250 AMP AdSense reklam alanı nasıl kurulur ona bakalım.
1. Adım
Blogger > Tema > HTML'yi Düzenle yolunu izleyelim ve ]]></b:skin> kodunun hemen üstüne aşağıdaki CSS kodlarını ekleyelim.
2. Adım
Ardından aşağıdaki kodu <body> kodunun hemen altına ekleyelim.
1. Adım
Blogger > Tema > HTML'yi Düzenle yolunu izleyelim ve ]]></b:skin> kodunun hemen üstüne aşağıdaki CSS kodlarını ekleyelim.
.top_banner{margin:20px auto;padding:0 10px 20px;position:relative;width:100%;max-width:990px;height:auto}
#close_topbanner,#open_topbanner{font-family:Roboto,sans-serif;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_topbanner{right:10px}
#open_topbanner{width:100px;text-align:center;right:50%;margin-right:-50px}
#close_topbanner:focus,#open_topbanner:focus{outline:0}
2. Adım
Ardından aşağıdaki kodu <body> kodunun hemen altına ekleyelim.
<b:if cond='data:blog.pageType != "static_page" and data:blog.pageType != "error_page"'>
<div class='top_banner'>
<div id='topbanner'>
<amp-ad data-ad-client='ca-pub-xxxxxxxxxxxxxx' data-ad-slot='xxxxxxxxxx' height='250' layout='fixed-height' type='adsense'>
</amp-ad>
</div>
<button id='close_topbanner' on='tap:topbanner.hide, close_topbanner.hide, open_topbanner.show' role='button' tabindex='0' title='Kapat'>Reklamı Kapat</button>
<button hidden='' id='open_topbanner' on='tap:topbanner.show, close_topbanner.show, open_topbanner.hide' role='button' tabindex='0' title='Göster'>Reklamı Göster</button>
</div>
</b:if>
Daha iyi bloglar için...
Blogger için Açılıp Kapanabilir 970x250 AMP AdSense Reklam Alanı Oluşturmak
Reviewed by Mustafa Aydın
on
1/09/2018
Rating:
Reviewed by Mustafa Aydın
on
1/09/2018
Rating:
Demo eklemek yararınıza olabilir başarılar...
YanıtlaSil