الثلاثاء، 8 يناير 2013

اضافة اقرأ المزيد بدون جافا سكربت Blogger


تحديث: اقرأ المزيد وعرض المصغرات بدون جافا سكربت


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

  ملاحظه : اصحاب الاضافه القديمه عليهم حذفها وذلك باتباع نفس الشرح الذي قامو فيه بتركيب تلك الاضافه ومن ثم تطبيق الشرح التالي. 
 قم بالدخول الى لوحة تحكم مدونتك ثم الي القالب ثم تحرير html ثم ابحث عن الوسم التالي
 ]]></b:skin>
1- لاظهار صور التدوينه جهة اليمين ضع الكود الموجود في الاسفل قبل الوسم السابق
.post-thumbnail{float:right;margin-left:20px}

2- لاظهار صورة التدوينة جهة اليسار ضع الكود الموجود في الاسفل قبل
 ]]></b:skin>

.post-thumbnail{float:right;margin-right:20px}

ثم البحث مجددا داخل القالب عن
 <data:post.body/>

ونستبدله بهذا الكود
<b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <div> <b:if cond='data:post.thumbnailUrl'> <img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/> <b:else/> <img class='post-thumbnail' alt='no image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioACcfc6bFYp3q6sNCK51nd49RTmj-gcTUc0SCkgCMM7lP-GlrFZqS11SGrE7a5ItgKTfzJjtpUBjY4fBwHcojOFKbXph1VhZgimMXI1WgTkYBBy-sxA9rgMm3riGl65stC0cE1tNAfI8l/' width='72px' height='72px'/> </b:if> <data:post.snippet/> </div> <div class='jump-link'> <a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a> </div> <b:else/> <data:post.body/> </b:if> <b:else/> <data:post.body/> </b:if>

 ملحوظه: الاضافه تضع صوره افتراضيه للموضوعات التي لا تحتوى على صور بداخلها وذلك حفاظا على الشكل الجمالي لتسلسل المواضيع . 
يمكن التحكم في ابعاد الصوره من خلال القيم التاليه داخل الكود الاخير
width='72px'  height='72px  
بالتوفيق للجميع .
... نهاية الشرح ...
إضافة عداد الزوار إلى المدونة بأشكال جذابة   |  ابداع ديزاين Abda3 Design  لخدمات التصميم والبرمجة
إقرأ المزيد
احد اسباب غلق حسابك في أدسنس فحذره AdSense
لغة الجافا مقدمة ومعلومات عن تعلم البرمجة بلغة java
[ دورة CSS ] مقدمة عامة لصفحات الأنماط الانسيابية
الوظائف و تعريفها وإستخداماتها Java
سلايدشو احترافي لمدونات
تغير خلفية مدونتك بشكل متكرر ومع كل ضغطة refresh
"عَنْ أَبِي هُرَيْرَةَ رَضِيَ اللَّهُ عَنْهُ أَنَّ رَسُولَ اللَّهِ صَلَّى اللَّهُ عَلَيْهِ وَسَلَّمَ قَالَ:مَنْ صَلَّى عَلَيَّ وَاحِدَةً صَلَّى اللَّهُ عَلَيْهِ عَشْرًا"
قم بتصفح جميع الموضوعات

ولأي إستفسار الرجاء ترك تعليقاتكم لأقوم بالإجابة عليها في القريب العاجلإضافة عداد الزوار إلى المدونة بأشكال جذابة   |  ابداع ديزاين Abda3 Design  لخدمات التصميم والبرمجة
لا تقرأ وترحل شارك معنا بتعليق فنحن نسعى لنقدم لك الافضل والاجمل




ضع تعليقك

1 التعليقات:

Unknown يقول...

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


Med iPhone
http://mediphone1.blogspot.com

البحــث

English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified

المتابعون

استثمارا للخبرات العالية والإمكانات التقنية المتميزة والطاقات البشرية الكبيرة التي تتميز بها "ابداع" أنشأت المؤسسة إدارة تتبنى عمل المواقع الخدمية المتنوعة للأفراد والهيئات والمؤسسات الكبرى. كما يمكنها عمل مواقع للتجارة الإلكترونية تتمكن الشركات والمتاجر من ترويج منتجاتها في كافة أنحاء العالم وتزويد مواقعها بإمكانية البيع عبر الإنترنت وتشمل خدمة بناء مواقع الإنترنت عدة مراحل بدأ من عملية التصميم المبدئي للموقع، وحتى الانتهاء منه، والقيام بتحديث الموقع كلما تطلب الأمر كما تتميز مؤسسة "ابداع" بأقوى فريق عمل متواصل مع العملاء 24 ساعة على مدار الأسبوع وتمتاز أيضا بكفاءة الدقة والسرعة في العمل لذلك نحمد الله العلي العظيم على منحنا تلك القدرة