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

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


مدونة عبد الحفيظ في : الثلاثاء 31 أوت/آب/أغسطس 2010 بتوقيت : 13:38:16


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


اليوم نواصل رحلة الشروحات الخاصة بتطوير المواقع ، حيث نحط الرحال اليوم مع

تطوير رائع و تطبيق جديد ، هذه المرة نواصل مع تطبيقات توييتر الرائعة ، اليوم مع زر Retweet

الشهير ، تابعوا الشرح و بحول الله ستجدون ما يسركم و يساعدكم على تطوير مدوناتكم و مواقعكم .


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


محرر أكواد مثل ” Notepad ++ ” حيث يمكنكم تحميله من موقعه من هنا

ملف ” single.php ” .


2 = الشرح :


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

ملف ” single.php ” باستخدام برنامج “ Notepad++ ” طبعا !

II  = أنواع الكود و شكل الزر : بحيث هناك اكثر من كود و اكثر من شكل للزر مثلا هذا الشكل


الشكل الأول من زر retweet


و الكود الخاص به هو


<script type=”text/javascript”>
tweetmeme_source = ‘your twitter account name’;
tweetmeme_service = ‘bit.ly’;
</script>
<script type=”text/javascript” src=”http://tweetmeme.com/i/scripts/button.js”></script>

و أيضا هذا الزر


الشكل الثاني من زر retweet

و الكود الخاص به هو


<script type=”text/javascript”>
tweetmeme_style = ‘compact’;
tweetmeme_source = ‘your twitter account name’;
tweetmeme_service = ‘bit.ly’;
</script>
<script type=”text/javascript” src=”http://tweetmeme.com/i/scripts/button.js”></script>

ملاحظة :

*يجب استبدال جملة ” your twitter account name ” الى اسم حسابكم في توييتر من الكودين السابقان

*الكودان السابقان يعملان على روابط bit.ly ان اردتم استعمال روابطم الخاصة احذفوا هذا المقطع

من الكودين السابقين


tweetmeme_service = ‘bit.ly’;


III = الآن يجب أن نعرف أين نريد أن يظهر الزر ، هل قبل المحتوى ، ام بعده ؟ هل قبل التعليقات ، ام

قبل الوسوم ؟؟ على كل سنجربها كلها .

IV = مكان الزر :

* لوضع الزر قبل المحتوى اي قبل المواضيع ، افتحوا ملف ” single.php ” و ابحثوا عن


<?php the_content; ?>

و ضعوا احد الكودين السابقين فوقه تماما

* لوضع الزر بعد المحتوى اي بعد المواضيع افتحوا ملف ” single.php “و ابحثوا عن


<?php the_content; ?>

و ضعوا احد الكودين السابقين تحته تماما

* لوضع الكود قبل التعليقات افتحوا ملف ” single.php ”  و ابحثوا عن


<div id=”comments”>
<?php comments_template(); ?>
</div>


و ضعوا احد الكودين السابقين قبله تماما

* لوضع الكود قبل الوسوم افتحوا ملف ” single.php ” و ابحثوا عن


<?php
if ( function_exists(‘the_tags’) ):
if (get_the_tags()): ?>
<p><b>
<strong>الوسوم :</strong><br />
<?php echo the_tags(”, ‘, ‘, ”);?>
</b>
</p>
<?php
endif;
endif; ?>


و ضعوا احد الكودين السابقين قبله تماما


3 = النتيجة :


بعد وضع الكود بشكل سليم سيظهر امامكم زر أعجبني كما في الصور التالية


التجينة المنطقية

و ظهور علامة الإستفهام سببها ان المدونة على سيرفر محلي + عدم النقر على الزر

ملاحظات :

1 = للمبتدئيين يمكنم تفادي التعديل اليدوي و تحميل هذه الإظافة من موقع الوورد بريس الرسمي

و رفعها و تفعيلها و ضبط إعداداتها و هي تتكفل بالباقي ، لكن لا انصح بها بتاتا .

2 = لكل من لا يحسن عملية التعديل اليدوي يمكنني عمل كل ما سبق فقط راسلوني من هنا و ارفقوا

ملف ” single.php ”  و الباقي أنا اتكفل به .

3 = لعشاق الأكواد يمكنهم الدخول الى هذه الصفحة و اختيار الأكواد التي تساعدهم و تعجبهم

3 = الشرح القادم سيكون حول “ إظافة صندوق الزقزقة الخاص بتوييتر ” .


ارجوا أن يكون الشرح وافيا و كافيا و ان يكون قد نال رضاكم .

الى شرح آخر بحول الله ، استودعكم الله الذي لا تضيع ودائعه

تحيات أخوكم في الله

عبد الحفيظ


“حفيظ مدون جزائري، درست تخصص علوم وتقنيات، متشائم، عاشق للتقنية، أحيانا متطرف وأحيانا متطير، المدونة شخصية، عامة ومتنوعة تعالج العديد من القضايا والأمور في جميع المجالات،جادة هزلية ساخرة وناقدة [المزيد]

— عبد الحفيظ