هذه إضافة بسيطة وهامه لتكبير مصغرات صور بلوقر التي عادة نحتاجها في كثير من الإضافات الأساسية مثل إضافة المواضيع ذات العلاقة أو إضافة المواضيع الشائعة وغيرها - وذلك بدون أن يؤثر على جودة الصوره وبالتالي يمكن تكبير خصائص 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 بما يناسب تصميم مدونتك.
أي استفسار ممكن كتابته هنا وليس في الفيسبوك فغالباً أتابع المدونة من خلال البريد
التعليقات: 20
تسلم ويسلم مجهودك يا فندم ودوما تفيدنا بالافضل ...خالص احترامى وتقديرى على الدوام ت4
سلمك الله أخي محمد ، ولك تحية ومثلها معها ب8
أخي ما عرفت آشغلها لو سمجت تفهمي حقت Div ID لم افهم
حياكم الله ..
@the best:
أخي ما أقصده هو معرّف الموضع الذي فيه الصور التي تريد تطبيق التأثير عليها ، هي قد توجد في أي مكان ، فإذا كانت الصور مثلاً عندك موجوده في قسم div له المعرّف Best فتكتب كلمة Best بدلاً من Div_Id وهكذا ..
وبتعبير آخر هو إرشاد الإضافة الى موضع الصور المستهدفه التي لها عنوان محدد ( معرّف ) ...
تحاياي
الصراحة مافهمت يالتي آخي تعطيني حسابك الفيس بوك واكلمك ياريت وشكرا
أنا هذا انا THE BEST نسي انا أخي أريد حسابك عشان آكلمك مافهمت وشكرا آخي
عزيزي
ابعث لي القالب مضغوطاً عبر نموذج الاتصال واكتب لي موضع الصور التي تريد تطبيق التاثير عليها وساقوم بعمل اللازم، حينها يمكنك المقارنه وفهم الاضافه.
والله الموضوع رائع حياك الله كنت ابحث عنها من مدة بس وجدت الحل قبل طرح الموضوع لكن مع ذلك موضوعك مفيد جدا :)
شكرااااااااا
صورة وبرنامج
تحميل برنامج فايبر
صور بنات
هوت سبوت شيلد
لعبة متصفح
موضوع رائع تحياتي لك
http://fatburningsecretss.blogspot.com
شكرااااااااااا
اقدم لكم موقعي الثاني يعتبر الاول موقع تواصل اجتماعي بعد الفيسبوك وشبيها للفيسبوك 87بالمئة
اول موقع تواصل اجتماعي عربي وبجميع لغات العالم
http://dzgo.co/
انا عاوز اطبق الاضافة على كل الصور داخل المشاركات اعمل ايه
السلام عليكم , اخي انا ما اعرف Dev_id الخاص بي , من فضلك هل ارسل لك القالب وتبحث عنه لي ؟ ارجوك لاني محتاجه بشدة
شكرا اخي تم التعرف علي dev_id
مشكور مرة اخري
شكرا
http://mobdi3explain.blogspot.com
معلش كده تعديل div صح ولا ازاي لان المعرف ده هو الرابط بتاع القسم ولا الجزء الاخير منه
script type='text/javascript'>
window.setTimeout(function() {
document.body.className = document.body.className.replace('loading', '');
}, 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();
//]]>
السلام عليكم
لا هذا غير صحيح بالمره ، المطوب كتابة معرف القسم أي ID القسم، والمقصود بالقسم هو الجزء أو المساحة التي تتواجد فيها المصغرات ...
المسالة تتطلب معرفة بسيطة بميادئ HTML و CSS ع2
يجب أن تستبدل Div_ID بمعرف القسم الذي يحتوي الإضافة الأساسية أي ID الخاص يـ DIV الإضافة والا لن يكون هناك أي تأثير.
لم افهم للاسف و حتى من خلال ردودك للاخوه الكرام ..
الصور لدي بالمدونة كبيرة الحجم و عندما اصغرها تتغير الجودة
و لم اعرف الحجم المناسب و الجودة المناسبة
ارجوا مساعدتي في اقرب وقت خصوصا ان المدونة مرتبطه مع مجموعة من الناس
.
الفكرة بسيطة وهو أن أي تطبيق لتأثير جافاسكريبت على أي قسم في صفحة الويب ، يتطلب معرّف هذا القسم
بالنسبة للصور في بلوجر تعتمد على مفتاح المقاس في رابط الصوره ، فميلاً s600 أكبر من s400 و s0 يؤدي إلى اظهار الصورة بحجمها الطبيعي ... أرى أن حل المشكلة يبدأ من مصدر الصورة ليس فقط للتنسيق بل حتى لا تحتسب مساحة مسجلة في حسابك ...
أعتذر للتأخر فأنا بعيد عن بلوجر حالياً
إرسال تعليق