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

معهد خبراء بلوجر (https://www.bloggerexp.com/index.php)

- إضافات وأدوات بلوجر (https://www.bloggerexp.com/forumdisplay.php?f=10)

أحدث أداة مشاركة على شكل بيضة تتفتح عند المرور عليها 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>

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

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

النتيجة :

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

http://alfaris.net/up/84/alfaris_net_1341016482.png

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

http://alfaris.net/up/84/alfaris_net_1341016547.png

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

تقبلوا تحيات أخوكم : أسامة المسيلي