تغير أستايل المشاركات الشائعة

السلام عليكم الكثير من المدونين يعرفون اهمية اضافة المشاركات الشائعة
حيث ان العديد من الزوار يطلعون عليها لمعرفة اكثر المواضيع قراءة في مدونتك
المشاركات الشائعة نعرف كلنا انها مقدمة من منصة بلوجر ويمكن اضافتها من لوحة التحكم بلوجر في بلوجر ولن موضوعنا اليوم
ليس طريقة اضافتها وانما طريقة تغير شكلها اي طريقة عرضها في مدونتك

أولا طريقة اضافتها من لوحة التحكم بلوجر

من لوحة التحكم بلوجر >> تخــــطيط >> اضافة آداة ونختار المشارات الشائعة

الشرح با الصور

أنا خرجت عن الموضوع قليلا لم أكتب في عنوان الموضوع طريقة اضافتها ولكن لابأس

المهم أنا شرحت لكم طريقة اضافتها أولا

طريقة تغير أستايل المشاركات الشائعة

من لوحة التحكم بلوجر >> قالـــب >> تحرير html >> ونبحث عن الوسم التالي

]]></b:skin>

ونضع فوقه الكود التالي

/*--- cnmot.blogspot.com --- */

.popular-posts ul{padding-left:0;counter-reset:popcount}

.popular-posts ul li:before{list-style-type:none;margin-right:15px;counter-increment:popcount;content:counter(popcount);font-size:16px;background:#292D30;color:#f1f1f1;position:relative;font-weight:700;font-family:georgia;float:left;border:2px solid #f3f3f3;box-shadow:1px 2px 9px #666;padding:.3em .6em}

.popular-posts ul li{border-bottom:1px dashed #ddd}

.popular-posts ul li a:hover{text-decoration:none}

.plugins ul{counter-reset:plugincount;padding:0}

.plugins ul li{border-bottom:1px dashed #ddd;line-height:40px}

.plugins ul li:before{content:counter(plugincount);counter-increment:plugincount;margin-right:15px;background:#292D30;border-radius:25px;border:2px solid #fff;box-shadow:1px 2px 9px #666;color:#fff;font:bold 16px georgia;padding:.3em .6em}

.plugins ul li a:hover{text-decoration:none;color:#2B3033}

.plugins ul li a,.popular-posts ul li a{text-decoration:none;color:#000}

.services{height:129px;width:591px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ8na93a1RfWCBsrFXE93bXuvKZJ3Jzb4IOyi3LIPrE3sp1eYRSaCtYABtbpNuHqO_4Zko-3WwmghgaBokOfJI1ud8CxT2ch7nL1a_pPDojQsVl0Nda8kBV4PJ2Yx-EZBLxlGZ8sxtkmCX/s1600/gapad2.png) no-repeat scroll -2px 0 transparent;box-shadow:0 3px 4px #666;border-radius:7px;margin:30px 0 0;padding:10px}

.services p{color:#ddd;text-align:justify;text-shadow:1px 1px 2px #000;font-size:13px;font-family:Arial,verdana;line-height:1.6em}

.services p a{color:#666;text-decoration:underline}

.services p a:hover{color:#ddd;text-decoration:none}

.popular-posts ul li:hover,.plugins ul li:hover{border-bottom:1px dashed #696969}

ومن ثم اضغط حفظ القالب وأنتهي الموضوع

كن متفائل