تغيير كلمه رسائل اقدم & احدث في الصفحه الرئيسيه لمدونه بلوجر بشريط ارقام
اعلان
اسفل المواضيع جميل جدااا للصفحات..
كلمه رسائل اقدم واحدث
قد لا ينتبه اليها الكثيرين الي جانب انها ليست جماليه جداا
سنقوم في هذا الموضوع بالتعرف علي كيفيه
تغيير هذا الشكل اسفل المواضيع المعروضه بشكل ارقام مرتبه متتاليه جميل جداا
كما بالشكل التالي :
بالذهاب الي لوحه التحكم في المدونه واختيار
اعدادات
ثم اختيار تنسيق
ثم تغيير عدد الرسائل المعروضه الي 5
او الرقم الذي يناسبك
مهم جداا هذا الرقم احفظه ستحتاجه
في الخطوات القادمه
....
ثم حفظ الاعدادات
ثم نذهب الي تصميم
ومنها نضغط علي
تحرير html
ونقوم بالتاشير علي
توسيع قوالب عناصر واجهة المستخدم
ونبحث عن
</body>
للبحث داخل صفحه الاتش تي ام ال دائما استخدم ctrl+f
ثم اكتب في
المربع الذي يظهر لك ما تبحث عنه "
.........
وقبل
</body>
نضع الكود التالي :
<b:if cond='data:blog.pageType !=
"item"'><b:if cond='data:blog.pageType !=
"static_page"'><script type='text/javascript'>var pageCount=5;var displayPageNum=5;var upPageWord ='Previous';var downPageWord ='Next';</script>
<script type='text/javascript'>
//<![CDATA[
function showpageCount(json){var
thisUrl=home_page_url;var
htmlMap=new Array();var
thisNum=1;var postNum=1;var
itemCount=0;var fFlag=0;var
eFlag=0;var html='';var
upPageHtml='';var
downPageHtml='';for(var
i=0,post;post=json.feed.entry
[i];i++){var
timestamp1=post.published.$t.subst
ring(0,19)
+post.published.$t.substring
(23,29);timestamp=encodeURICompone
nt(timestamp1);var
/> {if(itemCount==0||(itemCount%
pageCount==(pageCount-1))){if
(thisUrl.indexOf(timestamp)!=-1)
{thisNum=postNum}if(title!='')
postNum++;htmlMap[htmlMap.length]
='/search?updated-
max='+timestamp+'&max-
results='+pageCount}}itemCount++}
for(var p=0;p<htmlMap.length;p++)
{if(p>=(thisNum-displayPageNum-1)
&&p<(thisNum+displayPageNum)){if
(fFlag==0&&p==thisNum-2){if
(thisNum==2){upPageHtml='<span
><a
href="http://www.vitchawee.com/">'+upPageWord+'</a></span>
'}else{upPageHtml='<span
><a
href="'+htmlMap[p]
+'">'+upPageWord+'</a></span>'}
fFlag++}if(p==(thisNum-1))
{html+='<span
>'+thisNum+'<
/span>'}else{if(p==0){html+='<span
><a
href="http://www.vitchawee.com/">1</a></span>'}else
{html+='<span
><a
href="'+htmlMap[p]+'">'+(p+1)
+'</a></span>'}}if
(eFlag==0&&p==thisNum)
{downPageHtml='<span
> <a
href="'+htmlMap[p]
+'">'+downPageWord+'</a></span>';e
Flag++}}}if(thisNum>1)
{html=''+upPageHtml+' '+html+' '}
html='<div
style="padding:10px 10px 10px
10px;"><span style="COLOR: #000;"
> Pages ('+
(postNum-1)+')</span>'+html;if
(thisNum<(postNum-1))
{html+=downPageHtml}if
(postNum==1)
postNum++;html+='</div>';var
pageArea=document.getElementsByNam
e("pageArea");var
blogPager=document.getElementById
("blog-pager");if(postNum<=2)
{html=''}for(var
p=0;p<pageArea.length;p++)
{pageArea[p].innerHTML=html}if
(pageArea&&pageArea.length>0)
{html=''}if(blogPager)
{blogPager.innerHTML=html}}
function showpageCount2(json){var
thisUrl=home_page_url;var
htmlMap=new Array();var
isLablePage=thisUrl.indexOf
("/search/label/")!=-1;var
thisLable=isLablePage?
thisUrl.substr(thisUrl.indexOf
("/search/label/")
+14,thisUrl.length):"";thisLable=t
hisLable.indexOf("?")!=-1?
thisLable.substr
(0,thisLable.indexOf
("?")):thisLable;var thisNum=1;var
postNum=1;var itemCount=0;var
fFlag=0;var eFlag=0;var
html='';var upPageHtml='';var
downPageHtml='';var
labelHtml='<span
><a
href="http://www.vitchawee.com/search/label/'+thisLable+'?
&max-results='+pageCount+'">';var
thisUrl=home_page_url;for(var
i=0,post;post=json.feed.entry
[i];i++){var
timestamp1=post.published.$t.subst
ring(0,19)
+post.published.$t.substring
(23,29);timestamp=encodeURICompone
nt(timestamp1);var
/> {if(itemCount==0||(itemCount%
pageCount==(pageCount-1))){if
(thisUrl.indexOf(timestamp)!=-1)
{thisNum=postNum}if(title!='')
postNum++;htmlMap[htmlMap.length]
='/search/label/'+thisLable+'?
updated-max='+timestamp+'&max-
results='+pageCount}}itemCount++}
for(var p=0;p<htmlMap.length;p++)
{if(p>=(thisNum-displayPageNum-1)
&&p<(thisNum+displayPageNum)){if
(fFlag==0&&p==thisNum-2){if
(thisNum==2)
{upPageHtml=labelHtml+upPageWord+'
</a></span>'}else
{upPageHtml='<span
><a
href="'+htmlMap[p]
+'">'+upPageWord+'</a></span>'}
fFlag++}if(p==(thisNum-1))
{html+='<span
>'+thisNum+'<
/span>'}else{if(p==0)
{html=labelHtml+'1</a></span>'}
else{html+='<span
><a
href="'+htmlMap[p]+'">'+(p+1)
+'</a></span>'}}if
(eFlag==0&&p==thisNum)
{downPageHtml='<span
> <a
href="'+htmlMap[p]
+'">'+downPageWord+'</a></span>';e
Flag++}}}if(thisNum>1){if(!
isLablePage){html=''+upPageHtml+'
'+html+' '}else
{html=''+upPageHtml+' '+html+'
'}}html='<div
><span
style="COLOR: #000;"
> Pages ('+
(postNum-1)+')</span>'+html;if
(thisNum<(postNum-1))
{html+=downPageHtml}if
(postNum==1)
postNum++;html+='</div>';var
pageArea=document.getElementsByNam
e("pageArea");var
blogPager=document.getElementById
("blog-pager");if(postNum<=2)
{html=''}for(var
p=0;p<pageArea.length;p++)
{pageArea[p].innerHTML=html}if
(pageArea&&pageArea.length>0)
{html=''}if(blogPager)
{blogPager.innerHTML=html}}var
home_page_url=location.href;var
thisUrl=home_page_url;if
(thisUrl.indexOf
("/search/label/")!=-1){if
(thisUrl.indexOf("?updated-max")!
=-1){var
lblname1=thisUrl.substring
(thisUrl.indexOf
("/search/label/")
+14,thisUrl.indexOf("?updated-
max"))}else{var
lblname1=thisUrl.substring
(thisUrl.indexOf
("/search/label/")
+14,thisUrl.indexOf("?&max"))}}var
home_page="/";if(thisUrl.indexOf
("?q=")==-1){if(thisUrl.indexOf
("/search/label/")==-1)
{document.write('<script
src="'+home_page+'feeds/posts/summ
ary?alt=json-in-
script&callback=showpageCount&max
-results=99999" ><\/script>')}
else{document.write('<script
src="'+home_page+'feeds/posts/full
/-/'+lblname1+'?alt=json-in-
script&callback=showpageCount2&max
-results=99999" ><\/script>')}}
//]]>
</script></b:if></b:if>
ملحوظه قم بتغيير الرقم في اول الكود السابق الرقم الاول فقط
بما يناسب ما الرقم الذي وضعته في الخطوه الاولي ....
الخطوه الثانيه :
نبحث عن الكود التالي باستخدام ctrl+f
'data:label.url'
ملاحظه هامه قد تجد هذا الكود مكرر اكثر من مره فتقوم بالتبديل لهم كلهم
ونبدله بالكود التالي :
'data:label.url + "?&max-
results=5"'
الرقم في هذا الكود يعتمد علي ما وضعته في الخطوه الاولي لعدد الرسائل في
الصفحه...
والان الخطوه الاخيره بايجاد الكود
]]></b:skin>
ونضع قبله الكود التالي :
.showpageArea a {text-decoration:underline;background: #ffffff;padding: 10px 10px 10px 10px;
/>
}.showpageNum a {text-decoration:none;border: 1px solid #cccccc;border-top: 1px solid #cccccc;
/>margin:0 3px;padding:3px;}.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;}.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}.showpage a:hover {text-decoration:none;}.showpageNum a:link,.showpage
a:link {text-decoration:none;color:#333333;}
تم بحمد الله
وسيتم رفع الفيديو للشرح علي قناه مدونه فيتش قريباا
تحياتي
