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

[admin]

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

مدونة blog عبد الحفيظ (http://www.abdelhafid.com/2014/08/add-twitter-retweet-buttons-to-your-blog/) في : الثلاثاء 31 أوت/آب/أغسطس 2014 بتوقيت : 13:38:16


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

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


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


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

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

I = بسم الله توكلت على الله ، بعد تحميل برنامج “ Notepad++ ” و تنصيب setupه على الجهاز افتحوا
ملف ” single.php ” باستخدام برنامج “ Notepad++ ” طبعا !
II = أنواع الكود code و شكل الزر : بحيث هناك اكثر من كود code و اكثر من شكل للزر مثلا هذا الشكل

http://www.abdelhafid.com/wp-content/imgarticles/retweet3.png

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



رمز PHP:

<code style="white-space:nowrap"> <code> <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>
</code> </code>

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

http://www.abdelhafid.com/wp-content/imgarticles/retweet4.png


و الكود code الخاص به هو
رمز PHP:

<code style="white-space:nowrap"> <code> <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>
</code> </code>

ملاحظة :
*يجب استبدال جملة joomla &quot; your twitter account name &quot; الى اسم حسابكم في توييتر من الكود codeين السابقان

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


رمز PHP:

<code style="white-space:nowrap"> <code> tweetmeme_service = 'bit.ly';
</code> </code>

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

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

رمز PHP:

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

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

رمز PHP:

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

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

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


رمز PHP:

<code style="white-space:nowrap"> <code> <div id="comments">
<?php comments_template(); ?>
</div> </code> </code>

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

رمز PHP:

<code style="white-space:nowrap"> <code> <?php
if ( function_exists('the_tags') ):
if (get_the_tags()): ?>
<p><b>
<strong>الوسوم :</strong><br />
<?php echo the_tags(",', ', ");?>
</b>
</p>
<?php
endif;
endif; ?> </code> </code>

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

3 = النتيجة :


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


http://www.abdelhafid.com/wp-content/imgarticles/retweet5.png

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

ملاحظات :


1 = للمبتدئيين يمكنم تفادي التعديل اليدوي و تحميل هذه الإظافة (http://wordpress.org/extend/plugins/tweetmeme/) من موقع الوورد بريس الرسمي
و رفعها و تفعيلها و ضبط إعداداتها و هي تتكفل بالباقي ، لكن لا انصح بها بتاتا .
2 = لكل من لا يحسن عملية التعديل اليدوي يمكنني عمل كل ما سبق فقط راسلوني من هنا (http://www.abdelhafid.com/contact-us/) و ارفقوا



ملف ” single.php “ و الباقي أنا اتكفل به .
3 = لعشاق الأكواد يمكنهم الدخول الى هذه الصفحة (http://help.tweetmeme.com/2014/04/06/tweetmeme-button/) و اختيار الأكواد التي تساعدهم و تعجبهم
4 = الرابط الأصلي للموضوع من هنا (http://www.abdelhafid.com/2014/08/add-twitter-retweet-buttons-to-your-blog/)
5 = الشرح طريقة القادم سيكون حول “ إظافة صندوق الزقزقة الخاص بتوييتر ” .


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




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