Rounded Corners Popular Post Widget
نذهب الى قالب المدونة و نضيف الكود التالي قبل الوسم ]]></b:skin>
/*Rounded Corners Popular Post Widget http://2015free.blogspot.com/*/
.popular-posts ul{padding-left:0px;}.popular-posts ul li {background: #FFF url() no-repeat scroll 5px 10px;list-style-type: none;padding:5px 5px 5px 20px !important;border: 1px solid #ddd;border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;-moz-border-radius: 30px;-webkit-border-radius: 30px;height: 40px;-moz-box-shadow: 3px 2px 5px #242424;-webkit-box-shadow: 3px 2px 5px #242424;box-shadow: 3px 2px 5px #242424;margin-bottom: 5px;height: 40px;}.popular-posts ul li a {font-style: italic;}.popular-posts ul li:hover {border:1px solid #d10202;-moz-box-shadow: 3px 2px 5px #d10202;-webkit-box-shadow: 3px 2px 5px #d10202;box-shadow: 3px 2px 5px #d10202;}.popular-posts ulli a:hover {text-decoration:none;}.popular-posts .item-thumbnail img {height:40px;width:40px;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);}.popular-posts .item-thumbnail img:hover{-moz-box-shadow: 0px 0px 5px #d10202;-webkit-box-shadow: 0px 0px 5px #d10202;box-shadow: 0px 0px 5px #d10202;}
ثم نضيف اداة جافا سكريبت المشاركات الشائعة و نعدلها كما في الصورة (نزيل علامة صحيح من خانة snippet مقتطف )
احفظ الأداة و مبرووووووك
****************************
Rounded Corners Popular Post Widget
0 التعليقات :
Formulir Kontak
Popular Posts
statistics
Share this Post
Ads 1
Ads 2
Ads 2
Contributors
مدونة مجاني. يتم التشغيل بواسطة Blogger.


إرسال تعليق