Konuk yazar, '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çakOyunHileleri.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.
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...

8 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

Yorum yaparken:
1. İçerik konusuyla alakalı olmasına özen gösterin.
2. Aktif link bırakmayın. (Hemen silinir!)
3. Yazım ve dil bilgisi kurallarına uymaya çalışın lütfen. Konu ile ilgili olmayan sorularınız için ise Blogger Yardım veya İletişim sayfalarını kullanınız.

Copyright © 2017 Blog Tecrübem - Kişisel Blog Her hakkı sakldır.
I Blogger!