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

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


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

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


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


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

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

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



و الكود 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>

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




و الكود 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 بشكل سليم سيظهر امامكم زر أعجبني كما في الصور التالية




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

ملاحظات :


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



ملف ” single.php “ و الباقي أنا اتكفل به .
3 = لعشاق الأكواد يمكنهم الدخول الى هذه الصفحة و اختيار الأكواد التي تساعدهم و تعجبهم
4 = الرابط الأصلي للموضوع من هنا
5 = الشرح طريقة القادم سيكون حول “ إظافة صندوق الزقزقة الخاص بتوييتر ” .


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





©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©