الموافق لـ :
تحميل..

2010-08-14

كيفية إضافة زر تويتر الرسمي Tweet Button لمدونات البلوغر Blogger



قام  موقع النشر الإجتماعي  تويتر و بتعاون مع شركة TweetMeme صاحبة زر 'retweet' الأخضر الشهير  بإطلاق رسمي لزر النشر ' زَقْزَقَة Tweet ' والذي أخذ ثلاثة أشكال (شكلين بعداد: عمودي و أفقي، والآخر دون عداد) و بخدمة (t.co) لإختصار الروابط  التي سبق وأعلن عن إعتمادها متخليا بذلك عن bit.ly .
أنظمة إدارة المحتوى كالووردبرس و تمبلر و بوستيروس  أتاحت لمستخدميها إمكانية إضافة الزر الجديد بسهولة بينما نحن اصحاب بلوغر يلزمنا تحريك أذهاننا وأصابعنا قليلا :).



فضلا،لتركيب زر نشر تويتر 'Tweet' كالذي على صفحات مواضيعي يرجى اتباع الآتي:

1- سجل الدخول إلى لوحة التحكم الرئيسة.
2- توجه إلى التبويب تصميم | تحرير HTML : (إختر توسيع قوالب عناصر واجهة المستخدم).
3- ابحث عن:
<data:post.body/>

مباشرة فوق هذا السطر قم بإضافة هذا الكود:


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right;margin:3px;'>
<a class='twitter-share-button' expr:data-text='&quot;فضلا!اإقرأ موضوع:&quot;+data:post.title' data-count='vertical' data-via='iTalibDotNet' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></div></b:if>


4- قم بحفظ القالب (الآن ستشاهد الزر في مقدمة المواضيع من جهة اليمين وهذا بعد أن تنقر على رابط موضوع ما ).

خيارات:
1- في الكود تجد:
data-via='iTalibDotNet'

هذا يعني أن النشر سيتم عن طريق حساب مدونة الطالب بتويتر iTalibDotNet@ لذا استبدله بحسابك.

2- الزر تم محاذاته لجهة اليمين يمكنك قلبه إلى جهة اليسار باستبدال Right بـ Left:

float:Leftt;
3- في درسنا طبقنا مثال عن الزر العمودي ذي العداد:

data-count='vertical'

يمكنك اختيار زر أفقي باستبدال النص الاحمر بـ 'Horizontal' أو البسيط دون العداد بـ 'none'.

4- يمكنك تعديل/إضافة عبارة إلى ما سيتم نشره عبر الزر Tweet (الموضح في النص الاحمر):
expr:data-text='&quot;فضلا!اإقرأ موضوع:&quot;+data:post.title'

5- لمن يريد أن يكون زر Tweet اسفل كل موضوع: راجع الخطوة 3 أعلاه (التركيب) وبدل أن تلصق كود زر Tweet فوق السطر قم بلصقه تحته.

6- لمن أراد أن يظهر زر Tweet لديه في صفحة كل موضوع (دون النقر على رابطه) فقط قم بحذف ما لون بالأزرق.

* بقي تنويه فيما يخص أزرار النشر لتويتر المستعملة عبر مواقع النشر (AddThis,ShareThis,,,) أنها وفي أقل من أسبوع ستعتمد زر النشر الرسمي لتويتر.

                                                                                                 إنتهى.

3 التعليقات:

ميمو كول في 31 أكتوبر, 2010 07:57 م يقول...

اشكرك اخى الكريم على هذا المجهود الرائع
اتمنى لك دوام التوفيق

nOmO في 07 ديسمبر, 2010 07:38 م يقول...

السلام عليكمـ

شكرا لكَ أخي الطالب ،،

جزاكَ الله خيرا =)

MǾóőøÕĐỵ في 31 ديسمبر, 2010 05:50 م يقول...

يعطيك العافيه اخوي

مجهود تشكر عليه

مدون جديد

إرسال تعليق

 

المواضيع الأكثر تعليقا

آخر التعليقات