مرحبا بكم اصدقائي متابعين مؤمن ويب في درس جديد وحصري على
المدونة وهو اضافة تغيير شكل المشاركات الشائعة v1 الى شكل إحترافي وجديد
الاضافة بسيطة جدا فهي مكونة من اسم الاداة وبجانبها ايقونة صغيرة وبالرغم
من بساطتها فهي من اجمل الأشكال اذا نبدأ الشرح لطريقة اضافة الاداة لبلوجر
طريقة التركيب1-اذهب الى لوحة التحكم ثم القالب
2-ثم تحرير html والبحث عن ]]></b:skin>
3-ضع الكود التالي فوقها (قبلها)
/* CSS Popular Post by th3geekweb3 */
.widget-content.popular-posts {padding:0; margin:0 0 0; padding-top: 8px; }
.popular-posts ul { padding:0 !important; margin:0 !important; }
.popular-posts ul li {list-style:none outside none !important; margin-left:0 !important; overflow:hidden; padding:5px 0 !important; transition:all 0.25s linear 0s; counter-increment:trackit; }
.PopularPosts1 li:nth-child(even) { background:#FFF; }
.PopularPosts1 li {padding-left:1em !important; }
.popular-posts ul li:before { content:"\f192";padding: 0em .1em 0 0;color: #E74C3C;float: right;font-family: FontAwesome;margin-left: 10px;}.PopularPosts .item-thumbnail,.PopularPosts .item-snippet { display:none; }
.PopularPosts1 a:hover { text-decoration:underline; }
.PopularPosts1 a {color: #444444;font-size: 10pt;font-family: tahoma;}
4-قم بحفظ القالب والذهاب للمعاينة واذا لم تعمل قم بوضع الكود التالي مكان الذي فوق
/* CSS Popular Post by th3geekweb3 */5-وقم بالحفظ وانشاء الله سوف تعمل معك
.widget-content.popular-posts {padding:0; margin:0 0 0; padding-top: 8px; }
.popular-posts ul { padding:0 !important; margin:0 !important; }
.popular-posts ul li {list-style:none outside none !important; margin-left:0 !important; overflow:hidden; padding:5px 0 !important; transition:all 0.25s linear 0s; counter-increment:trackit; }
#PopularPosts1 li:nth-child(even) { background:#FFF; }
#PopularPosts1 li {padding-left:1em !important; }
#PopularPosts1 ul li:before {content:"\f192";padding: 0em .1em 0 0;color: #E74C3C;float: right;font-family: FontAwesome;margin-left: 10px;}.PopularPosts .item-thumbnail,.PopularPosts .item-snippet { display:none; }
#PopularPosts1 a:hover { text-decoration:underline; }
#PopularPosts1 a {color: #444444;font-size: 10pt;font-family: tahoma;}
اذا واجهتك اي مشكلة لا تتردد بطرحها بالتعليقات