2010/04/01

أسهل طريقة لترقيم صفحات مدونتك

ترقيم صفحات مدونة بلوجر

ترقيم صفحات المدونة هي اضافة جميله لجميع المدونات ومفيده أيضا ، فبدلا من وضع عدد كبير من الموضوعات في الصفحة الرئيسية لمدونتك ، مما يؤدي إلى زيادة وقت تحميل (فتح) مدونتك وتصبح ثقيله ، يمكنك تحديد عدد قليل من التدوينات في الصفحة الرئيسية ووضع ترقم لصفحات مدونتك لتسهيل تصفح مدونتك ، وحتى لا أطيل عليكم أليكم طريقة وضع ترقم الصفحات لمدونتك.
أولا : أذهب إلى المسار التالي :

لوحة التحكم الرئيسية – التخطيط – إضافة عنصر – Html/JavaScript


ولا تضع عنوان لهذا العنصر وضع هذا الكود بمكانه ثم أحفظ العنصر
 <style>
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #ccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #ccc;
background-color:#ccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #ccc;
background: #ccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #ccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}

</style>

<script type="text/javascript">

function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.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 pageCount=5;
var displayPageNum=3;
var firstPageWord = 'First';
var endPageWord = 'Last';
var upPageWord ='Previous';
var downPageWord ='Next';

var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){

itemCount++;
}

}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&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){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}

fFlag++;
}

if(p==(thisNum-1)){
html += '&nbsp;<span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){

if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}else{
html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}
}

html = '<div class="showpageArea"><span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;
html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';
}

if(postNum==1) postNum++;
html += '</div>';

if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("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;
}
}

}
</script>

<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>
<div style="text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;"> <a href="http://www.techieblogger.com/2008/07/page-navigation-hack-for-blogger.htm">Grab this Widget ~ Blogger Accessories</a></div>
ثانيا : اسحب العنصر الجديد من الأطار الجانبي (السايد بار) وضعه في زيل المدونة (فوتر المدونة) أو يمكنك مشاهدة هذا الفيديو
 
ثم شاهد مدونتك وسترى الترقيم مثل الذي بهذه الصورة
 أضغط على الصور للتكبير

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

لوحة التحكم الرئيسية – إعدادات - التنسيق

اختر عدد المواضيع التي تريدها ان تظهر في الصفحة الرئيسية في المكان المخصص كما بالصوره 

 وإليك الأن الكود المعرب لهذه الأضافة لجعل الاضافة تظهر كما بتلك الصوره

ولتحميل الكود المعرب من هنا

ولتحميل الكود العادي من هنا

وأتمنى أن تكون الأضافة اعجبتكم

هناك 24 تعليقًا:

  1. شكرا أخي ، لقد نجحت العملية ولاحظت طبعا ان وقت تحميل الصفحة كان اسرع فشكرا مرة أخرى.

    ردحذف
  2. درس جميل ومبسط
    بارك الله فيك

    ردحذف
  3. عاشق الأبداع :
    شكرا على مرورك الجميل و سعيد بتواجدك في المدونة

    ردحذف
  4. مستر بلال :
    شكرا لمرورك وبالفعل هو درس بسيط وسهل وارجو ان يكون ارضى أعجابك

    ردحذف
  5. بارك الله فيك
    نفعت وشغالة تمام

    ردحذف
  6. شكرا يا اخى بس انا عايز اشهر مدونتى ومحتواها انجليزى ممكن تزورها وتقولى ايه الحل من فضلك
    http://prospectingforgold2011.blogspot.com/

    ردحذف
  7. نادر :
    يسعدني سماع ذلك أخي نادر وتمنياتي لك بالتوفيق

    ردحذف
  8. tarek :
    اهلا بك أخي
    وبالنسبة لأشهار مدونتك ذات المحتوى الانجليزي فسوف تجد في المدونة هنا العديد من الموضوعات التي سوف تفيدك في قسم "تحسين نتائج البحث" وهذا هو الرابط :
    http://mezomasr.blogspot.com/search/label/%D8%AA%D8%AD%D8%B3%D9%8A%D9%86%20%D9%86%D8%AA%D8%A7%D8%A6%D8%AC%20%D8%A7%D9%84%D8%A8%D8%AD%D8%AB%20%28SEO%29
    وأنا شاهدت مدونتك وهي بالفعل تبدو جميلة ولكن أرجو أن تتبع الموضوعات التي أشرت لها لك وسوف تفيدك بأذن الله
    وأن احتجت اي شيء فأنا موجود أن شاء الله ومستعد امشي معك خطوة بخطوة

    ردحذف
  9. كيف ازيد عدد الرسائل في الصفحات التالية

    ردحذف
  10. اخوي انا سويت نفس الطريقه

    بس مو راضي يضبط معاي

    ياليت ترد لي باسرع وقت

    شكرا لك ..~

    ردحذف
  11. طريقة ناجحة وسهلة .. تم تطبيقها بنجاح والحمد لله

    جزاك الله خير .. وبارك لك في عمرك .. ومالك

    ردحذف
  12. شكرا جزيلا على هذا الكود حقاً كنت فى حاجه شديدة اليه

    ردحذف
  13. طريقة ناجحة وسهلة .. تم تطبيقها بنجاح والحمد لله

    http://arabe-blogg.blogspot.com


    http://arabe-blogg.blogspot.com

    ردحذف
  14. يعطيك العافيه بـ ياليت لو يكون فيه الوان مختلفه او اشكال... اذا تقدر ..

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

    ردحذف
  16. أنا تعبت وأنا أحاول :(
    علمني كيف لأني لما أتبع نفس الخطوات يجيني بس المكان للأدوات لكن ما فيه صفحات
    أرجوا مساعدتي

    ردحذف
  17. عملتها وبنجاح شكرا لك

    ردحذف
  18. ألف شكر......الحمدلله الترقيم ظبط معايا من أول مرة

    ردحذف
  19. شكرا جزيلا ولكن عندما قمت بوضع ترقيم الصفحات
    2وحددت الحد الاقصى للمشاركات لم تظهر التتمة في الصفحة

    ردحذف
  20. شكرا جزيلا ولكن عندما قمت بوضع ترقيم الصفحات
    2وحددت الحد الاقصى للمشاركات لم تظهر التتمة في الصفحة
    www.myfitness@gmail.com

    ردحذف
    الردود
    1. اهلا بك اخي الفاضل
      أنا شاهدت مدونتك www.myfitness.blogspot.com وهي باللغة الانجليزية وتتحدث عن "اللياقة البدنية" كما يبدو من عنوانها والموضوع الوحيد الموجود بها وهنا لنا وقفه يجب ان تستمر في كتابة الموضوعات في مدونتك وهذا اولا لكي يكون لديك محتوى مفيد يسعى الزائر لقراءته وهذا ايضا سيجعل لخاصية ترقيم الصفحات فائدة من وضعه.
      فبعد نشر اكثر من موضوع في مدونتك يمكنك تحديد عدد الصفحات المراد تواجدها في الصفحة الرئيسية كما شرحنا في هذا الموضوع ومن ثم وضع الكود ليظهر بقيت الموضوعات في صفحات أخرى.
      واستمر اخي في هذه المدونة لأنها ذات طابع مختلف عن أغلبية المدونات الأخرى فليس هناك العديد من المدونات التي تتكلم عن "اللياقة البدنية" كما هو الحال في مجالات أخرى، فيمكنك الحصول على العديد من الزوار الدائمين إذا حافظة على مستوى جيد من المحتوى في مدونتك.
      اتمنى ان اكون افدتك بشيء وأسأل الله ان توفق في مدونتك...

      حذف
  21. بارك الله فيك وجزاك الله كل خير

    ردحذف

يسعدنا تعليقك