أستبدال ارسال تعليق ورسائل احدث واقدم بصورة

قبل تحرير القالب يجب حفظ نسخة احتياطية منه لاستعادتها عند الضرورة.

الخطوة الأولى: من باب " التخطيط" نختار "تحرير Html" و نوسع القالب عبر وضع علامة في المربع الصغير أعلا صندوق التحريرثم نبحث عن الكود

<data:postCommentMsg/>

سنجده مكرر مرتين فيجب استبدال كلاهما بعبارة اخرى مثلا اكتب تعليقك او بصورة 

و لاستبداله بصورة نضع مكانه الكود التالي

ثم نبحث عن الكود

<img src='رابط الصورة'/>

ثانيا: استبدال الصفحة الرئيسية نبحث عن الكود التالي والذي ستجده مكرر مرتين  أو اكثر 

<data:homeMsg/>

  استبداله بهذا الكود 

<img src='رابط الصورة'/>

ثم أبحث عن كود رسائل أحدث وهو:

<data:newerPageTitle/>

واستبدله يهذا الكود:

<img src='رابط الصورة'/>

ثم ابحث عن كود رسائل أقدم

<data:olderPageTitle/>

واستبدله يهذا الكود:

<img src='رابط الصورة'/>

وهذة بعض الصور للصفحات :

 CSSالطريقة الثانية الاستبدال بأزارر 

(عن (كن مدون
هذه الطريقة أصعب قليلا في التطبيق ولكنها أفضل سواء في السرعة وأنها لا تحتوي روابط قد تنتهي مثل الصور
سنطبق نفس ما سبق ولكن مع تعديل بسيط أننا بدلا من أن نستبدل الأكواد بأكواد أخرى سنستبدلهابكلمات مثل السابق التالي الرئيسية
أو أي كلمات تحبها
ثم سنغير بعض الأشياء
قم بالبحث في قالبك عن #blog-pager-newer-linkثم حدده حتى تصل لقوس الإغلاق } فكل كود ستجده يبدأ بقوس { ثم ستجد أكواد ثم ينتهي بقوس }نحن نريد تحديد الكود من بدايته حتى نهايته ثم نستبدله بالتالي

#blog-pager-newer-link {
float:right;
line-height:1.8em;
}

نفس الشئ ولكن مع هذا الكود #blog-pager-older-link
ونستبدله بالتالي

#blog-pager-older-link {
float:left;
margin-left:8px;
line-height:1.8em;
}

وآخيراً وليس أخراً مع هذا الكود #blog-pager
ونستبدله بالتالي

#blog-pager {
float:center;
height:40px;
line-height:1.8em;
text-align:center;
padding-top:15px
}

 CSSثم سنضع أكواد الــ  }}</b:skin>  التالية فوق الوسم
وطبعا لا تنسى توسيع عناصر الستايل بالضغط على سهم التوسيع

.home-link,.blog-pager-newer-link,.blog-pager-older-link {
background: #000;background: -moz-linear-gradient(top,#888886,#000);background: -webkit-linear-gradient(top,#888886,#000);
color:#fff;
font-size:17px;
font-weight:bold;
line-height:16px;
text-decoration:none;
border:1px solid #000;
padding:5px 15px;
border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;
}

.home-link:hover,.blog-pager-newer-link:hover,.blog-pager-older-link:hover {
background: #888886;background: -moz-linear-gradient(top,#000,#888886);background: -webkit-linear-gradient(top,#000,#888886);
color:#fff;
text-decoration:none;
border:1px solid #000;
border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;
}

اللون #000 واللون #888886 الأوائل هما لوني خلفية الزر
وال#fff هو لون الخط
وهذا الكود border:1px solid #000; يخص حجم ولون الإطار حول الزر
أما border-radius:2px فكلما زدت في الرقم 2 سيصب الزر أكثر إستدارة
اللون #888886 واللون #000 الثانيين  هما لوني خلفية الزر عند مرور الماوس
وال#fff هو لون الخط
قم بتغيير ما يعجبك