لإضافة هذه الأداة الجميلة إلى مدونتك اتبع الخطوات التالية :
@ الخطوة الأولى :
توجه في لوحة تحكم مدونتك إلى :
تصميم > تحرير html > ابحث عن الوسم التالي
]]></b:skin>
ثم أضف بعده مباشرة ( أسفله - أدناه ) الكود التالي
<style type='text/css'> .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:10px; -webkit-border-radius:10px; border-radius:10px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease; border:5px solid #89C9E5; height:40px; padding:3px; width:40px} .item-thumbnail img:hover{border:5px solid #67ABC2; -moz-transform:scale(1.3) rotate(-5deg); -webkit-transform:scale(1.3) rotate(-5deg); -o-transform:scale(1.3) rotate(-5deg); -ms-transform:scale(1.3) rotate(-5deg); transform:scale(1.3) rotate(-5deg)} </style>
يمكنك تغيير ألوان الأداة بما يناسب ألوان مدونتك عبر تغيير كود اللونين التاليين
border:5px solid #89C9E5;
( خاص بلون الأداة وهي بالوضع العادي ( بدون التأشير عليها )
border:5px solid #67ABC2;
( خاص بلون الأداة عند التأشير عليها )
ويجب مراعاة أن يكون اللون الثاني أفتح من الأول ( حتى تكون الأداة أكثر تنسيقا )
إرسال تعليق