أداة المشاركات الشائعة بشكلها الجديد PopularPosts

السلام عليكم ورحمة الله وبركاته

زوار المدونة الكرام في هذا الموضوع سأع لكم أداة المشاركات الشائعة بشكلها الجديد 

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

صورة للأداة

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

لإضافة هذه الاداة لمدونتك كل ما عليك هو البحث عن

 ]]></b:skin>

ثم فوقه ضع هذا الكود

.PopularPosts .item-title {
display:none;
}
.PopularPosts .widget-content ul li {
background: none repeat scroll 0 0 transparent;
float: right;
list-style: none outside none;
margin: 10px 0 0 !important;
padding: 0 !important;
}

.PopularPosts .item-thumbnail {
margin: 0 8px !important;
}
.item-thumbnail img {
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
border: 3px solid #ccc;
height: 45px;
padding: 3px;
width: 45px;
}
#PopularPosts1 img:hover{-moz-transform: scale(1.2) rotate(-350deg);-webkit-transform: scale(1.2) rotate(-350deg);-o-transform: scale(1.2) rotate(-350deg);-ms-transform: scale(1.2) rotate(-350deg);transform: scale(1.2) rotate(-350deg);-webkit-box-shadow: 0 0 0px rgba(255,0,0,.4), inset 0 0 0px rgba(255,255,255,1);-moz-box-shadow: 0 0 0px rgba(255,0,0,.4), inset 0 0 0px rgba(255,255,255,1);box-shadow: 0 0 0px rgba(255,0,0,.4), inset 0 0 0px rgba(255,255,255,1);}

وهكذا تكون قد انتهيت أتمنى ان تكون الإضافة لاقت إعجابكم 

دمتم في رعاية الله وحفضه