
تعديل جميل على إضافة المشاركات الشائعة الخاصة بمنصة بلوجر Blogger سنعطيها شكل مميز ونجعلها عبارة عن مصغرات فقط Popular Posts Only Thumbnail وهذا الشكل يتناسب مع المدونات التي ترغب في توفير مساحة
إن لم تكن إضافة المشاركات الشائعة موجوده في مدونتك قم بإضافتها ثم طبق الخيارات التالية عليها

وفوق الوسم ]]></b:skin> أضف الكود التالي
.popular-posts ul li {padding-right:0px; margin:-7px 0 -7px 0; float:right;width:33%;list-style-type:none;border:none;line-height:0px}
.popular-posts ul li img {width:80px;height:80px;opacity:1;filter:alpha(opacity=100);background:#fff;border:1px solid #818181;padding:3px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.popular-posts ul li img:hover {background:#000;border:1px solid #000;}
ثم إبحث عن هذا الكود أو جزء منه حتى تجده
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
وإستبدله بالكود التالي
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' expr:title='data:post.title'>
<b:if cond='data:post.thumbnail'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
<b:else/>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:width='data:thumbnailSize' src='http://2.bp.blogspot.com/-erTXCq61ULM/TmHYAQBZ0GI/AAAAAAAACCs/6cBX54Dn6Gs/s72-c/default.png'/>
</b:if>
</a>
</div>
</div>
<b:else/>
مشكور أخي العزيز على الإضافة الجميلة
ردحذفحياك الله أخي عبد الجليل
ردحذفودائما ما يسعدني مرورك يا طيب
تحياتي لك
ررررررررررررروعه :9
ردحذفتم تطبيق الدرس لكن عندى مشكله
لاتظهر صورة التدوينة :( تظهر فقط فى شكل التدوينات فى الرئيسية لكن فى السايد بار
مش كلها بعض التدوينات وبعضها لا ومش عارف ليه
ارجو مساعدتى :(
http://mrboody.blogspot.com
وشكرا
بالنسبة للصور احيانا يكون سبب عدم ظهورها الحجم
ردحذفأن يكون حجم الصورة كبير جدا فلا يتم إظهارها يفضل أن تجعل اول صورة في موضوعك بحجم مناسب أو ان موقع رفع الصورة لا يتيح أن تعرض في المصغرات لذا أنصحك برفع صور مواضيعك على بيكاسا
مشكووووووووووووووور على الرد
حذفلكن ماهو الحجم المناسب حسب خبرتك ؟؟
وماهو "بيكاسا" ؟؟
وشكرا
حاول الا يزيد الطول او العرض عن 500px
حذفاما بيكاسا هو مخزن عملاق للصور تابع لجوجل تدخله ببريد Gmail
وهذا هو رابطه وستجد عليه كل الصور التي رفعتها عن طريق مدونتك
http://is.gd/PglmFH
تسلم ياغالى على الشرح
ردحذفبس انا ببحث عن الكود الثانى ولم اجده ياترى ايه المشكلة ؟
أهلا ومرحبا بك
ردحذفبالنسبة للكود الثاني عدم إيجاده قد يكون بسبب
أنك لم تضغط على خيار توسيع العناصر
أو أن إضافة المشاركات الشائعة ليست موجوده في مدونتك فتحتاج تركيبها أولاً
أو أنك تبحث عن الكود بالكامل وهذا أحيانا لا يفلح حاول ان تبحث عن جزء منه وعندما تجده حدد الكود كاملا ثم إستبدله وبالتوفيق
اذا كانت السماء تتباها بوجود القمر فيها من حق
ردحذفالارض ان تفرح بوجودك اخي عمرو عليها
محبك أخوك أبو محمد
تسلم ايدك اخى عمرو
ردحذفانا عندى عامل المشاركات الشائعة بالالوان وجربت صور مصغرة مش بتظهر الصور
وجربت المشاركات الشائعة من غير كود الالوان وبرضه الصور مش بتظهر
رغم انى صغيرة فى حجمها
اتمنى تقولى حل ياحبى
اخي انا واحهتني مشكلة
ردحذفعندما افوم بكل هاته الحطوات و ادهب للمعاينة المصغرات تأتي صورة تحت صورة يعني
صورة في كل سطر ليس تلاتة صور في سطر واحد اتمنى ان تكون قد فهمت المشكلة
ملاحظة انا اريد ان اضع هده الاضافة في قالب progrey
هذه المشكلة قد تكون لاحد سببين
حذفالاول أن تكون مساحة السايدبار صغيرة فلا يكن وضع الثلاث صور مع بعض جرب تصغير حجم الصور
الحجم هو رقمين 80px ستجدهم متكررين في الكود قم بتقليل الحجم
السبب الثاني هو تعارض القالب مع الإضافة ربما يكون به أكواد تخص الإضافة فيحدث تعارض بين الكودين
أو أن هناك أى سبب آخر للتعارض يسبب تلك المشكلة
لدي مشكلة في المدونة
ردحذفالصور التي تكون مرفوعة على بلوجر تظهر أما الصور المرفوعة على أي موقع آخر لا تظهر
هذا أمر طبيعي لان بلوجر تعتمد على مركز الرفع الخاص بجوجل بيكاسا وبالتالي ستواجه دائما مشكلة في ظهور الروابط من مراكز اخرى وانصحك ان ترفع عليه فهو دائم ثانيا مساحته مفتوحة يعني يمكنك ان تخزن جميع صورك الى الأبد ويفضل مراجعة هذا الموضوع للتعرف أكثر عليه
حذفhttp://cnmu.blogspot.com/2013/04/Picasa.html
شكراً لك على سرعة ردكم
حذف-------------
لو سمحت كيف استطيع وضع بنر اعلاني بحجم 728*90 مثل مدونتك
اريد وضعه بدلاً من بنر 468*60
الذي في هذه المدونة
http://www.newdailyinfo.com
عندما اضع الكود يظهر نصف الاعلان فقط
القالب متجاوب لذلك هو معد عند عرضه في مساحة صغيرة ان يخفي ما يزيد عن اطاره فإن كنت تتصفح الموقع من جهاز لوحي او هاتف طبيعي ان يتم تصغيير البانر
حذفاو ان كنت تتصفح من كمبيوتر بابعاد شاشة اكبر من 1024x768 ايضاً سيتم اخفاء الزائد غير ذلك المفترض ان يظهر لباقي الأجهزة بشكل واضح وكامل إلا لو كان القالب معد لمساحة اعلانية صغيرة فيمكنك وضعه ان اردت ويظهر لفئه كامل ولفئه اخرى مخفي جزء منه او اكتفي بالمقاس الموجود واراه مناسباً
يا أخي أرجوك شوف كيف تظهر عندي في كل سطر صورتان
ردحذفمع العلم أني قرأت التعليقا السابقة كما أني قمت با تكبير مساحة السيدبار لم يتغير شيئ
أرجوك أخي الحل هذه إضافة جميلة ولا أريد تضيعها
ألسبب أخي هو وجود تنسيق في قالبك يتعارض معها عموماً جرب التالي
حذفأضف هذا الكود فوق الوسم ]]></b:skin>
.PopularPosts ul li {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
margin-left: 10px !important;
margin-right: -10px !important;
padding: 8px 0 !important;
}