طريقة اضافة ازرار المشاركة ,twitter,google +1,Facebook

السلام عليكم

اليوم كما وعدانكم واستكمالا لتجارب الصداع اطرح لكم الشرح بعد انتهاء التجارب والتأكد من نجاحها باذن الله 😉 لماذا اضيف هذه الاضافات لموقعي (لسبب بسيط وهو معرفتنا جميعا بهذه المواقع الاجتماعية وشهرتها في العالم العربي ) طيب لماذا لاستخدم الشيرمود هاك مود من الموقع الام ( لم يقل احد انك لا تستطيع استخدامه بالطبع تستطيع ولكنه كاي هاك يجب باستمرار تحديثة وخلافه بخلاف ان هذا الهاك ينقصه الجوجل بلاس ولاتظهر الازرار الا في اول مشاركة فقط غير انه ملئ بالمواقع الاجتماعية التي لم نسمع بها من قبل ) طيب ما تختلف عنه اضافاتك انت ( اعالج المشاكل التي يعاني منها الهاك من نقص الموقع الاجتماعية والحاجة للتحديث المستمر (الا في حالة تغير الاكود من المواقع المذكوره (ربما) وظهور الازرار في جميع المشاركات التالية للموضوع وليس في راس الموضوع فقط بخلاف انني كنت اكثر تحديدا مع الشبكات التي نتسخدمها نحن العرب واشهرها digg facebook twitter google+1) الشرح سوف يكون علي الملفات التي يجب التعديل فيها انا لم اعدل في مكان محدد كلا وحسب حاجة موقعه وشكل الاستيل الخاص به لهذا سوف اضع قدمكم علي اول الطريق وانت اكمل ولا تقلق الموضوع بسيط جدا فسوف اشرح لك كل شئ ماذا احتاج منك فقط 15 دقيقة من وقتك في حالة انك عندك الخلفية المعلوماتيه يوم ربما اذا كنت مبتداء وسوف تسال هنا في الموقع 😀 وفي النهاية نسألكم الدعاء لي ولاسرتي واسف علي الاطالة ,,,,

الملفات التي سوف نحتاجها من مجلد ال template الخاص بالاستيل ابحث عن( overall_header ) ( viewtopic_body )

تستطيع اضافة التنسيقات داخليا في نفس الملف

اولا افتح ملف overall_header خطوه هامة جدا

ابحث عن اضف قبلها

اضف من الاكود هنا ما تريد كلا حسب حاجة موقعه 😉

الكود الخاص بالفيسبوك

الكود الخاص بالجوجل بلس 1

الكود الخاص بالتويتر

الكود الخاص بالديج

(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();

انتهي ,,,

ناتي للخطوة الخاصة باضافة الازرار لقلب المشاركة في موقعنا (وكما قولنا الخاصة بمشاركة هذه المشاركة علي المواقع المذكورة هنا )

افتح ملف viewtopic_body (هذه الخطوه ليس مذكور فيها التنسيق فهو عليك كلا حسب حاجته كما ذكرنا )

لاضافة زر الفيسبوك شير

 					Share

لاضافة زر تويتر شير

				    Tweet

لاضافة زر جوجل بلاس 1 شير

لاضافة زر ديج شير

ملحوظة

1- انا لم اضع التنسيقات فهذا دورك انت / انتي

2- زر جوجل بلاس 1 قد لايظهر في حالة فتح الموقع من الموبيل (جوجل تحاول حل المشكلة وربما حلوها 😀 )

3- لاتنسي ان تقوم بتحديث كاش الموقع والاستيل بعد ان تنتهي من التعديلات المذكورة

4- شكرا سيف الحق مره اخري علي ادخال فكرة الهاك في راسي

5- هذا الشرح مجهود شخصي مني فا لاتنسونا من الدعاء في حالة الاستفادة من الشرح واي خطاء فهو غير مقصود وقم باعلامي به في اي وقت

أنتهي ,,,