| 33 تعليقات ]

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

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

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

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

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

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


التعليقات : 33

أبو إياد

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

عرب ماستر

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

طلال المناور

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

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

Sonnet

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

زكرياء

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

زكرياء

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

KoOorA2DaY

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

أوعمارة تكفريناس

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

غير معرف

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

waleed sabr

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

زٍحَ’ـمةَ حَ’ـڪيّ..||≈

اضافه رائعه

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

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

Muhammad Taqi

Assalamualaikum :)

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

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

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

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

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

ممدوح حسين البطل

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

عبدالرحمن الحارثي

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

غير معرف

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


http://tofbook.blogspot.com/

مملكة الحب

توبيكات
برامج
صور
العاب

Zakaria zikoniss

مدونة وااعرة

جرافيك شوب

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

http://grashoplike.blogspot.com//

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

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

هيونداى

تويوتا

بيجو

اخبار اليوم

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

غير معرف

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

entrümpelung wien

شكرا على الموضوع
entrümpelung
umzug
Räumung
Kleintransport Wien
Wohnungsräumung Wien
botendienst Wien

Ell top

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

ahmed mavo


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

ahmed mavo


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

ahmed mavo


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

ويكي إبداع

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

صور مشبات حديثه رخام


السلام عليكم

جزاك الله خيرا اخى على الموضوع الجميل
نفعنا الله واياك بكل خير ونفع بنا العباد

تحياتى لجهدك الطيب
http://mchabat.3abber.com/

emad ahmed

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

إرسال تعليق


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

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

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