المشاركات الشائعة بشكل مميز وحصرى

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

معاينــة الاضافــة
مما لاشك فيه أن الاضافة نالت اعجابك
لا تقلق سوف تحصل على شكل مماثل لمدونتك

شرح التركيب

اذهب للوحة التحكم >> القالب

الخطوة الأولى 

ابحث عن وسم  ]]></b:skin>
ضع فوقه هذا الكود وقم بالحفظ

.popular-posts li {
list-style:none;
margin:-12px -5px -6px -10px;
text-align: right;
}
.PopularPosts .item-thumbnail {
background:#D40147;
border-radius: 0 8px 8px 0;
float: right;
margin: 0 0 0 8px;
padding: 8px 8px 0;
}
.item-thumbnail img {
background:#F1F1F1;
border: 2px solid #777;
border-radius: 50%;
height: 58px;
padding: 0;
transition: all 1.5s ease 0s;
width: 60px;
}
.item-thumbnail img:hover {transform: rotate(2880deg);
-webkit-transform: rotate(2880deg);
-moz-transform: rotate(2880deg);
-o-transform: rotate(2880deg);
-ms-transform: rotate(2880deg);
}
.PopularPosts .item-title {
background:#ddd;
border-radius: 8px 0 0 8px;
height: 73px;
margin: 0 5px;
padding: 7px 6px 5px 5px;
}
.popular-posts .item-title a {color:#3300FF;}
.popular-posts .item-title a:hover {color: #D40147;}

الخطوة الثانية 

اضف أداة المشاركات الشائعة من مدونتك
ثم اضبط اعداداتها كما بالصورة

بهاتين الخطوتين سوف تحصل على شكل مميز وحصرى للمشاركات الشائعة

دمتم فى رعاية الله متتبعيى مدونة ابداعاتى الكرام

♫  ملحوظة هامة  ♫

الاضافة من تصميم مدونة كن مدون 

ويمكنك الحصول عليها أيضًا من هنا

وأسف أن الموضوع ظل لفترة فى مدونة ابداعاتى بدون حقوق مدونة كن مدون لأن الكود قد حصلت عليه من قالب لم اعرف حينها أنه من تطوير مدونة كن مدون وعندما ابلغنى الأخ عمرو مصطفى صاحب المدونة بأنه له قررت على الفور ذكر حقوقه لأنى مؤمن بحفظ الحقوق وعدم تضييع مجهود الآخرين وكانت هذه الملاحظة لأنى سبقت الأخ عمرو فى عرض موضوعى شكرا لتفهمكم