Blogger Sayaçlı ve Mobil Uyumlu Sosyal Paylaşım Düğmeleri

11.5.16
Blogger Sayaçlı Sosyal Paylaşım Düğmeleri

Yeni Blogger temalarının mobil uyumlu olması ve buna bağlı olarak blog kullanıcılarının Blogger sitelerinde değişikliklere ve yeni nesil eklentilerine ihtiyaç duymakta.

Bu eklentilerin önelim olanlarından ve hatta bir Blogger sitesinin kalbi sayılabilecek sosyal paylaşım düğmelerinin de mobil cihazlara uyumlu olması blogların daha kullanışlı olmasına ve blog okuyucularının blognuzu daha çok paylaşmasına yaramakta. Bunun yanı sıra Blogger sitelerinde kullanılan mobil uyumlu sosyal paylaşım düğmelerinin sayaçlı olması da blogunuzun ne kadar değerli olduğu ve ne kadar paylaşıldığı hakkında da bilgiler vermektedir. 

Blogger Mobil Uyumlu Sosyal Paylaşım Düğmeleri Nasıl Eklenir?

1. Blogger hesabınıza giriş yapın ve eklemek istediğiniz blogun kumanda panelinden Şablon > HTML'i Düzenle CTRL+F yardımıyla <b:includable id='post' var='post'> kodunu bulun ve bu kod içerisinde bulunan aşağıdaki HTML koduna benzeyen kodun sonunda bulunan kapanış kodu </div> arasına paylaşmış olduğumuz 2 numaralı sosyal paylaşım HTML kodunu ekleyin.

<data:post.body/>
<div style='clear: both;'/> <!-- Sosyal Paylaşım Düğmeleri -->
</div>

2. Yukarıda da değindiğimiz aşağıdaki HTML kodu yukarıda belirttiğimiz gibi </div> kodu üzerine ekleyin ve şablonu kaydedin.

<div class='don-share' data-limit='3'>
<div class='don-share-total'/>
<div class='don-share-facebook'/>
<div class='don-share-twitter'/>
<div class='don-share-google'/>
<div class='don-share-linkedin'/>
<div class='don-share-pinterest'/>
<div class='don-share-tumblr'/>
<div class='don-share-stumbleupon'/>
<div class='don-share-reddit'/>
<div class='don-share-hackernews'/>
<div class='don-share-buffer'/>
<div class='don-share-xing'/>
<div class='don-share-pocket'/>
<div class='don-share-fancy'/>
<div class='don-share-yummly'/>
<div class='don-share-scoopit'/>
<div class='don-share-weibo'/>
<div class='don-share-vk'/>
<div class='don-share-mailru'/>
<div class='don-share-odnoklassniki'/>
<div class='don-share-hatena'/>
</div>
<script src='https://rawgit.com/jquerycods/javascript/master/postshare.js'/>

Yukarıdaki kod içerisinde belirtilen sayısal değer yerine, kaç adet sosyal paylaşım butonun görünmesini belirler. Blogger sitemizde de kullanmış olduğumuz sayacı ve mobil uyumlu sosyal paylaşım düğmelerini kontrol edebilirsiniz.

Bknz: Blog Yazılarına Sosyal Paylaşım Butonları Ekleme

Blogger Sayaçlı ve Mobil Uyumlu Sosyal Paylaşım Düğmeleri hakkında daha fazla bilgi için, yorum formunu kullanarak bize görüş ve sorularınızı bildirebilirsiniz.  
Faydalı mı?
Blogger
Disqus
Yorum Ekle

Hiç yorum yok