إضافة: تكبير مصغرات صور بلوقر مع الحفاظ على جودتها !

تكبير مصغرات صور بلوقر
هذه إضافة بسيطة وهامه لتكبير مصغرات صور بلوقر التي عادة نحتاجها في كثير من الإضافات الأساسية مثل إضافة المواضيع ذات العلاقة أو إضافة المواضيع الشائعة وغيرها - وذلك بدون أن يؤثر على جودة الصوره وبالتالي يمكن تكبير خصائص CSS للوسم img بدون تشوه إن شاء الله.
مصغرات بلوقر دائماً تكون بمقاس 72 بيكسل ولذلك تجد العامل ( s72-c ) في رابط الصوره ، الإضافة تقوم باستبدال هذه القيمة الى ( s200-c ) وهذه القيمة التي افترض أنها الأفضل غالباً ولكن يمكن تغييرها ....




صورة توضح تأثير الإضافة


تكبير مصغرات صور بلوقر



شرح تركيب الإضافة لمدونات بلوجر

الطريقة إن شاء الله يسيره ومباشره ولكن تذكر أن الإضافة تكون دائماً بعد الإضافة الأساسية

  • توجه الى " لوحة التحكم " ثم اختر التبويب " قالب "
  • ثم اختر " تحرير HTML "
  • تأكد أن المؤشر مفعل داخل محرر القالب.
  • اضغط : ctrl+F سيظهر مربع البحث الخاص بمحرر القالب.
  • ابحث عن نهاية الوسم body  أي عن "   </body>
  • انسخ كود الإضافة قبل هذا الوسم مباشره.
  • قبل أن تحفظ القالب تأكد من أن الإضافة الأساسية التي تريد تطبيق التأثير عليها متموضعه قبل هذه الإضافة؟
  • احفظ وجرب .


كود الإضافة والتحكم بها

الكود:

<script type='text/javascript'>
// Thumbnail re-sizer by alblogger.com
//<![CDATA[
function replaceText(){if(!document.getElementById){return;}
bodyText = document.getElementById("Div_ID");
theText = bodyText.innerHTML;
theText = theText.replace(/s72-c/g, "s200-c");
bodyText.innerHTML = theText;
}replaceText();
//]]>
</script>



  • يجب أن تستبدل Div_ID بمعرف القسم الذي يحتوي الإضافة الأساسية أي ID الخاص يـ DIV الإضافة والا لن يكون هناك أي تأثير.
  • ثم ان شئت تغيير الحجم استبدال s200-c بما يناسب تصميم مدونتك.


أي استفسار ممكن كتابته هنا وليس في الفيسبوك فغالباً أتابع المدونة من خلال البريد



تحياتي العاطرة 


التعليقات: 21

‎Mohamed Ahmed Abdullah Anan يقول... 3 يناير، 2014 4:51 ص

تسلم ويسلم مجهودك يا فندم ودوما تفيدنا بالافضل ...خالص احترامى وتقديرى على الدوام ت4

جاسر الحربي يقول... 3 يناير، 2014 8:47 ص

سلمك الله أخي محمد ، ولك تحية ومثلها معها ب8

Ahmed Sultan يقول... 7 يناير، 2014 4:29 م

موضوع مفيد ومميز
www.aqtranslation.com

The Best يقول... 9 يناير، 2014 12:03 م

أخي ما عرفت آشغلها لو سمجت تفهمي حقت Div ID لم افهم

جاسر الحربي يقول... 10 يناير، 2014 8:44 ص

حياكم الله ..

@the best:

أخي ما أقصده هو معرّف الموضع الذي فيه الصور التي تريد تطبيق التأثير عليها ، هي قد توجد في أي مكان ، فإذا كانت الصور مثلاً عندك موجوده في قسم div له المعرّف Best فتكتب كلمة Best بدلاً من Div_Id وهكذا ..
وبتعبير آخر هو إرشاد الإضافة الى موضع الصور المستهدفه التي لها عنوان محدد ( معرّف ) ...

تحاياي

wwe uan يقول... 11 يناير، 2014 6:38 ص

الصراحة مافهمت يالتي آخي تعطيني حسابك الفيس بوك واكلمك ياريت وشكرا

wwe uan يقول... 11 يناير، 2014 6:41 ص

أنا هذا انا THE BEST نسي انا أخي أريد حسابك عشان آكلمك مافهمت وشكرا آخي

جاسر الحربي يقول... 12 يناير، 2014 1:40 م

عزيزي

ابعث لي القالب مضغوطاً عبر نموذج الاتصال واكتب لي موضع الصور التي تريد تطبيق التاثير عليها وساقوم بعمل اللازم، حينها يمكنك المقارنه وفهم الاضافه.

أسامة بويردن يقول... 20 يناير، 2014 3:27 م

والله الموضوع رائع حياك الله كنت ابحث عنها من مدة بس وجدت الحل قبل طرح الموضوع لكن مع ذلك موضوعك مفيد جدا :)

Angelina Jo يقول... 3 فبراير، 2014 2:05 ص

شكرااااااااا
صورة وبرنامج
تحميل برنامج فايبر
صور بنات
هوت سبوت شيلد

Reus يقول... 17 أبريل، 2014 5:49 م

العاب فلاش اون لاين, العاب فلاش

Reus يقول... 19 أبريل، 2014 4:43 م

لعبة متصفح

Copra Khaled يقول... 26 مايو، 2014 7:44 ص

السلام عليكم
حرب التتار -ملوك حرب التتار
http://tatar7.com/ts6/register.php?ref=1038

AyÔùB JM يقول... 28 يوليو، 2014 3:25 ص

موضوع رائع تحياتي لك
http://fatburningsecretss.blogspot.com

Abdennour Merini يقول... 19 ديسمبر، 2014 9:49 م

شكرااااااااااا
اقدم لكم موقعي الثاني يعتبر الاول موقع تواصل اجتماعي بعد الفيسبوك وشبيها للفيسبوك 87بالمئة
اول موقع تواصل اجتماعي عربي وبجميع لغات العالم
http://dzgo.co/

اسامة محمد يقول... 13 يناير، 2015 8:34 م

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

abdo gamal يقول... 20 مارس، 2015 8:33 ص

السلام عليكم , اخي انا ما اعرف Dev_id الخاص بي , من فضلك هل ارسل لك القالب وتبحث عنه لي ؟ ارجوك لاني محتاجه بشدة

Smart Apk يقول... 20 مارس، 2015 11:06 ص

شكرا اخي تم التعرف علي dev_id

مشكور مرة اخري

مخبأ المعلوميات يقول... 21 مارس، 2015 2:56 م

شكرا
http://mobdi3explain.blogspot.com

مدرسة الأستاذة أسماء يقول... 19 يونيو، 2016 6:26 ص

معلش كده تعديل div صح ولا ازاي لان المعرف ده هو الرابط بتاع القسم ولا الجزء الاخير منه
script type='text/javascript'>
window.setTimeout(function() {
document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);
}, 10);
</script>
<script type='text/javascript'>
// Thumbnail re-sizer by alblogger.com
//<![CDATA[
function replaceText(){if(!document.getElementById){return;}
bodyText = document.getElementById("Div_p/blog-page.html");
theText = bodyText.innerHTML;
theText = theText.replace(/s72-c/g, "s200-c ");
bodyText.innerHTML = theText;
}replaceText();
//]]>

جاسر الحربي يقول... 20 يونيو، 2016 12:54 ص

السلام عليكم

لا هذا غير صحيح بالمره ، المطوب كتابة معرف القسم أي ID القسم، والمقصود بالقسم هو الجزء أو المساحة التي تتواجد فيها المصغرات ...

المسالة تتطلب معرفة بسيطة بميادئ HTML و CSS ع2

إرسال تعليق



تابع صفحتنا في شبكة قوقيل بلس واقترحها :

تابع صفحتنا في الفيسيبوك:

ليصل جديدنا إلى بريدك تفضل بالاشتراك