Post Top Ad

Your Ad Spot

الأحد، 27 يناير 2013

كيفية اظهار صور الموضوع فقط بدون الكتابة بالمشاركات الشائعة

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






بعد اختيار هذه الأداء ستقوم بألاغاء (( مقتطف )) قم بأزالة العلامة
ضع علامة على صورة مصغرة من الصورة
وبالاخير اضغط حفظ كما واضح بالصورة التالية :


الأن لن ننتهى بعد سوف نقوم بأضافة كود بقالب المدونة وقبل كل شيى قم باخذ نسخة احتياطية من قالبك ومن هنا درس بسيط يعلمك طريقة اخذ نسخة احتياطية الان ناتى الى الطريقة فى البداية ادخل الى لوحة تحكم مدونتك ومن بعدها اضغط على القالبالأن اضغط على تحرير
  HTML

















الان اضغط على زر متابعة












الان قم بتوسيع القالب كما واضح لتا بالصورة التالية













الان اضغط على CTRL + F من الكيبورد لظهور عملية البحث عن الأكود بالمتصفح
ابحث عن هذا الكود :

]]></b:skin

ضع قبلة مباشرة هذا الكود :

 .PopularPosts .widget-content ul li {background:#FFF repeat scroll 0 0 transparent;float:left;list-style:none outside none;margin:0 !important;padding: 0 !important;border-bottom:none}
    .PopularPosts ul{padding:5px 0}
    .PopularPosts .item-thumbnail img{width:80px;height:80px;padding:11px;margin:0}
    .PopularPosts .item-content{position:relative;float:left;margin:0}
    .PopularPosts .item-title a{font-size:11px;color:#fff;display:block;padding:0 5px;float:left;width:122px}
    .PopularPosts .item-title:hover{opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}
    .PopularPosts .item-thumbnail{float:left;margin:3px 1px 7px 10px;border:1px solid #ccc;overflow: hidden}
.PopularPosts .item-title{display:none;}

الأن قم بعملية حفظ النموذج وستجد الأضافة تمت اضافتها بنجاح وهذه صورة موضحة لتركيب الأضافة :












كما تلاحظون بالصورة السابقة شكل الأضافة (( صورة من كل موضوع ))
انتهى الشرح وارجو بأن الاضافة اعجبتكم (( لا خير فى كاتم العلم ))

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

قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )

Post Top Ad