بعد تجربتها تبين لي أنها أفضل من سابقاتها من حيث الشكل و طريقة العمل، و هذه بعض مميزاتها:
- تصميم جميل و متوفر بأشكال عدة.
- إمكانية تخصيص الزر و تعديله حسب الرغبة.
- لن يضطر الزائر لمغادرة مدونتك و هو يضغط زر تويتر.
- نافذة قافزة تسرع الارتباط بتويتر و نشر المحتوى عبره.
رجاء احفظ نسخة احتياطية من قالبك قبل أي تعديل!
طريقة تركيب زر تويتر على بلوجر
توجه إلى لوح تحكم مدونتك ثم صفحة تحرير 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="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 باسمك على تويتر أو حذفها كلها إن كانت عناوين مواضيع مدونتك طويلة لتوفير بعض الأحرف.
- أما الكود الأزرق فهو لإظهار الزر في صفحة المواضيع فقط إن كنت تود إظهار الزر في الرئيسية كذلك فاحذفه.
بعد الانتهاء من تعديل الكود و تركيبه احفظ القالب.
ليست هناك تعليقات:
إرسال تعليق