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

الكاتب بتاريخ عدد التعليقات : 6
مرحبا بكم اصدقائي متابعين مدونة مهووسين الويب في درس جديد وحصري على المدونة وهو اضافة تغيير شكل المشاركات الشائعة 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 */
.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;}
5-وقم بالحفظ وانشاء الله سوف تعمل معك
اذا واجهتك اي مشكلة لا تتردد بطرحها بالتعليقات

6 تعليقات على موضوع " تغيير شكل المشاركات الشائعة v1 "

████ شروط التعليق ████
1- يجب على التعليق أن يكون بلا روابط إشهارية
2- أن يكون التعليق خاص بمحتوى التدوينة
3- لإضافة كود حوله أولاً بمحول الأكواد
4- لاستعمال خط عريض ضع الكود : <strong>النص هنا...</strong>
5- لاستعمال خط مائل ضع الكود : <em>النص هنا...</em>
6- لإضافة صورة ضعها بهذا الكود : <i rel="image"> ... رابط الصورة هنا ... </i>

الإبتسامات إخفاء