تغيير شكل المشاركات الشائعة الى شكل إحترافي

أهلا وسهلا بكم زوار مدونة مدهش ويب اليوم قررة أن أطرح لكم واحدة من أهم الإضافات التي صممتها

وهي لتغيير شكل المشاركات الشائعة هذه الإضافة ستجعل مدونتك أكثر جمالا 

ملاحظة : أرجو من كل من ينقل الموضوع أن يذكر المصدر

طريقة تركيب الإضافة :

1. إذهب الى لوحة التحكم .
2. إختار قالب > تحرير .
3. إبحث عن 
b:skin

.

وضع فوقة الكود التالي :

 /* CSS Popular Post */.PopularPosts ul,.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img {margin:0;padding:0;list-style:none;border:none;background:none;outline:none;}.PopularPosts ul li img {display:none;margin:2px;margin-left:10px;padding:0;width:60px;height:60px;float:right;}.PopularPosts ul li {background-color:#fff;margin:0;padding:0;position:relative;box-shadow:inset 4px 0 0 rgba(255,255,255,0.0);transition:all 0.1s ease-out;}.PopularPosts ul li:hover {background:#cf8860;box-shadow:inset 4px 0 0 rgba(250, 250, 250, 1);}.PopularPosts ul li:last-child {border-bottom:none;}.PopularPosts ul li .item-title a, .PopularPosts ul li a {font-weight:400;color:#fff;text-decoration:none;transition:all 0.1s ease-in-out;}.PopularPosts ul li a:hover {color:#fff!important;}.PopularPosts ul li:before {display:none;list-style:none;}.PopularPosts .item-thumbnail {display:none;float:left;margin:0 0 0 0;}.PopularPosts .item-snippet {display:none;font-size:10px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.PopularPosts .item-title {padding-bottom:.2em;margin:3px 10px;}.profile-img{display:inline;opacity:1;margin:0 0 3px 6px;}.PopularPosts .widget-content ul li {padding:.5em 0 .5em 0;}.PopularPosts ul li:nth-child(even) {background:#2ECC71}.PopularPosts ul li:nth-child(odd) {background:#00B16A}.PopularPosts ul li:hover:nth-child(even),.PopularPosts ul li:hover:nth-child(odd){background:#26A65B}

الى هنا وصلنا الى نهاية تدوينتنا لهذا اليوم

وفي أمان الله