عرض بلوكات rss من المواقع الأخرى داخل انفنيتي وتقديم بلوكات rss جاهزة للزوار
السلام عليكم ورحمة الله وبركاته
سنقوم هنا بشرح الكود الخاص بنشر تغذيات المواقع rss في انفنيتي كقالب فى منطقة الوسط
كمثل قالب اخبار البي بي سي
وبالتالي تستطيع تخصيص صفحة لزوار موقعك لتشرح لهم كيفية تفعيل rss موقعك كقوالب اخبارية فى مواقعهم
ولا يخفى على الجميع اهمية ذلك فى زيادة البيج رانك وانتشار روابط الموقع
الاسكربت هذا هو اسرع طريقة لعرض تغذيات المواقع الأخرى بداخل موقعك
مميّزات الاسكربت
1-- يمكنك تحديد اكثر من رابط للتغذية سواء من موقع واحد او عدّة مواقع
وستظهر النتيجة كخليط للنتائج المستقاة منهم
بأعداد متساوية لكل منهم
2--يمكنك ترتيب ظهور الأخبار في البلوك بحسب
التاريخ أو عنوان الخبر او اسم الموقع
3--يمكنك من عرض اسم الموقع او مصدر الـ rss بجانب عنوان الخبر
4-- يمكن التحكم فى عدد الأخبار المجلوبة عن طريقه بالبلوك
5-- يعمل بطريقة ممتازة مع تغذيات المواقع العربية والأجنبية على السواء
6--به امكانية اختيار اكثر من طريقة للعرض
فيمكن الاختيار من بين هذه الاختيارات لظهور
التارخ
اليوم
التاريخ واليوم
العنوان للخبر
اسم الموقع المجلوب منه الخبر
نبذة من الخبر برابط التكملة
الخبر كامل بصورته ...........(وهنا يمكن استغلاله فى الصفحات الإضافية ووضع روابط منفرده لها بالرئيسية )
----------------------------
أمثلة التنسيقات المختلفة
عرض عنوان الخبر + مصدر الخبر + نبذة من الخبر + التاريخ واليوم
هنا عرض الأخبار والمقالات كاملة مع الصور ويمكن اضافة الكود وتشغيله افضل بالصفحات الإضافية بدلا من القوالب
= ضع علامة صح بالمربع رقم 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>
والآن بسهولة اذهب الى الرئيسية وعاين القالب هكذا
************
لادراج الروابط المرغوب فيها
وتغيير طرق العرض يرجى المتابعة للنهاية
<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 للترتيب حسب عنوان الخبر
**********
وهكذا انتهينا وتستطيع ان تستمتع بالقوالب الإخبارية المتنوعة على موقعك
بالكيفية التي تريد
الكود الموضوع هنا لا يحتاج اكثر من صفحة عرض اتش تي ام ال او نموذج للاستايل للاضافه فيه وعرضه
بالنسبة لنماذج الاستايل فقد يكون بمنتداك مكان مناسب فى الفوتر مثلا لعرض الخلاصات؟؟
اعتقد تحتاج لخبرة في التصميم والتنسيق لاعتمادها
يوجد ايضا هاك الحقول الجانبية بمنتديات الفي بي موجود بقسم دعم المنتديات هنا
هذه الحقول الجانبية مثل الموجودة فى الويب العربي هنا تقبل جميع اكواد الجافا والاتش تي ام ال ايضا كالبلوكات
ويمكن ادراج الكود بها لعرضه مباشرة
كما ويمكن انشاء صفحة اتش ني ام ال مستقلّة بتغذيات الأخبار كاملة مع الصور كالموضحة بالصورة فى المشاركة الأولى
وهنا تستطيع ربطها بروابط الهيدر او الناف بار بداخل المنتدى برابط يدل عليها مثل آخر الأخبار مثلا او غيره
يعني مجرد افكار قد توحي لك بما يناسبك استاذي
فاتمنى ان تستفيد منها