بسم الله, الحمد لله..
كيفكم إخواني المدونين, أن شاء الله في افضل حال
كلنا نعرف قطعة أو اضافة المشاركات الشائعة على المدونات بلوجر , ولمن لم يعرفها في تأتي من هنا..
![]() |
إذهب الى البند تخطيط في لوحة التحكم |
![]() |
اختر المكان الذي تريد الإضافة فيه ثم اضغط إضافة آداة |
![]() |
ثم اختر من الأدوات المشاركات الشائعة |
ودائماً يكون شكل الإضافة الافتراضي هكذا..
![]() |
الشكل الإفتراضي للمشاركات الشائعة على بلوجر |
ونحن سوف نحترف قليلاً ونجعل شكلها كالتالي..
![]() |
الشكل الجديد |
وهذا مثال للإضافة بالشكل الجديد اطلع عليه من ( هنـــا )
كيف يتم ذلك؟ هذا ما سوف نعرفه الآن .
إذهب الى لوحة التحكم في بلوجر ثم إضغط على قالب
ثم ابحث عن الوسم..
]]></b:skin>
ثم ضع فوقه مباشرتاً الأكواد التالية..
/* Blogger Popular Post Widget By MiniSoft*/
.PopularPosts .item-thumbnail{padding:3px;height:60px;width:60px;}
.PopularPosts .item-title a{margin:0 20px}
.PopularPosts .item-title{text-align:center}
.PopularPosts ul,.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img{margin:0 0;padding:0 0;list-style:none;border:none;background:none;outline:none;}
.PopularPosts ul{font:normal normal 12px Tahoma,Arial,Sans-Serif;color:#000;}
.PopularPosts ul li img{display:block;margin:0 .5em 0 0;width:60px;height:60px;float:left;}
.PopularPosts ul li{background-color:#eee;margin:0 10% .4em 0;padding:.5em 1.5em .5em .5em;counter-increment:num;position:relative;}
.PopularPosts ul li:before,.PopularPosts ul li .item-title a{font-size:14px;color:inherit;text-decoration:none;}
.PopularPosts ul li:before{content:counter(num);display:block;position:absolute;background-color:black;color:white;width:30px;height:30px;line-height:30px;text-align:center;top:50%;right:-10px;margin-top:-15px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;}
.PopularPosts ul li:nth-child(1) {background-color:#6EBE27;margin-right:1%}
.PopularPosts ul li:nth-child(2) {background-color:#FD3C03;margin-right:2%}
.PopularPosts ul li:nth-child(3) {background-color:#FECB09;margin-right:3%}
.PopularPosts ul li:nth-child(4) {background-color:#E11E28;margin-right:4%}
.PopularPosts ul li:nth-child(5) {background-color:#863E62;margin-right:5%}
.PopularPosts ul li:nth-child(6) {background-color:#5BBFF1;margin-right:6%}
.PopularPosts ul li:nth-child(7) {background-color:#61469C;margin-right:7%}
.PopularPosts ul li:nth-child(8) {background-color:#863E86;margin-right:8%}
.PopularPosts ul li:nth-child(9) {background-color:#149A48;margin-right:9%}
.PopularPosts ul li:nth-child(10) {background-color:#815540;margin-right:10%}
ثم اضغط حفظ القالب و مبروك عليك الاضافة الجديدة
علق على هذا الموضوع تعليقات الموقع تعليقات فيسبوك تعليقات Disqus