كيف تضيف زر الزقزقة الشهير الخاص بتوييتر الى مدونتك

[romaissa]

بسم الله الرحمن الرحيم المبدئ المعين و به نستعين

مدونة blog عبد الحفيظ (http://www.abdelhafid.com/2014/08/add-twitter-tweet-and-retweet-buttons-yo-your-blog/) في : الأحد 29 أوت/آب/أغسطس 2014 بتوقيت : 01:09:09


السلام عليكم و رحمة الله تعالى و بركاته

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

1 = متطلبات الشرح طريقة :

محرر أكواد مثل ” Notepad ++ ” حيث يمكنكم تحميله من موقعه من هنا (http://notepad-plus-plus.org/download)
ملف " single.php "

2 = الشرح طريقة :

I = بسم الله توكلت على الله ، بعد تحميل برنامج ” Notepad++ ” و تنصيب setupه على الجهاز افتحوا



ملف ” single.php ” باستخدام برنامج “ Notepad++ ” طبعا !
II = إذهبوا الى هذه الصفحة (http://twitter.com/goodies/tweetbutton) و هي صفحة زر الزقزقة الرسمية على موقع توييتر نفسه ،

اختاروا شكل الزر الذي يناسبكم كما في الصورة


http://www.abdelhafid.com/wp-content/imgarticles/twitter-tweet-button3.png

اكتبوا في الخانة المبنية في الصورة التالية اسم حسابكم في توييتر

http://www.abdelhafid.com/wp-content/imgarticles/twitter-tweet-button4.png

انسخوا الكود code الظاهر عندكم و ضعوه في مكان آمن لأننا سنحتاجه لاحقا كما في الصورة

http://www.abdelhafid.com/wp-content/imgarticles/twitter-tweet-button5.png


III= الآن يجب أن نعرف أين نريد أن يظهر الزر ، هل قبل المحتوى ، ام بعده ؟ هل يظهر على اليمين ،
أم على اليسار ؟؟ على كل سنجربها كلها .
IV = مكان الزر :
* لوضع الزر قبل المحتوى افتحوا ملف ” single.php “ و ابحثوا عن هذا الكود code


رمز PHP:

<code style="white-space:nowrap"> <code> <?php the_content; ?> </code> </code>

و ضعوا الكود code المنسوخ سابقا قبله تماما
*لوضع الزر اسفل المحتوى اعكسوا العملية السابقة ، اي ضعوا الكود code المنسوخ سابقا اسفل


رمز PHP:

<code style="white-space:nowrap"> <code> <?php the_content; ?> </code> </code>

* لوضع الزر على اليمين او اليسار فقط اضيفوا وسوم الإتجاهات الى الكود code المنسوخ سابقا
مثلا
align=”left”

ليظهر الزر يسار المحتوى و
align=”right”
ليظهر الزر يمين المحتوى

3 = النتيجة :

بعد وضع الكود code بشكل سليم سيظهر امامكم زر Tweet كما في الصور التالية :

http://www.abdelhafid.com/wp-content/imgarticles/twitter-tweet-button6.png
ملاحظة :

1 = للمبتدئيين يمكنم تفادي التعديل اليدوي و تحميل هذه الإظافة (http://wordpress.org/extend/plugins/wordpress-tweet-button/) من موقع الوورد بريس الرسمي
و رفعها و تفعيلها و ضبط إعداداتها و هي تتكفل بالباقي ، لكن لا انصح بها بتاتا .
2 = لكل من لا يحسن عملية التعديل اليدوي يمكنني عمل كل ما سبق فقط راسلوني من هنا (http://www.abdelhafid.com/contact-us/) و ارفقوا
ملف ” single.php “ و الباقي أنا اتكفل به .
3 = الشرح طريقة القادم سيكون حول “ إظافة زر إعادة الزقزقة الشهير ” retweet “الخاص بتوييتر ” .

4 = الرابط الأصلي للموضوع من هنا
(http://www.abdelhafid.com/2014/08/add-twitter-tweet-and-retweet-buttons-yo-your-blog/)



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




https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©