الثلاثاء، 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 != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <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
بالتوفيق للجميع .
... نهاية الشرح ...


قم بتصفح جميع الموضوعات |
ولأي إستفسار الرجاء ترك تعليقاتكم لأقوم بالإجابة عليها في القريب العاجل

لا تقرأ وترحل شارك معنا بتعليق فنحن نسعى لنقدم لك الافضل والاجمل
التسميات:
اضافات css,
blogger

بقلم : Abda3Design
لخدمات التصميم والبرمجة
إدارة تتبنى عمل المواقع الخدمية المتنوعة للأفراد والهيئات والمؤسسات الكبرى. كما يمكنها عمل مواقع للتجارة الإلكترونية كما تتميز مؤسسة "ابداع ديزاين" . بأقوى فريق عمل متواصل مع العملاء 24 ساعة على مدار الأسبوع وتمتاز أيضا بكفاءة الدقة والسرعة
ضع تعليقك
1 التعليقات:
شكرا لك اخي على الاضافة
لكن قالب على يحتوي على الوسم واريد اضافة اقرأ المزيد بالصورة
ممكن المساعدة اخي
Med iPhone
http://mediphone1.blogspot.com
إرسال تعليق