Menu

Blogger RSS,Twitter ve Facebook Sayaçlı Eklentisi

Sosyal medya Site tasarımında oldukça önemlidir.Blogger ın site tasarımıyla uğraşanlar için oluşturduğu gedgetlar yardımıyla istediğimiz kadar eklentiyi site tasarımınızda kullanabilirsiniz.


Blogger eklentileri içinde sosyal medya oldukça önemlidir çünkü sevimli küçük renkli bu eklentiler site ziyaretçilerinin dikkatini çekerek makalenizin tıklanma oranlarını artırmaktadır.

SEO Mektebi olarak Blogger kullanıcılarına Sosyal Medya eklentileri içinden seçtiğimiz kaliteli eklentileri site ziyaretçilerine sunmaya devam etmektedir daha önce yayınladığımız sosyal medya eklentilerine de aşağıdaki bağlantılara tıklayarak ulaşabilirsiniz.

Blogger Sosyal Medya Eklentisi RSS besleme değerlerinizi,Twitter takipçileri sayısını ve Facebook beğeniler sayısını göstermektedir.

Blogger RSS,Twitter ve Facebook Sayaçlı Eklentisi
Yayınladığımız bu eklentiler içinde ki renk kodları #6E6E6E şeklinde olan kodlardır bunları aşağıdaki SEO Mektebi renk kodları sayfasından istediğiniz renkleri seçerek ekleyebilirsiniz.


Ayrıca eklentiler içindeki sayısal değerlerle oynayarak site tasarımına uygun olan ölçüleri sağlayabilirsiniz.
  
Ayrıca daha önce yayınladığımız  aşağıdaki eklentilerde işinize yarayabilir,deneyebilirsiniz.



İlk önce Blogger.com giriş yapınız sonra Yerleşim/Gedget Ekle/ HTML/JavaScript adımlarını takip ediniz.

Blogger RSS,Twitter ve Facebook Sayaçlı Eklentisi

Blogger RSS,Twitter ve Facebook Sayaçlı Eklentisi

HTML/JavaScript tıkladıktan sonra aşağıdaki kodu kopyalayarak resimdeki gibi boşluğa yapıştırınız, Sosyal Medya Butonları Ve Abonelik Formu eklentisini site tasarımınıza uygun olarak istediğiniz yere ekleyebilirsiniz.


<div class="sidebarContainer" id="sidebarSubscribe">
            <a target="_blank" href="http://feedburner.google.com/fb/a/mailverify?uri=seomektebi" class="subscribeSidebarBox" id="subscribeRSS">
                <span class="icon"></span>
                <span class="title"> RSS Beeslemelerine Abone Ol</span>
                <span class="count"> RSS Abone Sayısı +</span>
            </a>
             <a target="_blank" href="https://twitter.com/seomektebi" class="subscribeSidebarBox" id="followTwitter">
                <span class="icon"></span>
                <span class="title"> Twitter da takip ediniz</span>
                <span class="count">Twitter Takipçi Sayısı+</span>
            </a>
            <a target="_blank" href="https://www.facebook.com/seomktbi" class="subscribeSidebarBox" id="likeFacebook">
                <span class="icon"></span>
                <span class="title">Facebook Beğenin</span>
                <span class="count">Facebook Beğeni Sayısı+</span>
            </a>
<span style=" line-height:0px; font-size:8px; font-weight:bold; align:right;
  ">
<a style="color: #FFFFFF;" href=" http://www.seomektebi.com/"></a></span>
        </div>
<style>
#sidebarSubscribe {
    padding: 25px 30px 20px;
}
a.subscribeSidebarBox {
    border: medium none;
    cursor: pointer;
    display: block;
    height: 60px;
    margin-bottom: 8px;
    position: relative;
    width: 265px;
}
#sidebarSubscribe span {
    color: #6E6E6E;
    display: block;
    padding: 3px;
    position: absolute;
    text-shadow: 1px 1px 0 white;
}
#sidebarSubscribe .icon {
    background: url("http://3.bp.blogspot.com/-m_McCYf36ig/UHKKMtKImCI/AAAAAAAAG9s/2bTW3g4VvV0/s1600/tzine_sprite.png") no-repeat scroll 0 0 transparent;
    height: 45px;
    left: 10px;
    top: 10px;
    width: 55px;
}
#sidebarSubscribe .title {
    font-size: 12px;
    left: 70px;
    top: 8px;
}
#sidebarSubscribe .count {
    font: bold 18px/28px 'Myriad Pro',Tahoma,Arialm,sans-serif;
    left: 70px;
    top: 23px;
}
#subscribeRSS .icon {
    background-position: 0 -50px;
}
#followTwitter .icon {
    background-position: -100px -50px;
}
#likeFacebook .icon {
    background-position: -200px -50px;
}
a.subscribeSidebarBox {
    background-color: #FAFAFA;
    border-radius: 10px 10px 10px 10px;
}
a.subscribeSidebarBox:hover {
    background-color: #FDFDFD;
}
a, a:active {
   text-decoration: none;
}
</style>


Blogger RSS,Twitter ve Facebook Sayaçlı Eklentisi Düzenleme:

Kodların içerisinde işaretlediğim linklerin yerine kendi profil adreslerinizi yazmanız yeterli olacaktır.Zaten o kısımları SARI ile gösterdim.Ayrıca resmin yerine istediğiniz bir resmi ekleyebilirsiniz.

Sonraki Yazılar
« Prev Post
Önceki Yazılar
Next Post »

1 yorum ''Blogger RSS,Twitter ve Facebook Sayaçlı Eklentisi"

YORUM EKLE
  1. hocam çok teşekkürler kusursuz çalıştı,genelde kod yayınlayan sitelerin kodlarında hatalar oluyor sizin sitenizdeki kodlarda genelde bir hata yoktur,bizi yormadığınız için sağolun

    YanıtlaSil

Önerilen Yazı
×