Posted on: الثلاثاء، 7 أغسطس 2012

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


أولا :

- ندخل على لوحة التحكم
- نضغط على تصميم
-تحرير 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>
رابعاً وأخيراً :


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

النتيجة :

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



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



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

1 التعليقات:

الفنان علي الساهر يقول...

شكرا تم تطبيقها بنجاح

إرسال تعليق