Baglanti Reklamlari Nasil Olusturulur Blogger Eklentileri - Google’da BAŞARI SEO ‘dan Geçer Wordpress Seo Ayarları / Wordpress Eklentileri / Blogger Seo /

 

Blogger Sitenizden para kazanmanın yolu reklam yayınlamaktan geçiyor. Özel Bağlantı Reklamları oluşturmak size kazanç artışı olarak geri dönecektir. 

Bağlantı Reklamları Nasıl Oluşturulur?

Temanızın adsense uyumlu hazır reklam alanları olsa dahi kullanarak gelirlerinizi artırmanın bir başka yolu Bağlantı Reklam Alanları Oluşturmak. Peki Bağlantı Reklam Alanı oluşturmak için gerekli Blogger Eklentileri nelerdir. Kurulumu için yapılması gerekenler nedir. Bu yazımızda adım adım kurulum ve düzenleme yapmanız gerekenleri anlatıyorum.

Eklentinin kurulumuna geçmeden önce bilmeniz gerekenler ile ilgili bilgiler vereyim. Temanız üzerinde değişiklik yapmadan mutlaka bir yedeğini alın. Reklamları kullanma yollarından bahsedecek olursak Yazı içine Reklam Yerleştirme yazımızla otomatik olarak yapabileceğiniz gibi her yazının içerisine ve uygun gördüğünüz yerlere el ile ekleme yapabilirsiniz. 

Bağlantı Reklamları Kurulumu 

Eklentimizin kurulumu iki aşamadan oluşmakta. ilk olarak temanıza css style kodlarını yerleştirmek ve ikinci aşamada reklamın çıkmasını istediğiniz yazıya kodları yerleştirmek. 

Adım 1  

Blogger temamızın kontrol paneline giriş yapıp HTML Düzenle diyerek kodlarımıza ulaşıyoruz. Tema kodlarının içinde CTRL+F tuşlarının yardımı ile </head> etiketini bulduktan sonra hemen üst satırına aşağidaki kodları ekliyoruz ve kaydet diyoruz.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
/*<![CDATA[*/
.link-btn{
  width:100%;
  position:relative;
  padding-top:15px
}
.link-btn:after {
  clear: both;
  content: "";
  display:block;
}
.label-link-btn{
  font-size:12px;
  color:#333;
  position:absolute;
  top:0;
  left:0;
  line-height:1;
}
.label-link-btn svg{
  width:15px;
  height:15px;
  vertical-align:-3px;
}
.label-link-btn svg path{
  fill:#00aecd;
}
.link-btn-left,.link-btn-right{
  width:calc(50% - 10px);
  float:left
}
.link-btn-left{
  margin-right:10px
}
.link-btn-right{
  margin-left:10px
}
.tombol-link {
  width: 100%;
  height: 41px;
  display: block;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  line-height: 41px;
  box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.35) inset, 0px 1px 1px rgba(0, 0, 0, 0.3);
  align-items: center;
  justify-content: center;
  background-color: #333333;
  border: 1px solid #ffffff;
  border-radius: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
  color: #ffffff;
  font-weight: normal;
  font-family: arial, sans-serif;
  font-size: 16px;
  margin: 5px auto;
}
.tombol-link:hover {
  background-color: #fff;
  color: #333;
}
@media screen and (max-width:640px){
  .link-btn-left,.link-btn-right{
  width:100%;
  float:none;
  margin:0 auto;
}
}
/*]]>*/
</style>
</b:if>

   Adım 2 

Reklamların görünmesini istediğiniz yazı içerini aşağıdaki html kodlarını düzenleme yaparak ekleyebilirsiniz. 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class="link-btn">
<div class="link-btn-left">
<a class="tombol-link" href="#" target="_blank">Reklam Yazısı
</a>
<a class="tombol-link" href="#" target="_blank">Reklam Yazısı
</a>
<a class="tombol-link" href="#" target="_blank">Reklam Yazısı
</a>
<a class="tombol-link" href="#" target="_blank">Reklam Yazısı
</a>
<a class="tombol-link" href="#" target="_blank">Reklam Yazısı
</a>
</div>
<div class="link-btn-right">
<a class="tombol-link" href="#" target="_blank">Reklam Yazısı
</a>
<a class="tombol-link" href="#" target="_blank">Reklam Yazısı
</a>
<a class="tombol-link" href="#" target="_blank">Reklam Yazısı
</a>
<a class="tombol-link" href="#" target="_blank">Reklam Yazısı
</a>
<a class="tombol-link" href="#" target="_blank">Reklam Yazısı
</a>
</div>
<a href="#" target="_blank" title="Reklam">
<div class="label-link-btn">
<svg x="0px">
<path d="M7.5,1.5a6,6,0,1,0,0,12a6,6,0,1,0,0,-12m0,1a5,5,0,1,1,0,10a5,5,0,1,1,0,-10ZM6.625,11l1.75,0l0,-4.5l-1.75,0ZM7.5,3.75a1,1,0,1,0,0,2a1,1,0,1,0,0,-2Z"></path>
</svg>
Iklan oleh KompiAjaib
</div></a>
</div>
</b:if>

   Bu aşamadan sonra yazınızın içerisinde reklam alanları görünmeye başlayacaktır. Her hangi bir şekilde amacınıza ulaşamadıysanız bizimle iletişime geçerek destek isteyebilirsiniz. 

Paylaştığımız reklam kodları iki sütun 5 satır olarak ayarlanmıştır. Lakin sütun sayısını azaltmak sizin elinizde. 

Bu düzenlemeyi yapmak için,

 <a class="tombol-link" href="#" target="_blank">Reklam Yazısı</a> 

    yukarıda paylaştığım kodu "left" ve "right" alanlarından birer tane silmeniz bir satır azaltmanız anlamına gelecek. 

Bir başka kullanım şekli olarak size önerebileceğim tek sütun 2 ve ya 3 satır olacak. Bu işlem için öncelikle Adım 1 de kırmızı ile işaretlenmiş bölümde "50%" yerine "100%" yazmanız, adım 2 mavi renkle işaretlenmiş kaldırmanız gerekmekte. 

Dikkat: Tek sütun düzeninde satır sayısını ayarlamak için "left" bölümünde bulunan her bir <a class= kodu bir satır anlamına gelmektedir. 

Kodların anlamı "href="#" reklam linki gelecek bölüm, target="_blank" linkinizin yeni sayfada açılmasını sağlayacak kod

Kurulumunu ve düzenlemesini anlattığımız Bağlantı Reklamları Nasıl Oluşturulur yazımızın sonuna geldik. Son olarak sitenizde kullanabileceğiniz bazı Blogger Eklentileri listesi oluşturdum incelemenizi tavsiye ederim 

 

Benzer Yazılar