مميزات الإضافة:
- خفيفة.
- تصميم مدمج.
- تتوافق مع جميع المتصفحات الرئيسية.
- جذابة وأنيقة.
- تظهر في صفحات المشاركات فقط.
للمعاينة تجدها في يمين المدونة
- خطوات التركيب:
وضع بداخلها الكود التالي:
<b:if cond='data:blog.pageType == "item"'>
<div class="allf">
<style>
/* Widget by th3skill.com */
#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;
position:0px;}
#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>
<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>
</div>
<script language="javascript">
document.write(unescape('%3C%73%74%79%6C%65%3E%0A%2E%67%65%74%2D%74%68%33%73%6B%69%6C%6C%20%7B%0A%66%6F%6E%74%2D%73%69%7A%65%3A%36%70%78%3B%0A%7D%0A%3C%2F%73%74%79%6C%65%3E%0A%3C%61%20%63%6C%61%73%73%3D%22%67%65%74%2D%74%68%33%73%6B%69%6C%6C%22%20%68%72%65%66%3D%22%77%77%77%2E%74%68%33%73%6B%69%6C%6C%2E%63%6F%6D%22%3E%47%65%74%20%74%68%69%73%20%77%69%64%67%65%74%3C%2F%61%3E'))
</script>
</div>
<!-- Widget by th3skill.com -->
</b:if>
لا تبخل علينا برأيك في تعليق ^^
0 التعليقات :
إرسال تعليق
( مَا يَلْفِظُ مِنْ قَوْلٍ إِلَّا لَدَيْهِ رَقِيبٌ عَتِيدٌ)