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

طريقة تركيب فهرس التدوينات بشكل جديد

  1. أذهب الى لوحة تحكم المدونة.
  2. قم بالدخول إلى الصفحات.
  3. أضغط على صفحة جديده ,لانشاء صفحة.
  4. قم بوضع الكود التالى فى تبويب HTML وليس فى تبويب التأليف.


<style scoped=" " type="text/css">
/* Multi Feed Loader blogger1dev.blogspot.com */
.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;border-top-right-radius: 5px; border-top-left-radius: 5px;font-weight:bold;padding:.5em 1em;background-color:#5C6BC0;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:3em;border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;overflow:hidden;text-decoration:none;background-color:#363d45;padding:.5em 7em;position:relative;font-weight:bold;color:white}
.list-entries .more-link a:after{content:"";width:0;height:0;position:absolute;top:50%;right:.3em;border:4px solid transparent;border-left-color:white;margin-top:-4px}
.list-entries .more-link a:hover{background-color:#212121}
.list-entries{margin:7px;width:251px;float:left;font-size:11px}

</style>

<br />
<div id="feed-list-container">
</div>
<div style="clear: both;">
</div>
<script type="text/javascript">
var multiFeed = {
    feedsUri: [
   
        {
            name: "أضافات بلوجر",
            url: "http://blogger1dev.blogspot.com/",
            tag: "أضافات بلوجر"
        },
        {
            name: "شروحات بلوجر",
            url: "http://blogger1dev.blogspot.com/",
            tag: "شروحات بلوجر"
        },
        {
            name: "السيو",
            url: "http://blogger1dev.blogspot.com/",
            tag: "Seo"
        },
    ],
    numPost: 5,
    showThumbnail: true,
    showSummary: true,
    summaryLength: 50,
    titleLength: "auto",
    thumbSize: 72,
    containerId: "feed-list-container",
    readMore: {
        text: "معرفة المزيد",
        endParam: "?max-results=8"
    }
};
</script>
<script src="https://cdn.rawgit.com/se7s199/D1B/master/multifeedblog.js" type="text/javascript"></script>
<br />
<div style="clear: both;">
</div>
قم بتغير المظلل بما يناسبك كا أسم القسم ورابط المدونه والتسمية
قم بنشر الصفحة.


فى النهاية أتمنى أن موضوعنا اليوم نال أعجابكم وانتظرونا فى شرح جديد وأضافات جديده.
اقرأ أيضًا: