إضافة أيقونات المشاركة إلى مدونات بلوجر

السلام عليكم ورحمة الله تعالى وبركاته الكل الأن يعرف مدى أهمية المواقع الإجتماعية على مدونته أو موقعه فالمواقع الإجتماعية يمكن أن تجلب لك زوار جدد إلى مدونتك ومهتمين أكثر بمدونتك لأنهم يكونو مستهدفين وأنا اليوم أحب أن أقدم لكم موضوع له علاقة بهذا الصدد وهو إضافة أيقونات المشاركة إلى مدونتك بشكل جميل وسهل للغاية.

نبدأ على بركة الله

المرحلة الأولى : إعدادت الموقع وإختيار الشكل ثم نقل الكود.

1- توجه إلى موقع  Addthis.

2- بعد التوجه إلى الرابط سوف تظهر لك نافذة إذا أردت التسجيل إكتب بياناتك وإذ لم ترد التسجيل أنقر على أيقونة الإغلاق كما في الصورة :

3- الأن قم بإختيار الشكل المناسب :

4 - سوف نترك الإختيار كما هو لنتحكم في وضع الأيقونات ولكن إذا أردت إضافتها بطريقة أوتوماتكية يكفي إختيار بلوجر وإتبع المراحل السهلة.

5 - الأن قم بنسخ الكود الذي سوف تضعه في داخل قالبك.

المرحلة الثانية : إضافة الكود إلى مدونتك.

1 - قم بالدخول إلى حسابك بلوجر.

2 - توجه إلى تصميم أو قالب .

3 - قم بالنقر على تحرير HTML .

4 - إختر توسيع قوالب عناصر واجهة المستخدم .

5 - الأن إختر أين تريد وضع الأزرار في مدونتك .

- أسفل العنوان وتظهر في الصفحة الرئيسية والموضوع :

إبحث عن  <div class='post-header-line-1'/> وضع بعده الكود الذي قمت بنسخه من الموقع .

- أسفل العنوان وتظهر فقط في الموضوع :

إبحث عن  <div class='post-header-line-1'/> وضع بعده الكود :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
الكود الذي قمت بنسخه
</b:if>

- فوق الموضوع ولا تظهر في الصفحة الرئيسية :

قم بالبحث عن <data:post.body/> في قالبك ثم ضع الكود فوقه :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
الكود الذي قمت بنسخه</b:if>

- تحت الموضوع ولا تظهر في الصفحة الرئيسية :

قم بالبحث عن <data:post.body/> في قالبك ثم ضع الكود تحته :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
الكود الذي قمت بنسخه</b:if>

إنتهى الموضوع وإلى موضوع أخر وإنتظرونا في موضوع لإضافة الأيقونات إلى الووردبريس