الويب العربي - عرض بلوكات rss من المواقع الأخرى داخل انفنيتي وتقديم بلوكات rss جاهزة للزوار

الويب العربي (http://www.arabwebtalk.com/index.php)

- مجتمع ديموفنف (http://www.arabwebtalk.com/forumdisplay.php?f=73)

عرض بلوكات rss من المواقع الأخرى داخل انفنيتي وتقديم بلوكات rss جاهزة للزوار

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

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

الاسكربت هذا هو اسرع طريقة لعرض تغذيات المواقع الأخرى بداخل موقعك

مميّزات الاسكربت

1-- يمكنك تحديد اكثر من رابط للتغذية سواء من موقع واحد او عدّة مواقع
وستظهر النتيجة كخليط للنتائج المستقاة منهم
بأعداد متساوية لكل منهم

2--يمكنك ترتيب ظهور الأخبار في البلوك بحسب
التاريخ أو عنوان الخبر او اسم الموقع

3--يمكنك من عرض اسم الموقع او مصدر الـ rss بجانب عنوان الخبر

4-- يمكن التحكم فى عدد الأخبار المجلوبة عن طريقه بالبلوك

5-- يعمل بطريقة ممتازة مع تغذيات المواقع العربية والأجنبية على السواء

6--به امكانية اختيار اكثر من طريقة للعرض
فيمكن الاختيار من بين هذه الاختيارات لظهور

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

----------------------------

أمثلة التنسيقات المختلفة

عرض عنوان الخبر + مصدر الخبر + نبذة من الخبر + التاريخ واليوم

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

يتبـــــــــــــــــــــع

الخطوة الأولى :

تتطلّب الحصول على كود خاص بموقعك من قوقل يسمى كود Google AJAX Feed API

بسهولة قم بالضغط على هذا الرابط

Sign up for the Google AJAX Feed API - Google AJAX Feed API - Google Code

وكما فى الصورة القادمة

= ضع علامة صح بالمربع رقم 1
== اكتب دومين موقعك بالفراغ رقم 2
=== اضغط على الزر رقم 3

قد ينتقل بك الى صفحة أمنية مثل هذه يمكنك تخطيها بالضغط على الرابط الموضح بالصورة

ومن ثمّ سينتقل بك الى صفحة تسجيل الدخول بقوقل ان لم تكن سجلت دخول بالفعل

او ان لم يكن لديك حساب لموقعك هنا فيمكنك الضغط على انشاء حساب جديد والتكملة

بمجرّد تسجيل الدخول سيعطيك هذه الصفحة التي تحوي الكود الذي نريده

فكلّ ما نريده من تلك الخطوة هو هذا الكود المشار اليه بالسهم لأننا سنستخدمه فى كود البلوك الذي سنقوم باضافته

*****************

الخطوة الثانية

قم برفع ملف الجافا اسكربت بالملف المرفق بعد فك الضغط عنه
الى مجلد scripts بداخل مجلدات انفنيتي

ورفع الصورة بداخل مجلد انفنيتي الرئيسي سواء على البابليك او بمجلد داخلي

*****************

الخطوة الثالثة

من داخل لوحة تحكم انفنيتي

نماذج وقوالب >> اضافة قالب

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

كود:

<head>

<script type="text/javascript" src="http://www.google.com/jsapi?key=ضع الكود الذي حصلت عليه من قوقل هنا">

</script>



<script type="text/javascript" src="scripts/gfeedfetcher.js">







</script>





<style type="text/css">



.labelfield{ /*CSS for label field in general*/

color:#54C094;

font-size: 90%;

}



.datefield{ /*CSS for date field in general*/

color:#CC1130;

font-size: 90%;

}



#example3 a{ /*CSS specific to demo 3*/

color: #12639A;

text-decoration: none;

font-weight: bold;

}



#example3 p{ /*CSS specific to demo 3*/

margin-bottom: 2px;

}



code{ /*CSS for insructions*/

color: red;

}



</style>





<head/>

<script type="text/javascript">



var newsfeed=new gfeedfetcher("example3", "example3class", "_new")



newsfeed.addFeed("صحيفة الوئام", "http://www.alweeam.com/news/rss-action-feed-m-news-id-1-feed-rss20.xml") //Specify "label" plus URL to RSS feed



newsfeed.displayoptions("label datetime snippet ") //show the specified additional fields

newsfeed.setentrycontainer("p") //Display each entry as a paragraph

newsfeed.filterfeed(5, "date") //Show 5 entries, sort by date

newsfeed.init() //Always call this last



</script>

والآن بسهولة اذهب الى الرئيسية وعاين القالب هكذا

************

لادراج الروابط المرغوب فيها
وتغيير طرق العرض يرجى المتابعة للنهاية

أطيب تحية

الكود الموضوع فى المشاركة السابقة عبارة عن جزءين

احدهما يوضع فى الـ head سواء لصفحة اضافية بانفنيتي

او بالنماذج او القوالب

والآخر يوضع فى المكان الذي نريد ظهور البلوك فيه

فى القالب والصفحات الاضافية يتم وضعهما ككود كامل مثل ما قمنا بتجربته فى المداخلة السابقة

وهذه التفاصيل

******************

السطر الأول

وكما ذكرنا بعد علامة = سنقوم بوضع الكود الذي حصلنا عليه من قوقل
بغيره لن يعمل القالب

كود:

<script type="text/javascript" src="http://www.google.com/jsapi?key=YOUR-API-KEY">

******************

كود الاستايل

وساقوم بتوضيح المتغيرات بداخله مباشرة

كود:

<style type="text/css">



.labelfield{ /*هنا نضع كود لون (اسم مصدر الخبر كصحيفة الوئام)*/

color:brown;

font-size: 90%;

}



.datefield{ /*هنا سنضع كود اللون الذي سيظهر به التاريخ*/

color:gray;

font-size: 90%;

}







#example3 a{ /*هنا كود لون عنوان الخبر*/

color: #D80101;

text-decoration: none;

font-weight: bold;

}



#example3 p{ /*CSS specific to demo 3*/

margin-bottom: 2px;

}



code{ /*CSS for insructions*/

color: red;

}



</style>

يمكنك التعديل على الـ 3 ألوان لتناسب استايل موقعك

******************

آخر جزئية وهى كود الجافا اسكربت ومتغيّراته

ستكون واضحة اكثر من خلال الكود والصورة

فهذا الكود كامل ووضحت متغيراته سريعا بِه

كود:

<script type="text/javascript">



var newsfeed=new gfeedfetcher("example3", "example3class", "_new")



newsfeed.addFeed("صحيفة الوئام", "http://www.alweeam.com/news/rss-action-feed-m-news-id-1-feed-rss20.xml") //اسم الموقع + رابط التغذية



newsfeed.addFeed("صحيفة صدى", "http://www.3rd1.com/inf/rss-action-feed-m-news-id-1-feed-rss20.xml")

 //ضع اسم الموقع + رابط التغذية





newsfeed.displayoptions("datetime snippet") //هنا نقوم بتحديد المعطيات التي نريد ظهورها بالبلوك

newsfeed.setentrycontainer("p") //هنا سيدرج كل خبر كبراجراف مستقل

newsfeed.filterfeed(8, "date") //رقم 8 يعني اختيار 8 اخبار والترتيب هنا باستخدام التاريخ

newsfeed.init() //لا تقم بتغيير شئ هنا

</script>

وعلى حسب الصورة هنا

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

وهذا تفصيل هذا السطر المسؤول عن كل موقع على حدة
وبتكراره يتم تعيين اكثر من موقع

كود:

newsfeed.addFeed("صحيفة الوئام", "http://www.alweeam.com/news/rss-action-feed-m-news-id-1-feed-rss20.xml") //اسم الموقع + رابط التغذية

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

ونقوم باستبدال رابط التغذية برابط الموقع الآخر

ونكرر هذا الكود بعدد المواقع التي نريد

**********

كود:

newsfeed.displayoptions("datetime snippet") //هنا نقوم بتحديد المعطيات التي نريد ظهورها بالبلوك

هذا السطر المعلّم عليه فى الصورة باللون الأصفر
مسؤول عن العناصر التي سيتم ظهورها بالقالب تكتب بين القوسين " " ويترك بين كل عنصر والآخر مسافة

بالمثال

datetime سيقوم بعرض التاريخ واليوم بجانب العنوان
snippet سيقوم بعرض فقط نبذة من الخبر كالصورة بالأعلى من العنوان
label سيقوم بعرض اسم المصدر بين قوسين مثل [صحيفة صدى]
description سيعرض صورة المقالة او صورة الخبر مع الخبر كامل او المقالة كاملة
وهنا يفضل ان تكون التغذية فى صفحات مستقلة اضافية وليست بالواجهة

آخر متغير بالكود نستطيع التحكم به
وهو السطر المعلّم عليه باللون الأزرق

كود:

newsfeed.filterfeed(8, "date") //رقم 8 يعني اختيار 8 اخبار والترتيب هنا باستخدام التاريخ

الرقم 8 يعبر عن عدد الأخبار ..استبدله بالرقم الذي يناسبك
date تعني الترتيب عن طريق التاريخ
يمكن الترتيب عن طريق هجاء المصدر بوضع lable مكانها

او title للترتيب حسب عنوان الخبر

**********

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

اتمنى يكون الشرح واضح وسهل التطبيق

أطيب تحية من فريق الدعم الفنّي للجميع

وفقك الله واسعدك
وغفر لك ولوالديك
نساله تعالى ان يتقبل منا ومنكم صالح الاعمال وعمرة مفبوله

جزاك الله خير على الشرح الجميل .. جاري تطبيق الشرح

وتقبل الله منا ومنك .. ورحلة آمنة إلى بلد الله الحرام

تقبل الله منا ومنكم صالح الأعمال

=================
طبقت الخطوات بنجاح

لكن...من بعد المشاركة رقم 3 توقفت !!!
تحتاج مع تركيز توضيح أكثر!!

وشكرا

الإضافة جميلة جداً .. تم التركيب والحمدلله

وجاري التعديل لإخراج افضل النتائج

استاذي الفاضل صاحب بوابة مكّة

جزاك الله كل الخير على دعوتك الكريمة

وتقبل الله منّا جميعا صالح الأقوال والأعمال

اشكرك على تواجدك هنا

استاذي الحسني

دائما طموحك يقودك لكل جديد في القسم
فواثقة من الإبداع انا
وبانتظار تطبيقك

وجزاك الله كل الخير على الدعاء
اسأل الله ان يتقبل منّا جميعاً ..آمين

أطيب تحية

إقتباس:

اقتباس من مشاركة الثمالي (المشاركة 626347)

تقبّل الله منّا ومنكم استاذي

امّا المشاركة رقم 3 فهى فقط شرح وتفصيل لطرق التعديل على الكود ليناسب تنسيقك

بمعنى لو التنسيق بالصورة مناسب لك لن تحتاج الاّ لتغيير راابط الـ rss فقط مبدأيا

لحين التعمق فى فهم التعديل على الكود بتأنّي

امنياتي لك بالتوفيق
وانا موجودة لاى ممّا قد يشكل عليك فيه

أطيب تحية

المميزه اينما حلت نجلاء احمد

تميز وتفرد دائم

سؤال فقط استاذتي .....

هل يمكن استخدمه في المنتديات فرضا

فانا لدي منتدى مثلا واريد اخبار صحيفتي تنزل بشكل الي فيه

حاولت عن طريق التغذيات بالمنتدى وسحبت تغذية الصحيفة

ولكنها لا تظهر محتوى الخبر للاسف فقط العنوان

وبارك اللله فيك ولك

شكراً على الإطراء أخت نجلاء وأعتذر إن أزعجكي موضوعي السابق ..

ولدي استفسار في هذا لإقتباس :

إقتباس:

الخطوة الثانية

قم برفع ملف الجافا اسكربت بالملف المرفق بعد فك الضغط عنه
الى مجلد scripts بداخل مجلدات انفنيتي

ورفع الصورة بداخل مجلد انفنيتي الرئيسي سواء على البابليك او بمجلد داخلي

أي صور تقصدين ؟ الملف المضغوط ليس به إلا ملف السكربت فقط

كذلك ألا يمكن التعديل على السكربت حتى يكون أكثر جمالاً مثل الأخبار العامة ..؟

إقتباس:

اقتباس من مشاركة موهبة (المشاركة 626394)

المميزه اينما حلت نجلاء احمد

تميز وتفرد دائم

التميّز للمتميزين استاذي

وكلٌ يرى الناس بعيني حاله

فالتميز منكم واليكم بارك الله فيك

سؤال فقط استاذتي .....

هل يمكن استخدمه في المنتديات فرضا

الكود الموضوع هنا لا يحتاج اكثر من صفحة عرض اتش تي ام ال او نموذج للاستايل للاضافه فيه وعرضه

بالنسبة لنماذج الاستايل فقد يكون بمنتداك مكان مناسب فى الفوتر مثلا لعرض الخلاصات؟؟
اعتقد تحتاج لخبرة في التصميم والتنسيق لاعتمادها

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

هذه الحقول الجانبية مثل الموجودة فى الويب العربي هنا تقبل جميع اكواد الجافا والاتش تي ام ال ايضا كالبلوكات
ويمكن ادراج الكود بها لعرضه مباشرة

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

يعني مجرد افكار قد توحي لك بما يناسبك استاذي
فاتمنى ان تستفيد منها

تحية طيبة لك ولتواجدك هنا

إقتباس:

اقتباس من مشاركة الحسني (المشاركة 626396)

شكراً على الإطراء أخت نجلاء وأعتذر إن أزعجكي موضوعي السابق ..

ولدي استفسار في هذا لإقتباس :

أي صور تقصدين ؟ الملف المضغوط ليس به إلا ملف السكربت فقط

الصورة مرفقة بجانب الملف المضغوط بالمشاركة استاذي

وهذه هي

http://www.arabwebtalk.com/attachmen...1&d=1244689428

إقتباس:

اقتباس من مشاركة الحسني (المشاركة 626471)

كذلك ألا يمكن التعديل على السكربت حتى يكون أكثر جمالاً مثل الأخبار العامة ..؟

همممممم اكيد محتااج الموضوع مخمخة وروقاااان :!:

اتمنى ان يسعفني وقتي قبل الأجازة لذلك
او سيكون بعد عودتي من الأجازة ان شاء الله

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

اطيب تحية

تسلمين اختي نجلاء

انا لدي بمنتدى قسم للاخبار

وكنت اريد تغذيته باخبار الصحيفة

حاولت اضافة تغديات الصحيفه في المنتدى بانشاء نظام تغذية تعتمدها المنتديات وبرنامجها

ولكنها لم تنجح لانها تظهر العنوان فقط رغم انها تنجح لو اخذتها من منتدى اخر

سأريك رابط تغذية المنتديات التي تاتي كامله بالموضوع والعنوان مثال

[url="http://www.3rd1.com/vb/external.php?type=RSS2 "]

للاسف اعاني من مشكلة في اضافة الرد كاملا

تكملة ردي السابق

هل المجله تعتمد على external.php

اين هي من الرابط ان كانت كذلك
[url="http://www.3rd1.com/inf/rss-action-feed-m-news-id-1-feed-rss20.xml"]<![CDATA[

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

واعتذر استاذي لان ليس لي باعا فى تفعيل التغذيات بالمنتدى

ولكن اعتقد هى تعتمد على ملفات xml ايضا

وهناك ملاحظة انه من الأفضل ان تكون انفنيتي تعمل على الموودريرايت عند تفعيل التغذية

بالنسبة للكود هنا فهو يعمل بصفحات اتش تي ام ال ايا كان مكانها بالمنتدى

أمّا تغذية المنتدى وتفعيلها في قسم الأخبار اعتقد حضرتك تحتاج لمراجعة دعم فني منتديات فيها
وجرب تفعيل الموودريرايت واعادة التجربة

أطيب تحية

مرحباء اختي نجلا

انا اظم صوتي الى اخوي الثمالي

بعد الخطوه رقم 3 تحتاج الى توضيح اكثر

انا اريد الخبر يكون داخل مجلتي ولا يذهب الى صحيفة الوئام

ياليت لو تشرحين اوضح من كذا وش نظيف في الاستايل