ازار مشاركة المواقع الاجتماعية متوفرة الان في بلوجر blogger

ازار مشاركة المواقع الاجتماعية متوفرة الان في بلوجر blogger

السلام عليكم ،

تأخرت قليلا في نشر هذا الموضوع نظرا لأنشغالي ببعض امور الحياة الصعبة هذه الايام اعانني واعانكم الله تعالى ، ولكن لأهمية هذه الاضافة اخترت ان اطرح هذا الموضوع حتى لو جاء متأخرا ، لأن منصة بلوجر هي الافضل للمدونات ، ولأن بلوجر يسعى دائما الى مواكبة التطورات الجديدة في عالم الانترنت ، ولأن شركة جوجل هي عملاق الشبكة العنكبوتية ، فكل من ينشأ مدونته على بلوجر سيتمتع بكل خدمات واضافات جوجل ، طبعا انا لا اروج لمنصة بلوجر ولكن هذه هي الحقيقة بالنسبة لكونها مجانية 100% ، بعكس منصة ورد بريس المدفوعة ،( اخذني الحديث عن بلوجر ونسيت الموضوع الرئيس لهذه التدوينة) ، بما ان هذه الاضافة متوفرة على بلوجر فسأتحدث عن طريقة تركيبها في المدونة .



اولا : هذه صورة للازرار بالحجم الطبيعي :

ثانيا : طريقة تركيب الاضافة

1-  في القوالب التقليدية الموجودة في بلوجر

- ندخل الى لوحة التحكم ومن ثم التصميم - عناصر الصفحة - نضغط على تحرير في جسم رسائل المدونة الالكترونية

- يمكنك وضع الازرار في المكان الذي تريده عن طريق السحب والافلات .

لا تنسى ان تستعرض مدونتك وتشاهد مكان ظهور الازرار .
اذا لم تظهر الازرار فتابع الشرح التالي - وحافظ على الخطوات السابقة .

2- طريقة تركيب الاضافة في القوالب المتقدمة

بعد ان قمت بأضافة الازرار كما في الشرح السابق ولم تظهر فهذا يعني ان قالب مدونتك ليس احد القوالب التي يوفرها بلوجر .
الان ادخل الى تحرير html ولا تنسى ان تحفظ القالب ومن ثم اضغط على توسيع القالب ،
وبعد ذلك  ابحث عن :

<p class='post-footer-line post-footer-line-3'>

 او

<div class='post-footer-line post-footer-line-3'>

او

<data:post.body/>

 ومن ثم اضف احد الكودين التاليين بعد او تحت  التي وجدتها مباشرة :

الكود الاول : اذا كنت تريد ان تظهر الازرار في صفحة التدوينة فقط ، دون ان تظهر في الصفحة الرئيسية للمدونة.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-share-buttons'>
   <b:include data='post' name='shareButtons'/>
</div>
</b:if> 

 الكود الثاني : اذا اردت ان تظهر الازرار في صفحة التدوينة وفي الصفحة الرئيسية ايضا .

<div class='post-share-buttons'>
   <b:include data='post' name='shareButtons'/>
</div>

كما تستطيع ان تضيف احد الاكواد السابقة بعد كل من :

<div class='post-footer-line post-footer-line-1'>
<div class='post-footer-line post-footer-line-2'>

او

<p class='post-footer-line post-footer-line-1'>

<p class='post-footer-line post-footer-line-2'>

وبذلك سيتغير مكان ظهور الازرار حسب الكود الذي اضفت كود الازرار بعده

____________________________________________________________________

ثالثا : اذا اردت ان تخفي احد الازرار من الظهور ، فلك ذلك .

ابحث عن :

]]></b:skin>

واضف فوفها مباشرة هذا الكود باسم الايقونة المراد حذفها مثلا ايقونة بلوجر :

.sb-blog{display:none}

وبالتالي سيتم حذف ايقونة بلوجر وبنفس الطريقة بالنسبة الى - sb-email , sb-twitter, sb-facebook, sb-buzz 

ارجو ان اكون قد وفقت في طريقة ايصال الشرح لكم ، وبالتوفيق ادعو دائما لي ولكم .