| 27 تعليقات ]

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

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

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

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

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

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


التعليقات : 27

أبو معاذ

شكرا أخي الكريم محمد على الإضافة الجميلة ، بارك الله فيك ، أخوك الوفي أبو إياد
http://abu-iyad.blogspot.com/

عرب ماستر

بارك الله فيك أخونا الفاضل ذؤيب على الشرح الرائع

طلال المناور

شكرا أخي ولكن ؟

هل لابد لي قبل هذا من إزلة كود ايقونة زر تويتر السابقة ، والتي أخذناها عن طريق مدونتكم الكريمة ؟
وكيف ؟

غير معرف

وفقكم الله
أنا أضفته على هامش المدونة
رمضان مبارك عليكم

غير معرف

شكرا لك أخي ذؤيب على الأزرار الجميلة و المفيدة
بارك الله فيك... و رمضان مبارك كريم

غير معرف

أخي ذؤيب أنت مدعو لمشاركتنا بذكرياتك مع القراءة
تفضل هنا : http://basma-b.blogspot.com/2010/08/blog-post_10.html

غير معرف

الف شكر ليك كل مواضيع بس الله ما شاء الله مميزة جدا
وانا استفدت منك كتير
بس ياريت لو يبقى فيه كود او حاجة تخلى الروابط اللى موجوده داخل الموضوع تكون نوفلو تلقائى بدون تدخل منى
انا دورت كتير على الطريقة ومعرفتش اوصل ياريت لو حضرتك تشوف الموضوع ده
والف شكر ليك مرة اخرى

غير معرف

شكرا لك أخي ذؤيب على الأزرار الجميلة و المفيدة
بارك الله فيك... و رمضان مبارك كريم

غير معرف

إضافة رائعة , بارك الله فيك
ولكن حبذا لو أضفت لنا أيضاً زر ( like ) الخاص بالفيسبوك عندها سنكون قد حصلنا على أهم زرين يحتاجهما المدون

رجل بلا قدر

رمضان كريم وشكرا لجهودك اخي
كنت اريد ان تكون الأداه غير ضاهره في الصفحه الرئيسيه التي تضهر بدايه الموضوع فقط وتضهر عندما ندخل على الموضوع كاملا
http://shehryar0.blogspot.com/

آلاء

اضافه رائعه

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

وفقك الله اخي وتقبل الله صيامك وقيامك

Unknown

Assalamualaikum :)

Unknown
أزال المؤلف هذا التعليق.
Unknown

جزاك الله خيرا اخي محمد
كل مواضيعك رائعة

بس كنت اتمني انك تقولي اية سبب الخط اللي عندي دة
بعد اول سطر لما ادخل كود ادسنس في الموضوع
وهذه صورة للموضوع
http://img408.imageshack.us/img408
/707/21961709.jpg

Key
أزال المؤلف هذا التعليق.
معتصم محمد

شكراً على الموضوع المفيد

Unknown

شكراً وبارك الله فيك على هذه المعلومات القيمة ووفقك الله وكل عام وأنت وجميع المسلمين بخير

غير معرف

جزاك الله خير على هالشرح
بس الكود الاول المطلوب اخوي لم اجده عندي
........................................

غير معرف

شكراً على الموضوع المفيد


http://tofbook.blogspot.com/

zikoniss

مدونة وااعرة

كتالوج السيارات

شكرا على الموضوع

هيونداى

تويوتا

بيجو

اخبار اليوم

تسلم ايديك على الموضوع
اخبار اليوم-اخبار مصر

غير معرف

شكرا أخي على الإضافة الجميلة
‏ ‏
sciences club

Unknown


لعبه تلبيس باربي للصغار
لعبه تلبيس العروسه للبنات فقط
ميك اب ورسم حواجب للبنات فقط
لعبه تلبيس العروسة و تصورها
لعبه المطعم 2013
لعبه تلبيس للبنات فقط
لعبة الرجل الاخضر الجديده
العاب فلاش للبنات فقط
اكسسوارات جديده
شنط واحذيه
الصحه
انتريهات و غرف نوم
اغلفه الفيس بوك
صور 2013
قصص
غريبه و عجيبه
ملابس 2013
كوميكس فيس بوك
المنوعات

Unknown


صور حب 2013
صور رومانسية
فساتين سهره طويل
اغلفه فيس بوك
اغلفة للفيس بوك
اغلفه للفيس بوك رومانسي
صور انا احب لجميع الحروف
احدث ازياء 2013 اجدد ملابس 2013
اغلفه للفيس بوك رومانسي بناتي 2013
فساتين سهره قصيره جديده 2013
مدونه ازياء النسائيه
احدث موض فساتين زفاف
صور فساتين سوريه
عابايت جديده اخر موضه
ازياء جواكيت شتوية 2013
اجمل شنط يد عصرية 2013
مجوهرات راقية 2013
اجمل خواتم زواج 2013
صور مجوهرات ديور 2013
اجمل جوارب نسائية

ويكي إبداع

شكرا على الموضوع الرائع

emad

ممتاز جدا .. سأجربها
لعبة من سيربح المليون
لعبة زوما
لعبة جاتا

إرسال تعليق


يمكن استخدام بعض علامات HTML، مثل <b>, <i>, <a>

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

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