[د.نجلاء نور الدين]

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

احدهما يوضع فى الـ 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 للترتيب حسب عنوان الخبر




**********


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







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

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