عرض مشاركة مفردة
 
  #2  
قديم 11-06-2009, 05:59 AM
د.نجلاء نور الدين د.نجلاء نور الدين غير متصل
عضو
 
تاريخ التسجيل: Feb 2008
المدينة: Dimofinf
مشاركة: 4,406
مستوى تقييم العضوية: 25
د.نجلاء نور الدين is on a distinguished road
وسام الويب البرونزي 
عدد الأوسمة: 1 (المزيد ...)
الافتراضي الخطوات


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


تتطلّب الحصول على كود خاص بموقعك من قوقل يسمى كود 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>


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







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

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



أطيب تحية





الصور المرفقة
 
الملفات المرفقة
نوع الملف: rar gfeedfetcher.rar‏ (الحجم 2.2 ك/بايت , عدد مرات التنزيل : 483)