اضافة مواضيع ذات صلة مع ملخصات

اضافة مواضيع ذات صلة مع ملخصات - هذه الإضافة أكثر ما يميزها هي الملخصات و قليل من اضافات مواضيع ذات صلة تقوم بعرض الملخصات و مظهرها المميز و يمكن التحكم بعرض المواضيع و تنسيق الإضافة كما تريد و يمكنك معاينة الإضافة من الرابط التالي

معاينة

قم بالدخول إلى تحرير القالب ثم فوق الوسم ]]> اضف الكود التالي

#related-posts {
float : right;
width : 600px;
background : #fff;
-moz-box-shadow: 0px 0px 5px #BBB;
-webkit-box-shadow: 0px 0px 5px #BBB;
box-shadow: 0px 0px 5px #BBB;
margin : 20px 0 20px;
padding: 5px;
}
#related-posts h2{
font-weight : normal;
color : #111;
font-family : "droid arabic kufi", "Helvetica Neue", Arial, Helvetica, sans-serif;
font-style : normal;
font-size:22px;
line-height: 24px;
padding:10px 10px;
margin:0;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi_y_x9M4P7hGv3bXM46QNFbNN73Pn3wIFAcpEvTlF-iwwHM9OT9gW9-_FoAF1DGI4SczflQUD-l3wSYdXq6wWRzKQ27j5NM8iO7pTtFMPXCQT9tzLpBCjNtGsU7UZ1SaV7tQ8S87wYHI/s1600/imgbg.png) repeat scroll 0 0 transparent;
border-bottom:1px solid #cecece;
}
#related-posts a {
border:0;
outline:0;
color : #000;
background:none;
margin:0;
padding:0;
border:1px solid #fff!important;
font-style: normal; font-variant: normal; font-weight: normal; font-size: 10px; line-height: normal; font-size-adjust: none; font-stretch: normal;
}
#related-posts a:hover {
background:#F2F2F5;
border:1px solid #CCC!important;
color:#000;
text-decoration:underline;
}

التنسيق

الرقم 600 الاحمر لتغيير حجم عرض الإضافة انت قم بتغيير الرقم على حسب عرض قالبك
 لتغيير الخط استبدل هذه الكلمة droid arabic kufi  بالخط الموجود في مدونتك
F2F2F5 و هو لتغيير اللون عند مرور مؤشر الماوس على المواضيع
لتغيير الخلفية لكلمة مواضيع ذات صلة ابحث عن الكلمة التي باللون الأخضر و غيرها

ابحث عن الوسم و اضف الكود التالي فوقه

للتحكم بعدد المواضيع قم بتغيير الرقم 8 بالاحمر للعدد الذي تريده الان ننتقل إلى الكود التالي و هو اخر خطوة

نقوم بإضافة الكود السابق تحت احد الوسوم التالية حتى تظهر الإضافة

ملاحظة : في حالة عدم ظهور الإضافة فالسبب يكون أن الوسم متكرر في القالب أحدهم فعال وتظهر تحته الإضافة والآخر ليس كذلك وحينها تنقل الكود تحت الآخر و في المعاينة الإضافة ليست منسقة بسبب القالب انت يمكنك التحكم بحجم المواضيع و حجم عرض الإضافة كما تريد مع القليل من الخبرة في CSS بالتوفيق