duminică, 8 martie 2009

Numerotarea paginilor in Blogger

Dennis | 09:02 | |
La recomandarea unui prieten sa scriu despre numarul paginilor sub articole [postari] sau cum numerotezi paginile, Am zis "OK, in curind." Este un hack original by Mohamed si sintetizat de Amanda. Ei au prezentat intr-o forma mai avansata instalarea acestui, "hack"- sa zicem. Ceea ce nu voi face eu, simplu si la obiect instalarea.
Asta e rezultatul {mai jos}



Cum incepem:
1. Blogger-->>Aspect-->>Editati HTML
2. Descarca Sablonul, De ce ? pentru siguranta ca la o eventuala complicatie in editarea template-ului, sa ai o rezerva.
3.
4. Introduceti codul urmator chiar inainte de   </b:skin> 



.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;
}

Acest cod contine culorile textului si linkurilor in numerotarea paginilor

5. Pasul urmator tine de inlocuirea existentelor link-uri "Postari mai vechi" si "Postari mai noi" cu numerele paginilor care dau un mare plus facilitind navigarea pe blog. Efectuam cautarea urmatoarului cod sau ceva asemanator in codul template-ului vostru Blogger.

<b:section class='main' id='main' showaddelement='yes'> <b:widget id='Blog1' locked='false' title='Postări de blog' type='Blog'/> </b:section>
6. Dupa identificarea acestui cod in template urmeaza lipirea unui cod imediat dupa tagul </b:section> . Ai codul mai jos :
&lt;script type=&quot;text/javascript&quot;&gt;



function showpageCount(json) {

var thisUrl = location.href;

var htmlMap = new Array();

var isFirstPage = thisUrl.substring(thisUrl.length-5,thisUrl.length)==&quot;.com/&quot;;


var isLablePage = thisUrl.indexOf(&quot;/search/label/&quot;)!=-1;

var isPage = thisUrl.indexOf(&quot;/search?updated&quot;)!=-1;

var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.length) : &quot;&quot;;

thisLable = thisLable.indexOf(&quot;?&quot;)!=-1 ? thisLable.substr(0,thisLable.indexOf(&quot;?&quot;)) : thisLable;


var thisNum = 1;

var postNum=1;

var itemCount = 0;

var fFlag = 0;

var eFlag = 0;

var html= &#39;&#39;;

var upPageHtml =&#39;&#39;;


var downPageHtml =&#39;&#39;;



var pageCount = 5;

var displayPageNum = 5;

var upPageWord = &#39;Previous&#39;;


var downPageWord = &#39;Next&#39;;







var labelHtml = &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;/search/label/&#39;+thisLable+&#39;?&amp;max-results=&#39;+pageCount+&#39;&quot;&gt;&#39;;




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!=&#39;&#39;){

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] = &#39;/search/label/&#39;+thisLable+&#39;?updated-max=&#39;+timestamp+&#39;T00%3A00%3A00%2B08%3A00&amp;max-results=&#39;+pageCount;


}

}

}

}//end if(post.category){



itemCount++;

}



}else{

if(title!=&#39;&#39;){


if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){

if(thisUrl.indexOf(timestamp)!=-1 ){

thisNum = postNum;

}



if(title!=&#39;&#39;) postNum++;

htmlMap[htmlMap.length] = &#39;/search?updated-max=&#39;+timestamp+&#39;T00%3A00%3A00%2B08%3A00&amp;max-results=&#39;+pageCount;


}

}

itemCount++;

}

}



for(var p =0;p&lt; htmlMap.length;p++){

if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){


if(fFlag ==0 &amp;&amp; p == thisNum-2){

if(thisNum==2){

if(isLablePage){

upPageHtml = labelHtml + upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;

}else{


upPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;/&quot;&gt;&#39;+ upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;


}

}else{

upPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;


}



fFlag++;

}



if(p==(thisNum-1)){

html += &#39;&lt;span class=&quot;showpagePoint&quot;&gt;&#39;+thisNum+&#39;&lt;/span&gt;&#39;;


}else{

if(p==0){

if(isLablePage){

html = labelHtml+&#39;1&lt;/a&gt;&lt;/span&gt;&#39;;

}else{

html += &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;/&quot;&gt;1&lt;/a&gt;&lt;/span&gt;&#39;;


}

}else{

html += &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ (p+1) +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;


}

}



if(eFlag ==0 &amp;&amp; p == thisNum){

downPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt; &lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ downPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;


eFlag++;

}

}//end if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){

}//end for(var p =0;p&lt; htmlMap.length;p++){



if(thisNum&gt;1){


if(!isLablePage){

html = &#39;&#39;+upPageHtml+&#39; &#39;+html +&#39; &#39;;

}else{

html = &#39;&#39;+upPageHtml+&#39; &#39;+html +&#39; &#39;;


}

}



html = &#39;&lt;div class=&quot;showpageArea&quot;&gt;&lt;span style=&quot;COLOR: #000;&quot; class=&quot;showpageOf&quot;&gt; Pages (&#39;+(postNum-1)+&#39;)&lt;/span&gt;&#39;+html;




if(thisNum&lt;(postNum-1)){

html += downPageHtml;



}



if(postNum==1) postNum++;

html += &#39;&lt;/div&gt;&#39;;




if(isPage || isFirstPage || isLablePage){

var pageArea = document.getElementsByName(&quot;pageArea&quot;);

var blogPager = document.getElementById(&quot;blog-pager&quot;);



if(postNum &lt;= 2){

html =&#39;&#39;;


}



for(var p =0;p&lt; pageArea.length;p++){

pageArea[p].innerHTML = html;

}



if(pageArea&amp;&amp;pageArea.length&gt;0){

html =&#39;&#39;;


}



if(blogPager){

blogPager.innerHTML = html;

}

}



}

&lt;/script&gt;




&lt;script src=&quot;/feeds/posts/summary?alt=json-in-script&amp;callback=showpageCount&amp;max-results=99999&quot;; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
7. O data introdus acest cod, ne apropiem de sfirsitul hack-ului, dupa cum ai si observat sint evidentiate in text cu rosu
var pageCount = 5; - care inseamna numarul postarilor pe pagina, il schimbi daca ai alt numar de postari.
si var displayPageNum = 5; care arata numarul paginilor, spre exemplu - 4, 5, 6, 7, 8 .

8. Acum poti salva sablonul si prin previzualizare poti vedea schimbarile . Poti schimba culorile doar daca este necesar prin editarea primului cod introdus.



Share This

4 comentarii:

Dumittru on 8 martie 2009 la 10:32 spunea...

Super,Merge perfect:)

Robert Trif on 24 iunie 2009 la 05:27 spunea...

Multumesc pentru truc, am cautat pe mai multe bloguri de profil in engleza, dar ciudat, nu mergeau, trucul tau merge perfect. Felicitari pentru blog, e super, de fiecare data cand am ceva probleme, caut la tine. Continua pentru ca faci bine ceea ce faci. Mult succes.

Anonim spunea...

bloggerica cum pot delimita posturile pe pagini k cand dau pe pagina 2 imi da pagina goala ,chiar dak am selectat sa fie 5 posturi/pag,si numai pagina 1 merge

Dennis on 7 iulie 2009 la 13:37 spunea...

foarte mult tine si de template-ul care-l folosesti de cum e el codat.

Trimiteți un comentariu

Abonați-vă la: Postare comentarii (Atom)
 

De pe bloguri

Se încarcă...

Copyright

Creative Commons License

Situl Bloggerica este licenţiat printr-o Licenţă Creative Commons Atribuire-Necomercial-Fără Opere Derivate 3.0 România.
Bazată pe opera disponibilă la www.bloggerica.com

Bloggerica.com Copyright © 2009 Not Magazine 4 Column is Designed by Ipietoon Sponsored by Dezigntuts