بسم الله , الحمد لله
مع توالي الحصريات على ميني سوفت, اليوم سوف اضع بين أيديكم إضافة رائعة وتعتبر 3 في 1 .
وهي إضافة التغذيات المتعددة للمدونات بلوجر.
شاهد الإضافة
وهذه صورة للإضافة...
اما عن وضع الإضافة إلى مدونتك, فيمكنك إضافتها بطريقتين.
1 = صفحة ثابتة.
2 = إضافة عادية كما اي اضافة توضع في البند تخطيط.
شرح الطريقة الأولى.
إذهب إلى لوحة تحكم المدونة ثم أختر بند الصفحات
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikT_iSUrUrX_12KYwMdKd1ccUZAYnUrsA-4ZYRq26qX0Sc54Iw8N8xwG2uqvTTK0PfmSiJ5Rpog9IlcNMLTr3RGAXTN3sfEOTd-nuHL4vb1KNLIxucJoMg0emZN8eCF8VkbQPdPUDvlJ4-/s1600/1.png)
ثم أختر صفحة جديدة
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMfswwsHE-npkGmijsEeqgHgmr6Hi0XsOUXCw1k3rFzgD6pRboNR-Oh2EjnDj_CQMIfJcUFaXHgtu67zrH5-p8ihY-nyiGcQL_zcXncG29Iu4zXcFxjWb2L9nn81ABubvVZ4absjZboZTi/s1600/2.png)
ثم اختر الوضع HTML
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpBekuGrKlIIFMf65SXhgXj12WwGEqd4FukyyB15pmWCZwMZ0C6AZP0Aq2i7hUC3M8OMOTkbvuLGm6d0FnAMRKRpt2Iq48AgItjmHl8-f1w8aaO0ljDelxhAhd4fx33x7vOGssryW4t2ba/s1600/3.png)
ثم امسح ما تجد وضع هذا الكود...
<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:"إقرأ المزيد" | نهاية كل ملخص ويمكنك تغييرها |
ثم احفظ الصفحة وبهذا انتهت الخطوة الأولى..
الخطوة الثانية وهي كالتالي..
إذهب إلى لوحة تحكم مدونتك ثم الى البند تخطيط
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii-mv2p3MWXfHyb1hCtmLzcXCBJzskLeFSuHH_Qrqd3sLQABtSF8teujj16m_rnXXkbrGZL8KCZncgRPljZzdLsClAWPLg1SCKYCBAlOV2xZ7tAsacUOFTRA9FbCn6WaGr_P-WmBKkO5Mc/s1600/1.png)
ثم أختر إضافة آداة
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGQ1akX6qnAa3cqBzvZntlPvbdjufdQH06_v19rTB_pVYovjRnzhgTiNsABMjgmZLQMnADJyteZ5J3pDqS_lPci9uHPuaxRtNhEPMNEOGQehF5YFH8z6nBn49T8SuZqg0lz-2jHrt4WV_r/s1600/2.png)
ثم اختر
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSRc5waTx68AiFoMvhAaR7hkQA55RLxmzIesnBmbqkU3duzG6rNZmh-q8_vx3rdKCV-mcG3mzfSeuiNvneiE_YoK1vm4KpEG4p1_gGuqiQrQaAfVVktvd3oNDRH5-Df-FGuSJTzO-eq7rf/s1600/4.png)
واضف الكود التالي..
<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>
مع مراعاة تنسيق الكود كما هو مشروح بالجدول