لأفضل تصفح للمدونة

الجمعة، 4 ديسمبر 2015

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

شرح طريقة التركيب
1. من لوحة التحكم إذهب إلى الصفحات
2. أضف صفحة جديدة وأدخل عنوان
3. إنتقل لتبويب HTML وضع به الكود التالي
<style scoped=" " type="text/css">
/* Multi Feed Loader */
.list-entries{background:white;border:1px solid #d8d8d8}
.list-entries ul,.list-entries li{margin:0;padding:0;list-style:none}
.list-entries li{padding:1em;border-bottom:1px solid #ddd}
.list-entries .main-title{padding:0}
.list-entries .main-title h4{display:block;font:inherit;padding:.5em 1em;background-color:#4f93c5;color:#fff;margin:0;line-height:normal;font-size:14px;margin-top:0!important}
.list-entries .title a{font-weight:300;font-size:14px;text-decoration:none;line-height:.5em;color:#222}
.list-entries .title a:hover{text-decoration:underline;color:#5886a7}
.list-entries img,.list-entries .fake-img{border:none;background-color:#333;margin:0 1em 0 0;padding:0;float:left}
.list-entries .summary{overflow:hidden;color:#999}
.list-entries .more-link{border-bottom:none}
.list-entries .more-link a{display:block;line-height:2em;height:2em;overflow:hidden;text-decoration:none;background-color:#82b965;padding:.5em 1em;position:relative;font-weight:bold;color:white}
.list-entries .more-link a:after{content:"";width:0;height:0;position:absolute;top:50%;left:.3em;border:4px solid transparent;border-right-color:white;margin-top:-4px}
.list-entries .more-link a:hover{background-color:#71a555}
.list-entries{margin:7px;width:251px;float:left;font-size:11px}
</style>
<div id="feed-list-container"></div><div style="clear:both;"></div>
<script type="text/javascript">
var multiFeed = {
feedsUri: [
{
name: "بلوجر",
url: "http://www.ar1web.com/",
tag: "التسميات"
},
{
name: "بلوجر",
url: "http://www.ar1web.com/",
tag: "التسميات"
},
{
name: "بلوجر",
url: "http://www.ar1web.com/",
tag: "التسميات"
},
{
name: "بلوجر",
url: "http://www.ar1web.com/",
tag: "التسميات"
},
{
name: "بلوجر",
url: "http://www.ar1web.com/",
tag: "التسميات"
},
{
name: "بلوجر",
url: "http://www.ar1web.com/",
tag: "التسميات"
}
],
numPost: 4,
showThumbnail: true,
showSummary: true,
summaryLength: 80,
titleLength: "auto",
thumbSize: 72,
containerId: "feed-list-container",
readMore: {
text: "المزيد من المواضيع",
endParam: "?max-results=8"
}
};
</script>
<script type="text/javascript" src="//googledrive.com/host/0B0LkZloPKBfWd3F1ZFF2NHZ3SVE"></script>
<div style='clear: both;'></div>
</div>
التعديلات الأساسية
* غير كل من إسمه "بلوجر" بعنوان
* كذلك غير رابط مدونتنا
* ثم ضع بدل "التسميات" تسمية عندك
* لمن يريد استعمال نفس الخط بالمعاينة هو هذا :
<link href='https://ar1web-com.googlecode.com/svn/trunk/font-ge_dinar.css' rel='stylesheet'/>
0 تعليقات على " إضافة محتوى مواضيع ثابت بصفحة "

جميع الحقوق محفوظة طريقة                                                                                                                           تطوير وتكويد     Mohamed Jiari | Ti9niFOUR