إضافة زر تويتر لمشاركة المحتوى Tweet-button لمدونات البلوجر
أصدر موقع تويتر أزرار خاصة به لمشاركة المواضيع عبره. وقبل أن أتطرق إلى طريقة وضعها على بلوجر لا بأس أن أشير بعجالة أنه يمكن لكافة المواقع و المدونات إضافتها و تخصيصها عبر
هذه الصفحة ثم لصق الكود المولد في القالب.
بعد تجربتها تبين لي أنها أفضل من سابقاتها من حيث الشكل و طريقة العمل، و هذه بعض مميزاتها:
تصميم جميل و متوفر بأشكال عدة.إمكانية تخصيص الزر و تعديله حسب الرغبة.لن يضطر الزائر لمغادرة مدونتك و هو يضغط زر تويتر.نافذة قافزة تسرع الارتباط بتويتر و نشر المحتوى عبره. أما طريقة التركيب على بلوجر فهي كالآتي.
رجاء احفظ نسخة احتياطية من قالبك قبل أي تعديل! طريقة تركيب زر تويتر على بلوجر توجه إلى لوح تحكم مدونتك ثم صفحة تحرير html و فعل خيار توسيع القوالب.
بعد ذلك ابحث عن <data:post.body/> و فوقها مباشرة ضع الكود الآتي :
كود
<b:if cond='data:blog.pageType == "item"'><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" هذه لإظهار حسابك على تويتر بهذا الشكل @doaibblog مثلا يمكنك استبدال droos_b باسمك على تويتر أو حذفها كلها إن كانت عناوين مواضيع مدونتك طويلة لتوفير بعض الأحرف.أما الكود الأزرق فهو لإظهار الزر في صفحة المواضيع فقط إن كنت تود إظهار الزر في الرئيسية كذلك فاحذفه.بعد الانتهاء من تعديل الكود و تركيبه احفظ القالب.
