Soldan Açılır Sosyal Paylaşım Butonları

Blogger Eklentileri - Açılır Sosyal Paylaşım Butonları

Blogger Eklentileri gün geçtikçe farklı varyasyonlarla karşımıza çıkıyor.  Şimdide sayfanızın sol altında duran ve üzerine mouse ile geldiğinizde açılan bir sosyal paylaşım kombinasyonunu size sunuyor. Ben blogumda bu tarz bir paylaşım butonu kullanmıyorum fakat sizin için bu sayfada demo olarak kullandım. Sayfanın hemen sol alt tarafında yeşil imgenin üzerine gelerek butonları deneyebilirsiniz.

Blogger Soldan Açılır Sosyal Paylaşım Butonları Eklentisi Kurulumu 

Blogger eklentisini sadece belirli sayfalar için kullanmak istiyorsanız , kullanmak istediğiniz sayfaya içerik girerken oluştur bölümüne gelerek kodlar içine ekleyin. Böylece sadece kodu eklediğiniz sayfa içerisinde kullanabilirsiniz.

Blogger Eklentileri - Açılır Sosyal Paylaşım Butonu Oluşturmak 

Her sayfanızda kullanmak istiyorsanız. Tema kodlarımız içerisine eklemeniz gerekiyor. Tasarım >> Sayfa Öğeleri bölümüne gelerek Gadget Ekle >> HTML/Javascript olarak açıp ekliyoruz.

Blogger Eklentileri - Blogger Açılır Sosyal Paylaşım Butonları

Blogger Eklentiler - Blogger Açılır Sosyal Paylaşım Butonları Kodları

             <!-- Start Shareaholic Sassy Bookmarks HTML-->
<!-- blogger-hakkinda.blogspot -->
<div class="shr_ss shr_publisher">

</div>
<!-- End Shareaholic Sassy Bookmarks HTML -->
<!-- Start Shareaholic Sassy Bookmarks settings -->
<script type="text/javascript">
  var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};
  </script>
 <!-- End Shareaholic Sassy Bookmarks settings -->
<!-- Start Shareaholic Sassy Bookmarks script -->
<script type="text/javascript">
       (function() {
            var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;
            sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";
            var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);
        })();
        </script>

<!-- End Shareaholic Sassy Bookmarks script -->
<!-- blogger-hakkinda.blogspot -->