الاثنين، 17 يونيو 2013

طريقة تغير المشاركات الشائعة في بلوجر

السلام عليكم ورحمة الله وبركاته.. اليوم اقدم لكم طريقة تغير المشاركات الشائعة في بلوجر

حيث هذا الكود يغير شكل مشاركات الشائعة في بلوجر العادية الي هذا الشكل الذي موضح في الصور
ما عليك الي اتباع الشرح

لمعرفة اضافة كود المشاركات الشائعة بلوجر اضغط هنا

اولأ اذهب الي لوحة التحكم
قالب
ثم تحرير html
ثم ابحث عن الكود دي

]]></b:skin>

ثم ضع الكود قبل ]]></b:skin>
كما موضح بالصور

الكود

popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhxIXz_gENaw8nyTmjvKQ5Jhwe5Oy8tpEmQgQKkdpasbZNag7Wnduj8QY3cnt_mWSyESxe0UC_wOU8zl5roCalQSCpbk2x816WCm9wK7a1M0WOyONJLDdQQCobI-d3CqxW88UknidyXhg/s1600/1.gif) no-repeat scroll 5px 10px;
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 5px 20px !important;
border: 1px solid #ddd;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.popular-posts ul
li:hover {
border:1px solid #6BB5FF;
}
.popular-posts ul
li a:hover {
text-decoration:none;
}
.popular-posts .item-thumbnail img {
webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}