Facebook Blogger için Paylaş düğmesi kaydırma eklentisi

Ben çok beklenen Facebook Blogger bloglar için Paylaş düğmesini Out Slide böylece burada yeni bir widget'ı yayınlanmıştır değil çünkü uzun zaman oldu Bu widget gibi birçok özelliğe sahiptir.

Hafif Boyut
Kompakt Tasarım
Tüm Binbaşı tarayıcılar destekler
Çekici ve Zarif
CSS3 ve güzel geçişler ile yapılmıştır.
Sadece Mesaj sayfalarda gösterilen
Bu widget canlı demo aşağıdaki butona tıklayarak görülebilir.

Eğer demo gördük sonra, aşağıdaki yöntemleri kullanabilirsiniz blogunuza bu widget eklemek için -


Yöntem 1: One Click Kurulum
Bir düğmeye tıklama ile blogger blogunuza payı düğmesi dışarı bu slayt ekleyebilirsiniz. Bu widget eklemek için hemen aşağıdaki butona tıklayın ve bu widget eklemek istediğiniz blogu seçin.


Blogger'a Ekle
Düzenini kaydedin ve bitirdiniz. hisse düğmesi dışarı slayt blogunuza olacak ve tüm post sayfalarında gösterilen olacaktır.

Yöntem 2: Manüel ekleme
Birçok kişi ekleyebilir ve kendi kodunu özelleştirmek istiyorum. Eğer öyleyse, aşağıdaki kodu kopyalayın ve HTML / JavaScript widget yapıştırabilirsiniz.

<b:if cond='data:blog.pageType == "item"'>
<style>
/* Widget bilgiigunlugu.blogspot.com.tr */
#fixed-share {background: none repeat scroll 0 0 #4C6699;border-bottom: 3px solid #30476F;bottom: 60px;box-shadow: 0 8px 8px #888888;font-family: Arial;font-size: 16px;padding: 15px 30px 15px 15px;position: fixed;right: -147px;text-align: left;text-transform: uppercase;transition: all 1s ease 0s;z-index: 10;}
#fixed-share:hover {right: 0}
#fixed-share:hover > #share-box {right: 147px}
#share-box {background: none repeat scroll 0 0 #4C6699;bottom: 72px;box-shadow: 0 8px 8px #888888;height: 40px;position: fixed;right: 1px;text-align: center;transition: all 1s ease 0s;width: 40px;}
</style>
 <div id="fixed-share">
 <div id="share-box">
<img src="http://s10.postimg.org/s1a8ghl6t/Fb_Logo.png" />
</div>
<span>Support Us<br/> <script>(function(d){ var js, id =
'facebook-jssdk'; if (d.getElementById(id)) {return;} js =
d.createElement('script'); js.id = id; js.async = true; js.src =
"//connect.facebook.net/en_US/all.js#xfbml=1";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>  <fb:share-button expr:href='data:post.url'
type='button_count'/> </fb:share-button>
</span></div>
<!-- Widget  bilgiigunlugu.blogspot.com.tr -->
</b:if>