شرح اضافة المشاركات الشائعة Posts popular بشكل انيق والوان رائعة

شرح اضافة المشاركات الشائعة Posts popular بشكل انيق والوان رائعة
كثيرا منا يبحث عن اظهار مدونته بشكل اكثر جازبيه وتضع بلوجر بعض القوائم والادوات الكلاسيكيه المعتادة وهنا نضع اداه  بشكل جديد ورائع هى اداه اهم المواضيع مشاهدة او المشاركات الشائعة  او اهم المواضيع مشاهدة  تستطيع كتابة ما تراه مناسب لك

























 نبداء الشرح
 اولا

من لوحة التحكم 

 اضغط

1 التخطيط

2 اضافة اداه

3اختار اداه المشاركات الشائعة

 Posts popular او

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





ننتقل للجزء الاخر من  الاعدادات

من لوحة التحكم 
 اضغط 

 قالب

 نسحة احتياطي للامان من اى خطاء نضغط تنزيل النموزج كامل وحفظ

تنزيل النموزج بالكامل

 بعد اخذ نسخة احتياطي 

نضغط تحرير

  تنسيق النموذج
نضغط ctrl+f لعمل بحث
نبحث عن

]]> </b:skin>
نضع الكود التالى كاملا اعلى كلمه ]]> </b:skin>

<br /><br />#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}<br />#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #3366ff; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}<br />#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}<br />#PopularPosts1 ul li:first-child:after,<br />#PopularPosts1 ul li:first-child + li:after,<br />#PopularPosts1 ul li:first-child + li + li:after,<br />#PopularPosts1 ul li:first-child + li + li + li:after,<br />#PopularPosts1 ul li:first-child + li + li + li + li:after,<br />#PopularPosts1 ul li:first-child + li + li + li + li + li:after,<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}<br />#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}<br />#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}<br />#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:86%}<br />#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}<br />#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:84%}<br />#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}<br />#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:82%}<br />#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}<br />#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:80%}<br />#PopularPosts1 ul li:first-child + li + li:after{content:"3"}<br />#PopularPosts1 ul li:first-child + li{background:#ff764c; width:78%}<br />#PopularPosts1 ul li:first-child + li:after{content:"2"}<br />#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:76%}<br />#PopularPosts1 ul li:first-child:after{content:"1"}<br />#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}<br />#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}<br />

واخيرا اضغط حفظ القالب ومبروك عليك الاضافة

كلمات البحث :

 شرح اضافة ،المشاركات الشائعة:،Posts popular