22‏/07‏/2014


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

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




 الكود الخاص بتحسين جودة الصور بالقالب


1 . نتوجه لقالب >> تحرير 

2. ابحث بإستعمال CTRL+F عن  <head/>

3. ضع الكود التالي قبله [ فوقه ]

<script type='text/javascript'>//<![CDATA[
$(document).ready(function() {
  // change the dimension variable below to be the pixel size you want
  var dimension = 90;
  // this identifies the PopularPosts1 div element, finds each image in it, and resizes it
  $('#PopularPosts1, #post-outer, #related-posts').find('img').each(function(n, image){
    var image = $(image);
    image.attr({src : image.attr('src').replace(/s\B\d{2,4}/,'s' + dimension)});
    image.attr('width',dimension);
    image.attr('height',dimension);
  });
});
//]]></script>


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

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




 الكود الخاص بتحسين جودة الصور بالقالب


1 . نتوجه لقالب >> تحرير 

2. ابحث بإستعمال CTRL+F عن  <head/>

3. ضع الكود التالي قبله [ فوقه ]

<script type='text/javascript'>//<![CDATA[
$(document).ready(function() {
  // change the dimension variable below to be the pixel size you want
  var dimension = 90;
  // this identifies the PopularPosts1 div element, finds each image in it, and resizes it
  $('#PopularPosts1, #post-outer, #related-posts').find('img').each(function(n, image){
    var image = $(image);
    image.attr({src : image.attr('src').replace(/s\B\d{2,4}/,'s' + dimension)});
    image.attr('width',dimension);
    image.attr('height',dimension);
  });
});
//]]></script>

6 Blogger تعليقات
Disqus
6 التعليقات
المشرف
avatar

مشكور اخي
سؤال بسيط؟؟؟
هل ستؤثر العملية على سرعة تحميل المدونة خاصة على المواضيع التي تحوي صور؟؟؟؟؟!!!!

المشرف
avatar

بالطبع لن تأثر فا في الأساس بعض قوالب بلوجر الخاصة تحتوي على نفس الكود

المشرف
avatar

السلام عليكم ورحمة الله وبركاته

http://www.th3web.gq/

بالفيديو، اضافة لوحة مفاتيح عربية "Clavier Arabe" الى مدونتك

http://www.th3web.gq/2015/03/clavier-arabe-clavier-english.html

اندرويد يدعم ميزة ايجاد الهواتف الضائعة عبر الساعات الذكية

http://www.th3web.gq/2015/03/android-wear-findmyphone.html

إضافة "uBlock" على فايرفوكس لإزالة إعلانات أندرويد

http://www.th3web.gq/2015/03/uBlock.html

سيو Seo: كيف تجعل تدويناتك الأولى في محركات البحث؟

http://www.th3web.gq/2015/03/post-and-keywords.html

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

http://www.th3web.gq/2015/03/Changing-your-number-in-whatsApp.html

تطبيق جديد على الهاتف لمساعدة المرضى النفسيين

http://www.th3web.gq/2015/03/new-app.html

تطبيق "Prime" لعمل تأثيرات على الصور لأجهزة الآيفون

http://www.th3web.gq/2015/03/New-Iphone-App.html

شركة سوني تعتزم اطلاق هاتفها الذكي Xperia Z4 بشاشة Quad HD

http://www.th3web.gq/2015/03/xperia-z4-quad-hd.html

بالفيديو.. اضافة تعريف كاتب الموضوع الى مدونتك بلوجر

http://www.th3web.gq/2015/03/writer-blogger.html

كيف تجد جهازك الايفون في حال نفاذ البطارية

http://www.th3web.gq/2015/03/find-my-iphone.html

المشرف
avatar

اخي لم اجد head في القالب ما السبب

المشرف
avatar

ولا ليها لازمه ولا عملت حاجه

المشرف
avatar

عندي مشكلة، أن دقة الصورة في المشاركات الشائعة تصبح سيئة جدًا، لماذا وكيف أستطيع أن أعدل الدقة؟؟
علمًا أني أستخدم سكربت لعرض المشاركات الشائعة بشكل متحرك

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1أن يكون التعليق خاص بمحتوى التدوينة
2أن لا تضع أي روابط خارجية
3لإضافة كود حوله أولاً بمحول الأكواد
4أي سؤال خارج محتوى التدوينة يرجى استخدام ركن الأسئلة