أحدث أداة مشاركة على شكل بيضة تتفتح عند المرور عليها -منقول

أولا :

- ندخل على لوحة التحكم
- نضغط على تصميم
-تحرير HTML
- نقوم بتوسيع قوالب عناصر المستخدم
- نقوم بتنزيل قالب كامل في حالة وقوع أي خطأ لاسمح الله

ثانيا :

نبحث عن الوسم التالي باستخدام تقنية Ctrl + F

كود:

</head>

وقبله مباشرة نضع هذا الكود :

كود:

<script type="text/javascript" src="http://w.sharethis.com/gallery/shareegg/shareegg.js"></script><script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script><script type="text/javascript">stLight.options({publisher: "a24ff27f-9f78-47f2-964b-0ff1c6637032", onhover:false}); </script><link media="screen" type="text/css" rel="stylesheet" href="http://w.sharethis.com/gallery/shareegg/shareegg.css"></link>

ثالثاً :

باستخدام تقنية Ctrl +F

نبحث عن الوسم التالي :

كود:

</body>

وقبله مباشرة نضع الكود التالي :

كود:

<div style='position: fixed; bottom: 2%; left: 2%;'><div class='shareEgg' id='shareThisShareEgg'/></div><script type='text/javascript'>stlib.shareEgg.createEgg('shareThisShareEgg', ['facebook','twitter','googleplus','linkedin','blogger','stumbleupon','sharethis'],{title:'<data:blog.pageTitle/>',url:'<data:blog.url/>',theme:'shareegg'});</script>

رابعاً وأخيراً :

نضغط على معاينة القالب
إذا كانت الإضافة تمت بشكل سليم
نظغط على حفظ القالب

النتيجة :

شكل الأداة الطبيعي :

شكل الأداة بعدالمرور عليها :



وهنيئاً لكم إضافة إحترافية ستساهم في نشر مواضيعكم ومدوانتكم الكريمة