اضافة كود لعرض آخر مواضيع كل قسم

بسم الله الرحمان الرحيم

كيفية الاضافة سهل جدا 

إتبع الخطوات التالية:

1- إذهب الى لوحة التحكم فى مدونتك.

2- تخطيط.

3- إضافة أداة.

4- إختر HTML/JavaScript .

5- أضف الكود  وأضغط حفظ.

إن اردت التاكد من عمل الاضافة  اضغط هنا   و انسخ الكود في المربع الازرق لتعاين

 الاضافة في الجزء الاسفل من الصفحة

و للمعاينة على الصفحة اضغط هنا

الكود:

<div id='ss'>

<table background='http://www.rassidonline.com/online.lb7@gmail.com/m/c1.png' bgcolor='#FF0000' border='0' height='30' width='100%'>

<tr>

<td>

<span id='pbl_labels'/>

</td>

<td background='http://www.rassidonline.com/online.lb7@gmail.com/m/c3.png' height='24' width='24'>

</td>

</tr>

</table>

<div style=' border: 1px solid rgb(204, 204, 204); height: 200px; overflow: auto; padding: 2px;'>

<div id='pbl_posts'>

</div>

<script type='text/javascript'>

var jumlah_maksimum_post = 14;

var dengan_ringkasan = true;

var jumlah_karakter_ringkasan = 50; </script>

<script src='http://www.rassidonline.com/online.lb7@gmail.com/m/3.txt'>

</script>

<script src='http://youss10.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed'> </script>

</div></div>

<style scoped='' type='text/css'>

#ss {

float:right;

font-weight:bold;

width: 287px;

margin: 0px 0px 4px 0px;

padding: 2px;background: #8600FF;

border: 1px solid #E2E2E2;

-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);

-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);

box-shadow: 0 0 20px rgba(0, 0, 0, .2);

-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;

font-size:17px;

}

#ss a{

float:right;

font-weight:bold;

width: 257px;

margin: 0px 0px 1px 0px;

padding: 2px;background: #F2FBFF;

border: 1px solid #E2E2E2;

-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);

-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);

box-shadow: 0 0 20px rgba(0, 0, 0, .2);

-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;

font-size:17px;

}

</style>

 كل ماعليك تغير هذه الكلمة باسم مدونتك youss10

المصدر:شبكة ابويوسف http://merimiweb1.blogspot.com/2014/04/blog-post_26.html#ixzz3DzTQQJEo