26‏/10‏/2014

2014-10-26T13:53:00+03:00
26‏/10‏/2014

تكبير الصور الصغيرة داخل المدونة

تكبير الصور الصغيرة داخل المدونة
إضافة تسمية توضيحية

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

تكبير الصور الصغيرة داخل المدونة

تكبير الصور الصغيرة داخل بلوجر ونقصد بها الصور المرفوعة على سرفر bp.blogspot.com وعادة ماتكون مثل صورة النشاركات الشائعه وصور اخرى , بلوجر تعتمد لها الحجم الصغير ولاكن نحن سنقوم بتكبيرها قليلاَ من خلال جافاسكربت حيث سنستبدل نفس الرابط الاصلي مع الحفاظ على الجودة .



مثال لصورة قبل وبعد التكبير .

قبل :

بعد :


طريقة التركيب : 


  1. ادخل قالبك .
  2. ابحث عن </body>
  3. الصق هذا الكود قبله :


<script type='text/javascript'>
// Thumbnail re-sizer
//<![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>
استبدله id الكلاس الذي يحمل الاضافة.





عبدالله الحربي - من السعوديه مهتم في مجال التدوين بشكل عام وفي بلوجر بشكل خاص , اهوى تصميم القوالب وتكويدها , انشر المحتوى المفيد لي ولزوار مدونتي واعضائها , انتهى.
لا تنسى متابعتي :

عند نقلك للموضوع او نسخه , حاول ان تذكر المصدر لينتفع الزائر في حال اراد المزيد من المساعده , وايضاَ احتراما وتقديراَ للجهود المبذولة في المواضيع.

معلومات عن التدوينة
صورة التدوينة
ملخص التدوينة:

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

الساعه : 2014-10-26T13:53:00+03:00
تاريخ : 26‏/10‏/2014
التعليقات : 5
    انشرها :

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

  1. شكرا على الموضوع الرائع
    ممكن سؤال هذه الاضافة تعمل عندي لاكن أيوجد كود معين ليغير الطول وحده أو العرض وحده لان الاضافة تكون مربعة الصورة ؟؟
    ت3

    ردحذف
  2. على العموم شكرا لقد استطعت استخراجها للمشاركة فقط هي أن نذهب الى هذا السطر
    theText = theText.replace(/s72-c/g, "s200-c");
    ونغيره الى التالي
    200theText = theText.replace(/s72-c/g, "s200-150c");

    +150 = العرض
    +200 = الطوول

    غيره حسب ما تريد :]

    ردحذف
    الردود
    1. الله يكرمك , افدتنا بشيء جميل مثلك ت7 .

      حذف
  3. شكرا لكم كثيرا على الدرس القيم <3

    ردحذف

يسعدنا تفاعلكم بالتعليق , لكن يرجى مراعاة الآداب العامة وعدم نشر روابط إشهار حتى ينشر التعليق , ولا ننشر تعليق يخص مدونات تخالف الشريعة الإسلامية , اما لو لديك سؤال خارج الموضوع يرجى استخدام ركن الأسئلة ولإضافة كود قم بتحويله أولا بمحول الأكواد , واحب ان انبهك انه عند تعليقك تستطيع متابعة التعليق من خلال " إعلامي " الموجودة اسفل يسار صندوق التعليقات.

يمكنك ان تستخدم الإبتسامات بالوقوف عليها لمعرفة الكود :
ت1 ت2 ت3 ت4 ت5 ت6 ت7 ت8 ت9 ج1 ج2 ج3 ج4 ج5 ج6 ج7 ج8 ج9 د1 د2

قالب حلول بلوجر النسخة الثالثه

قالب حلول بلوجر النسخة الثالثه متاح للتحميل , قالب يتميز بالاحترافيه والخفة والسرعه اضافة الى الارشقة الممتازة.

أقرأ الموضوع

الاشتراك في القائمة البريدية

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

الاسم

بريد إلكتروني

رسالة