السلام عليكم اليوم سأقوم بمشاركة موضوع جديد معكم عن فهرس المدونة أو المواضيع بشكل مختلف كلياً .
بمجرد أن ترى الصوره فى الاعلى ستشعر برغبة فى تجربتها فى مدونتك,حسناً فطريقة تركيبته سهل جدا تابع معى الشرح القادم بعنايه للحيلولة دون حدوث أخطاء تترتب عليها عدم عمل الاداة :].
بمجرد أن ترى الصوره فى الاعلى ستشعر برغبة فى تجربتها فى مدونتك,حسناً فطريقة تركيبته سهل جدا تابع معى الشرح القادم بعنايه للحيلولة دون حدوث أخطاء تترتب عليها عدم عمل الاداة :].
طريقة تركيب فهرس التدوينات بشكل جديد
- أذهب الى لوحة تحكم المدونة.
- قم بالدخول إلى الصفحات.
- أضغط على صفحة جديده ,لانشاء صفحة.
- قم بوضع الكود التالى فى تبويب 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>
قم بتغير المظلل بما يناسبك كا أسم القسم ورابط المدونه والتسمية
فى النهاية أتمنى أن موضوعنا اليوم نال أعجابكم وانتظرونا فى شرح جديد وأضافات جديده.