Blogger yazı altına sosyal paylaşım buton eklentisi

26 Haziran, 2017
Blogger sosyal paylaşım buton eklentisi
Blogger sosyal paylaşım buton eklentisi
Blogger (blogspot) blog sayfalarına yazı sonunda yer alan sosyal paylaşım butonları nasıl eklenir? Blogger için sosyal paylaşım butonları eklentisi (widget).

Bu içerik Cemalettin Koçak, OyunHileleri.ml tarafından Blog Tecrübem için hazırlanmıştır.

Merhabalar arkadaşlar, bu yazımda Blogger sayfaları için sosyal paylaşım buton eklentisinin nasıl eklendiğinden bahsettim.
Blogger sosyal paylaşım butonları
Blogger sosyal paylaşım butonları
Yukarıda yer alan görselde gördüğünüz gibi Facebook, Twitter, Google+, Blogger gibi bir çok sosyal alanlar için paylaşım butonları yer almakta bu eklentide.

Peki bu sosyal paylaşım butonlarını nasıl Blogger'a ekleyeceğiz?


Blogger admin paneline giriş yapın. Her ihtimale karşı şablonuzun yedeğini alın. Admin paneline giriş yaptıktan sonra Tema/HTMLyi düzenle diyoruz ve Ctrl+F yapıyoruz. Ctrl+F yaptıktan sonra
</head>
kodunu aratıp buluyoruz. Aşağıdaki kodu kopyalayıp
</head>
kodunun üstüne yapıştırıyoruz.
<script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "ab0ca80d-f3e2-4a23-96ba-c400631a4619", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>
Yine Html kodlarımız içerisinde
<data:post.body/>
kodunu aratıp buluyoruz. Aşağıdaki kodu kopyalayıp bulduğumuz
<data:post.body/>
kodunun hemen altına yapıştırıyoruz.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
.doncaprio-share-buttons
{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid #BBBBBB;
background-color:#FFFFFF;
-webkit-box-shadow: #B3B3B3 5px 5px 5px;
-moz-box-shadow: #B3B3B3 5px 5px 5px;
box-shadow: #B3B3B3 5px 5px 5px;
padding: 5px;
margin: 10px;
}
</style>
<p align='center' class='doncaprio-share-buttons'>
<span class='st_fblike_hcount' displayText='Facebook Like'></span>
<span class='st_twitter_hcount' displayText='Tweet'></span>
<span class='st_googleplus_hcount' displayText='Google +'></span>
<span class='st_blogger_hcount' displayText='Blogger'></span>
<span class='st_linkedin_hcount' displayText='LinkedIn'></span>
<span class='st_pinterest_hcount' displayText='Pinterest'></span>
<span class='st_email_hcount' displayText='Email'></span>
</p>
</b:if>
Ön izleme butonuna basın eğer sorun yoksa kaydedip çıkın. Bu kadar...

13 yorum:

  1. İnstagram neden yok acaba bu butonların arasında?
    İyi bayramlar bu arada :)

    YanıtlaSil
    Yanıtlar
    1. İyi Bayramlar :)

      Instagram'ın formatı farklı maalesef...

      Sil
  2. uyguladım ama görünmüyor maalesef, neden olabilir acaba? :/

    YanıtlaSil
    Yanıtlar
    1. Merhabalar, ben dün uyguladım çalışıyordu ama şöyle bir not düşmek gerek sanırım: Kodlar arasından Ctrl F ile data:post.body araması yapılırken ilki değilde ikincisinin altına kodları eklemeniz gerekir. Sorun bundan kaynaklanıyor olabilir.

      Sil
  3. Merhaba ,sosyal medya eklentisi için komutlarınızı ekledim.Ama ön izlemede uygulama görünmüyor.Nerede yanlış yapmış olabilirim

    YanıtlaSil
    Yanıtlar
    1. Adımları doğru uyguladığınızdan emin olun lütfen. Ayrıca bir önceki yorumu da incelemenizde fayda var..

      Sil
  4. olmadı maalesef neden olabilir acaba?

    YanıtlaSil
    Yanıtlar
    1. Sharethis.com, Addthis.com gibi siteleri ziyaret ederek tekrar deneyebilirsiniz.

      Sil
  5. Bende denedim olmadı. Tüm yolları denedim fakat görünmüyor. farklı eklentilerde denedim olmuyor. Blogger şablonu kullanıyorum orjinal paylaşım butonlarını kaldıramıyorum bununla alakalı olabilirmi sorun.

    YanıtlaSil
    Yanıtlar
    1. Yerleşim bölümünden paylaşım butonlarını kaldırabilirsiniz. Yukarı paylaşılan eklenti gayet düzgün bir şekilde çalışıyor. Ayrıca temanızdan kaynaklanan bir sorun da olabilir.

      Sil
  6. temadan kaynaklı sorunlar oluşuyor çözemedim ben bir türlü.
    devyemekevi.blogspot.com adresinde sizde bir kontrol edebilirmisiniz.

    YanıtlaSil
    Yanıtlar
    1. Merhabalar, temanızı kontrol ettim, herhangi bir sorun göremedim. Paylaşım butonlarında da sorun yok.

      Sil
  7. Yeni fark ettim bunu, teşekkürler.

    YanıtlaSil

Yorum yaparken:
1. İçerik konusuyla alakalı olmasına özen gösterin.
2. Yazım ve dil bilgisi kurallarına uymayı ihmal etmeyin.
3. Konu ile ilgili olmayan sorularınız için ise Blogger Yardım veya İletişim sayfalarını kullanın.

Copyright © 2016 - 2024 Blog Tecrübem. All rights reserved. Powered by Dijidal.com and Blogger. I Google
Sitede yer alan tüm içerikler Blog Tecrübem'e aittir, kullanım koşulları çerçevesinde alıntı yapılabilir.