الأقسام

banner here

تغيير كلمه رسائل اقدم & احدث اسفل مواضيع الرئيسيه لمدونه بلوجر بشريط ارقام جميل جدااا

- 4:34 PM
advertise here


تغيير كلمه رسائل اقدم & احدث في الصفحه الرئيسيه لمدونه بلوجر بشريط ارقام

اسفل المواضيع جميل جدااا للصفحات..

كلمه رسائل اقدم واحدث
قد لا ينتبه اليها الكثيرين الي جانب انها ليست جماليه جداا
سنقوم في هذا الموضوع بالتعرف علي كيفيه
تغيير هذا الشكل اسفل المواضيع المعروضه بشكل ارقام مرتبه متتاليه جميل جداا
كما بالشكل التالي :


تغيير كلمه رسائل اقدم  & احدث اسفل مواضيع الرئيسيه لمدونه بلوجر بشريط ارقام  جميل  جدااا


بالذهاب الي لوحه التحكم في المدونه واختيار

اعدادات

ثم اختيار تنسيق


ثم تغيير عدد الرسائل المعروضه الي 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;
}




تم بحمد الله
وسيتم رفع الفيديو للشرح علي قناه مدونه فيتش قريباا
تحياتي

اعلان advertise here
 

ابدأ الكتابة ثم اضغط انتر للبحث