أزرار "تويت" مقدمة من تويتر، أضفها الآن لمدونتك.

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

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

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

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

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

توجه إلى لوح تحكم مدونتك ثم صفحة تحرير 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="doaibblog">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" هذه لإظهار حسابك على تويتر بهذا الشكل @doaibblog مثلا يمكنك استبدال doaibblog باسمك على تويتر أو حذفها كلها إن كانت عناوين مواضيع مدونتك طويلة لتوفير بعض الأحرف.

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

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