يعني هذه الإضافة مخصصة أكثر لتكون في الصفحات الثابتة حتى تعمل كخريطة للموقع أو فهرس، إلا أنها تشتغل حتى بالتخطيط بإضافتها في أداة طبعا عليك أن تخصص لها مكانها... بمجرد أن ترى المعاينة فتبقى لك حرية استخدامها
لنتبع الآن خطوات التركيب
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'/>