Post Top Ad

Post Top Ad

شروحات

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



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


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

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

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>
منقول من مدونة بيت بلوجر
إنتهى الموضوع وإلى موضوع أخر

Related Posts

No comments:

Post a Comment

Post Bottom Ad