كود المشاركات الشائعة

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

كود المشاركات الشائعة بلوجر

لتجربة أضغط هنا



الاول هتروح علي المدونة ثم من تحرير html  قبل أي شيئ خذ نسخة من القالب تجنب حصول أخطاء ولكن انشاء الله ميكنش في أخطاء 

أضغط ctrl ثم R  هيطلع مربع البحث

أبحث عن الكود ده : ]]></b:skin>

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

.PopularPosts .item-thumbnail img {  width: 40px;  height: 40px;  padding: 4px;  margin: 0;  border: #ddd solid 1px;}
.popular-posts ul {  padding-left: 0;}
.popular-posts ul li {  background: url('https://googledrive.com/host/0BzzpB6MLhPeNZ0FhV0xIQ3A0TDg/lin.gif') left no-repeat;  padding-left: 16px;  list-style-type: none;  margin: 0 0 5px 0;  padding: 5px 5px 5px 20px !important;  border: #c0c0c0 solid 1px;  border-radius: 10px;}
.popular-posts ul li:hover {  border: #000 solid 1px;}
.popular-posts ul li a:hover {  text-decoration: none;}

ده حجم و أرتفاع الصورة 


الأحمر هو width  40px  =  العرض  غير الرقم
 height   px40    =  الأرتفاع  غير الرقم 


ثم حفظ وشوف النتيجة 

شارك الموضوع معه أصدقائك

هناك 3 تعليقات:

شكرا علي الكود

شكرا ا يا نجم

شكرا شكرا شكرا شكرا ^_^


علق لكن حظر من قول :( ما يلفظ إلا لديه رقيب عتيد )
_
عزيزي الزائر لضمان عرض تعليقق لا تعرض أرقام هواتف أو روابط أعلانية أو صور أباحيه
_ ملحوظة : ضع المؤشر للأستخدام التعبيرات _
المسموح به هو عرض رابط مدونتك لتعرض المشكلة به أو رابط صورة للمشكلة
الأبتساماتأخفاء الأبتسامات

أرشيف المدونة الإلكترونية