بسم الله , الحمد لله
مع توالي الحصريات على ميني سوفت, اليوم سوف اضع بين أيديكم إضافة رائعة وتعتبر 3 في 1 .
وهي إضافة التغذيات المتعددة للمدونات بلوجر.
شاهد الإضافة
وهذه صورة للإضافة...
اما عن وضع الإضافة إلى مدونتك, فيمكنك إضافتها بطريقتين.
1 = صفحة ثابتة.
2 = إضافة عادية كما اي اضافة توضع في البند تخطيط.
شرح الطريقة الأولى.
إذهب إلى لوحة تحكم المدونة ثم أختر بند الصفحات
ثم أختر صفحة جديدة
ثم اختر الوضع HTML
ثم امسح ما تجد وضع هذا الكود...
<div dir="rtl" style="text-align: right;" trbidi="on">
<style type="text/css">
.list-entries{margin:5px;padding:0;width:270px;float:right;}
.list-entries{border:1px solid #999}
.list-entries ul, .list-entries li{margin:0;padding:0;list-style:none;}
.list-entries li{padding:1em;border-bottom:1px solid #999;}
.list-entries .main-title{padding:2px}
.list-entries .main-title h4{display:block;font:inherit;font-weight:bold;padding:.5em 1em;background-color:#333;color:#ccc;margin:0;line-height:normal;}
.list-entries .title a{font-weight:bold;font-size:110%;text-decoration:none;}
.list-entries .title a:hover{text-decoration:underline}
.list-entries img, .list-entries .fake-img{border:none;background-color:#333;margin:0 0 0 1em;padding:0;float:right;}
.list-entries .summary{overflow:hidden}
.list-entries .more-link{border-bottom:none;padding:.5em;}
.list-entries .more-link a{display:block;line-height:2em;height:2em;overflow:hidden;text-decoration:none;background-color:#900;padding:0 .6em;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:#600}
</style>
<h1>
جديد أقسام المدونة
</h1>
<div id="feed-list-container">
</div>
<div style="clear:both">
</div>
<script type="text/javascript">
var multiFeed={
feedsUri:[{
name:"مشاركات HTML",
url:"http://minisoftwre.blogspot.com",
tag:"HTML"
},{
name:"مشاركات CSS",
url:"http://minisoftwre.blogspot.com",
tag:"CSS"
},{
name:"مشاركات بلوجر",
url:"http://minisoftwre.blogspot.com",
tag:"blogger"
}],
numPost:4,
showThumbnail:true,
showSummary:true,
summaryLength:80,
titleLength:"auto",
thumbSize:72,
containerId:"feed-list-container",
readMore:{
text:"إقرأ المزيد",
endParam:"?max-results=20"
}};
</script>
<script src="https://minisoftblog.googlecode.com/svn/blogger/multi-feed/multi-feed.min.js" type="text/javascript">
</script>
</div>قم بتعديل الكود حسب احتياجاتك و شرح الكود كالتالي..
| الكود | الوصف |
|---|---|
| name:"مشاركات HTML" | عنوان كل خليه من الثلاث خلايا - راجع شكل الإضافة |
| url:"http://minisoftwre.blogspot.com" | رابط المدونة التي تريد أن تعرض القسم الخاص بها |
| tag:"HTML" | إختيار قسم معين من مدونتك لعرض آخر مواضيعه |
| numPost:4 | عدد المشاركات التي تريد رؤيتها في الإضافة |
| showThumbnail:true | يمكنك عدم عرض الصور المصغرة بكتابة false بدلاً من true |
| showSummary:true | يمكنك إخفاء الملخص تحت العنوان بكتابة false بدلاً من true |
| summaryLength:80 | عدد أحرف الملخص يمكنك التعديل بواسطة الرقم 80 |
| titleLength:"auto" | عدد أحرف العنوان والافضل ان تتركها كما هي او تستبدل auto برقم وليكن 80 |
| thumbSize:72 | حجم الصور المصغرة ويمكنك التكبير او التصغير بواسطة الرقم 72 |
| text:"إقرأ المزيد" | نهاية كل ملخص ويمكنك تغييرها |
ثم احفظ الصفحة وبهذا انتهت الخطوة الأولى..
الخطوة الثانية وهي كالتالي..
إذهب إلى لوحة تحكم مدونتك ثم الى البند تخطيط
ثم أختر إضافة آداة
ثم اختر
واضف الكود التالي..
<style type="text/css">
.list-entries{margin:5px;padding:0;width:270px;float:right;}.list-entries{border:1px solid #999}.list-entries ul, .list-entries li{margin:0;padding:0;list-style:none;}.list-entries li{padding:1em;border-bottom:1px solid #999;}.list-entries .main-title{padding:2px}.list-entries .main-title h4{display:block;font:inherit;font-weight:bold;padding:.5em 1em;background-color:#333;color:#ccc;margin:0;line-height:normal;}.list-entries .title a{font-weight:bold;font-size:110%;text-decoration:none;}.list-entries .title a:hover{text-decoration:underline}.list-entries img, .list-entries .fake-img{border:none;background-color:#333;margin:0 0 0 1em;padding:0;float:right;}.list-entries .summary{overflow:hidden}.list-entries .more-link{border-bottom:none;padding:.5em;}.list-entries .more-link a{display:block;line-height:2em;height:2em;overflow:hidden;text-decoration:none;background-color:#900;padding:0 .6em;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:#600}
</style>
<div id="feed-list-container"></div>
<div style="clear:both"></div>
<script type="text/javascript">
var multiFeed={
feedsUri:[{name:"مشاركات HTML",url:"http://minisoftwre.blogspot.com",tag:"HTML"
},{
name:"مشاركات CSS",url:"http://minisoftwre.blogspot.com",tag:"CSS"
},{
name:"مشاركات بلوجر",url:"http://minisoftwre.blogspot.com",tag:"blogger"
}],
numPost:4,
showThumbnail:true,
showSummary:true,
summaryLength:80,
titleLength:"auto",
thumbSize:72,
containerId:"feed-list-container",
readMore:{text:"إقرأ المزيد",endParam:"?max-results=20"
}};
</script>
<script src="https://minisoftblog.googlecode.com/svn/blogger/multi-feed/multi-feed.min.js" type="text/javascript"></script>
علق على هذا الموضوع تعليقات الموقع تعليقات فيسبوك تعليقات Disqus