إضافة زر تويتر لمشاركة المحتوى Tweet-button لمدونات البلوجر Blogger

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

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

 أما طريقة التركيب على بلوجر فهي كالآتي. 

رجاء احفظ نسخة احتياطية من قالبك قبل أي تعديل!

طريقة تركيب زر تويتر على بلوجر

توجه إلى لوح تحكم مدونتك ثم صفحة تحرير html و فعل خيار توسيع القوالب.
بعد ذلك ابحث عن <data:post.body/> و فوقها مباشرة ضع الكود الآتي :

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class="tweetbutton" style="float:left; padding:6px;">
<a href="http://twitter.com/share" class="twitter-share-button" expr:data-url='data:post.url' expr:data-text='data:post.title' data-count="horizontal" data-via="droos_b">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>

</b:if>

تعديل الكود

كما لاحظتم في الكود فإني ميزت بعض العبارات بألوان مختلفة هذا شرحها.

• left يمكنك استبدالها ب right لوضع الزر ناحية اليمين.

• horizontal نستبدلها ب vertical للحصول على شكل جديد للزر أو ب none لإخفاء عداد مرات النشر. لكم أمثلة توضيحية.

شكل أفقي horizontal

شكل عمودي vertical




دون عداد none

• data-via="doaibblog" هذه لإظهار حسابك على تويتر بهذا الشكل @iireyii مثلا يمكنك استبدال iireyii باسمك على تويتر أو حذفها كلها إن كانت عناوين مواضيع مدونتك طويلة لتوفير بعض الأحرف.

• أما الكود الأزرق فهو لإظهار الزر في صفحة المواضيع فقط إن كنت تود إظهار الزر في الرئيسية كذلك فاحذفه.

بعد الانتهاء من تعديل الكود و تركيبه احفظ القالب.