A
Anfas Elfajer
مراقبة أركان الحاسب والتقنية والمكتبة ، عضو فريق التطوير بالمنتدى
13-02-2013 | 01:51 AM
درس بسيط ولا يحتاج لجهد كبير
يحتاج فقط
للدقة والتركيز أثناء تنفيذه ليخرج بشكل سليم ولا يؤثر على مدونتك بشكل خاطئ
في هذا الدرس سنقوم بالتعديل على قالب المدونة نفسه لذلك احفظي من قالبك نسخة على جهازك لاستخدامها في حال حدوث أي خطأ كما تعلمنا سابقا
والآن لاضافة الخاصية ..
اذهبي للوحة تحكم المدونة
>> قالب
>> تحرير html
حددي مربع توسيع قوالب عناصر واجهة المستخدم
من لوحة المفاتيح اضغطي
ctrl + F وابحثي عن الكود التالي
</head>
ضعي فوقه مباشرة الكود التالي ..
لتظهر الصورة على اليسار والملخص على اليمين
[BACKGROUND="50 #CCFFFF"]
<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 350; /* طول الملخص للمواضيع بدون صورة */
summary_img = 300; /* طول الملخص للمواضيع ذات صورة*/
img_thumb_height = 130; /* عرض الصورة في الملخص*/
img_thumb_width = 130; /*طول الصورة في الملخص */
</script>
<script src='http://abuiyad.googlecode.com/svn/trunk/read-more-left.js' type='text/javascript'/>
[/BACKGROUND]
أو الكود التالي لتظهر الصورة على اليمين والملخص على اليسار حسب رغبتك
[BACKGROUND="50 #CCFFFF"]
<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 350; /* طول الملخص للمواضيع بدون صورة */
summary_img = 300; /* طول الملخص للمواضيع ذات صورة*/
img_thumb_height = 130; /* عرض الصورة في الملخص*/
img_thumb_width = 130; /*طول الصورة في الملخص */
</script>
<script src='http://abuiyad.googlecode.com/svn/read-more-right.js' type='text/javascript'/>
[/BACKGROUND]
ثم ابحثي عن الكود التالي ..
<data:post.body/>
واستبدليه بالكود التالي ..
[BACKGROUND="50 #CCFFFF"]
<b:if cond='data:blog.pageType == "static_page"'><br/><data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'>
<data:post.body/></div><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'>إقرأ المزيد...</a></span>
<a href='http://www.abu-iyad.com/2010/07/read-more-for-blogger.html' style='display:none;'>Résumé</a><a href='http://abu-iyad.blogspot.com' style='display:none;'>abuiyad</a> </b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
</b:if>
[/BACKGROUND]
يمكنك استبدال كلمة اقرأ المزيد بأي جملة مرغوبة
اضغطي معاينة لتري نتيجة الاضافة وإن كانت صحيحة احفظي القالب
لتظهر بهذا الشكل