21 Mart 2019 Perşembe

Blogger 125x125 Sponsor ( Banner ) Alanı Eklentisi

Blogger Sponsor

Blogger 125x125 Sponsor ( Partner ) Alanı Eklentisi



1. "Blogger Yönetim Panelinize" Giriş Yapın.
2. Sol Menüde var olan "Tema" kelimesine tıklayın.
3. "HTML'yi Düzenle" yazısına tıklayıp, temanın düzenlenme sayfasının açılmasını bekleyin.
4. "CTRL+F" yardımıyla "</style>" etiketini bulunuz.
5. Aşağıdaki "CSS" dosyasını "</style>" etiketinin bir satır üstüne ekleyin.

.partner_zanalab {margin:auto;transition:all 1s ease-out;}
.partner_zanalab .sidebar .widget-content,.partner_zanalab .sidebar-two .widget-content{padding:0;border:0;}
.partner_zanalab .sidebar .widget {margin-bottom:0;padding:0;}
.partner_zanalab img{background:#fff;text-align:center;margin:5px 2.5px;padding:2.5px;border:1px solid #ddd!important;transition:all .6s ease-out}
.partner_zanalab  img:hover {background:#fff;border-color:#bbb!important;}
.partner_zanalab2 {text-align:center;margin:0 auto;transition:all 1s ease-out;}
.partner_zanalab2 .sidebar .widget-content,.partner_zanalab2 .sidebar-two .widget-content{padding:0;background:#f2f6f7;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);border:0;}
.partner_zanalab2 .sidebar .widget,.partner_zanalab2 .sidebar-two .widget {margin-bottom:0;padding:0;}
.partner_zanalab2  img {text-align:center;transition:all 1s ease-out;}
.partner_zanalab2  img:hover {transition:all .5s ease-out;}
.partner_zanalab3 {position:relative;margin:0 auto;}

6."Temayı Kaydet" butonuna bastıktan sonra "7. İşlem"e geçiniz.
7."Blogger Yönetim Panelinin" sol tarafında bulunan Menülerden  "Yerleşime" tıklayın.
8.Sağ taraftaki "Gadget Ekle" yazısına tıklayarak, açılan sayfadan "HTML / JavaScript" yazısına tıklayın.
9.Açılan sayfaya aşağıdaki eklentiye ait son kodları ekleyip "Kaydet" seçeneğine basıp, eklentinizin kurulduğunu göreceksinizdir.

<div class="partner_zanalab">
<a href="https://www.zanalab.com" title="ZanaLab - Blog Sayfası" target="_blank"><img class="noborder" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_I5SDezXdAAtJ0YuLFs3f5vRfCFTR4TNhFQ-tiJZW2SX7pMSivQUoWf15lCs3urMpPTNQzEYWnPVnxu6TmlUtumOoFrYZaGB6LesrXbFswZRzoDOmJrxHac-fdiI0YF7GESXTqbviveQ/s320/ZNLB.jpg" alt="ZanaLab - Blog Sayfası" width="125" height="125" /></a>
<a href="Reklam Alanı 2 " title="Başlık 2"><img class="noborder" src="http://1.bp.blogspot.com/-AzY4b7aWefY/VXoZ6aD1m3I/AAAAAAAACac/jY9906KnHSs/s1600/125x125.jpg" alt="Alt 2" width="125" height="125" /></a>
<a href="Reklam Alanı 3" title="Başlık 3"><img class="noborder" src="http://1.bp.blogspot.com/-AzY4b7aWefY/VXoZ6aD1m3I/AAAAAAAACac/jY9906KnHSs/s1600/125x125.jpg" alt="Alt 3" width="125" height="125" /></a> 
<a href="Reklam Alanı 4" title="Başlık 4"><img class="noborder" src="http://1.bp.blogspot.com/-AzY4b7aWefY/VXoZ6aD1m3I/AAAAAAAACac/jY9906KnHSs/s1600/125x125.jpg" alt="Alt 4" width="125" height="125" /></a> 
</div>


4 yorum:

  1. Banner alanı eklemek isteyen kullanıcılar için yararlı bir paylaşım teşekkürler.

    YanıtlaSil
    Yanıtlar
    1. Rica ederim, güzel ve kullanışlı bir görüntüye sahip olduğu icin sizede tavsiye ederim.

      Sil
  2. Sponsor banner eklentisi güzel bir uygulama. Kullanışlı gibi duruyor. Teşekkür ederiz.

    YanıtlaSil