المشاركات الشائعة هي احد الادوات التي لا تستطيع المدونات الاستغناء عنها لأنها تطرح المواضيع للزائر بشكل مقترح و سريع ومن الاكيد تلك الاداة تحتاج ان تكون ذو جمالية لأنجذاب الزوار لهذي الاداة وهناك العديد من الاكواد التي قد طرحت سابقا لتجميل هذي الاداة الا انها كانت متشابهة التصميم لهذا هنا حصريا اقدم لكم مظهر جديد v1 مختلف بمظهره طريقة عرضة جميلة جدا العرض يصبح اكثر احترافية وجمال حول طريقة عرض بألوان مختلفة من موضوع الى اخره مع ترقيم المواضيع
طريقة التركيب ابحث عن ]]></b:skin> وأضف الكود التالي فوقها
/*Widget*/.PopularPosts ul,.PopularPosts li,.PopularPosts li a{margin:0;padding:0;list-style:none;border:none;background:none;outline:none}.PopularPosts ul{margin:0;list-style:none;color:black;counter-reset:num}.PopularPosts ul li{background-color:#eee;margin:0 0 0 0!important;padding:.5em 1.5em .5em .5em!important;counter-increment:num;position:relative}.item-thumbnail img{float:left;margin:0 10px 0 0}.PopularPosts a{color:#fff!important}.PopularPosts a:hover{color:#222!important}.PopularPosts ul li:before,.PopularPosts ul li .item-title a,.PopularPosts ul li a{font-weight:bold;color:inherit;text-decoration:none}.PopularPosts ul li:before{content:counter(num)!important;display:block;position:absolute;background-color:#333;color:#fff!important;width:22px;height:22px;line-height:22px;text-align:center;bottom:0;right:0;padding-right:0!important}.PopularPosts ul li:nth-child(1){background-color:#f1c40f}.PopularPosts ul li:nth-child(2){background-color:#f39c12}.PopularPosts ul li:nth-child(3){background-color:#2ecc71}.PopularPosts ul li:nth-child(4){background-color:#27ae60}.PopularPosts ul li:nth-child(5){background-color:#e67e22}.PopularPosts ul li:nth-child(6){background-color:#d35400}.PopularPosts ul li:nth-child(7){background-color:#3498db}.PopularPosts ul li:nth-child(8){background-color:#2980b9}.PopularPosts ul li:nth-child(9){background-color:#FAC725}.PopularPosts ul li:nth-child(10){background-color:#c0392b}.cloud-label-widget-content{text-align:right}.label-size{display:block;background:#fff;float:left;margin:0 2px 2px 0;color:#000!important;border:1px solid #ccc;padding:5px}.label-size:hover{border:1px solid #000;color:#000!important}.label-size a:hover{color:#000!important}@media screen and (max-width:980px){
لايسمح بنقل الموضوع من دون ذكر مصدر
