Maalesef bütün blog şablonlarının sağ üst kısmına Adsense reklamlarını veya gadget ekleyemiyoruz.Çünkü eğer eklersek başlıkta bazı problemler meydana gelebilir.Yada başlık kilitlenebilir ve bazı sorunlara yol açabilir.
Bazı blogcuların reklam için bloglarının sağ üst köşelerinin kullanmalarının nedeni buraya konulan reklamlar daha fazla dikkat çeker ve daha fazla gösterim ve tık alır.Örneğin:bir okuyucu blogunuzu ziyaret ettiği zaman,ilk baktığı yer blogun başlık kısmıdır ve buradaki reklam gözüne hemen çarpar. Reklam için buranın en sıcak nokta olduğunu söyleyebilirim.
Başlığın yanına yanı blogun sağ üst köşesine sosyal medya butonları,arama kutusu,reklam vb şeyler ekleyebiliriz.Bunun için ilk önce bu kısımda bir gadget alanı açmamız lazım.Ve blog başlığı bölümü yeniden boyutlandırılmalıdır.
Önemli
Bu gadgeti eklemeden önce blog şablonunuzu kaydettin.bunun için şablon kısmına gidip yükle/geri yükle butonuna basın.
Blog başlığını yeniden boyutlandırmak
Adım 1:Blogger hesabınıza giriş yapınız ve sırasıyla Şablon>HTML'yi düzenle'ye tıklayınız.
Adım 2:HTML kodu içinde herhangi bir yere tıklayın ve CTRL+F kombinasyonunu kullanarak Alttaki kodu bulun:
<b:section class='header' id='header' maxwidgets=
Adım 3:Yukarıdaki kodu bulduktan sonra class='header' kodunu class='header header-left' kodu ile değiştirin.
Adım 4:Şimdi aşağıdaki kodu bulun:
<div class='header-cap-bottom cap-bottom'>
Hemen bu kodun üstünde iki tane div tagı bulacaksınız altta olduğu gibi:
</div>
</div>
<div class='header-cap-bottom cap-bottom'>
Adım 5: Aşağıdaki kodu bu yukarıdaki tagın hemen üstüne yapıştırın.
<div style='clear:both;'/>
Header yanı başlık kısmını hal ettikten sonra sıra gadget için sağ üst köşeye alan eklemeye geldi.Yukarıda yaptığımız şey başlığı ortalarda olan bloglar için bu başlığı sola kaydırdık.
Adım 6:Adım 5 te eklediğiniz kodun hemen üstüne aşağıdaki kodu ekleyin:
<b:section class='header-right crosscol' id='header-right' maxwidgets='1' showaddelement='yes'/>
Adım 7:Şimdi CTRL+F kombinasyonunu kullanarak aşağıdaki kodu bulun:
</head>
Adım 8:</head> kodunun hemen üstüne aşağıdaki kodu ekleyin:
<style>
.header-left{
display: inline-block;
float: left;
}
#header-right {
display:inline-block;
float:right;
}
</style>
Adım 9:Eğer gadget alanınız hala başlığı işgal ediyorsa bu gadgeti biraz daha sağa kaydırmak için üsteki koda margin-right: -20px; kodu ekleyin altta olduğu gibi:
style>
.header-left{
display: inline-block;
float: left;
}
#header-right {
display:inline-block;
float:right;
margin-right: -20px;
}
</style>
Adım 10:Şablonu kaydet'e tıklayın.
Şimdi eklemek istediğiniz reklamları,arama kutusu veya sosyal medya butonunu Yerleşim bölümüne giderek ekleyebilirsiniz.