Afegeixi Nombre de Pàgina (amb Primer I Últim Pàgina) Enllaç de Navegació per a Blogger (Blogspot) amb Gadget Element i Tall Manual

Per a usuari que no volen utilitzar el widget d'Element de Pàgina o gadget, és possible a manualment editar l'arxiu de HTML, encara que és més difícil fer i només hauria de ser tastat per blogger amb perícia tècnica.

1. Connecti's a Quadre de Comandament de compte Blogger.
2. Faci clic a l'enllaç de Disposició per al blog que vol modificar (si està veient el blog i es connectava a Blogger o Google Account, només fa clic damunt Personalitzar en el Pròxim toolbar Blog.
3. Vagi-se'n per Editar tabulador de HTML (no hi ha cap necessitat d'expandir plantilles de widget).
4. Busqui la línia següent:]]></b:skin>
5. Copiï el codi de CSS següent i pasta o afegeixi el codi damunt la línia:

   .showpageArea {
padding: 0 2px;margin-bottom:10px;margin-top:10px;
}

   .showpageArea a {
border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}

   .showpageArea a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

   .showpageNum a {
border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}

   .showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

   .showpagePoint {
font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #333;
color: #fff;
background-color: #000000;
}

   .showpage a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

   .showpageNum a:link,.showpage a:link {
font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;
}

   .showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

6. Després, busqui la línia següent de codi en el codi de HTML de la plantilla:

   <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>

   Bitllet: El 'no' després que "showaddelement" pugui ser 'sí' per a alguns bloggers.

7. Afegeixi i afegeixi el codi de JavaScript següent bé després de la línia de </b:section>:
   

   &lt;script type=&quot;text/javascript&quot;&gt;

   funció showpageCount(json) {
   var thisUrl = location.href;
   var htmlMap = Array() nou;
   var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==&quot;.blogspot.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= '';;
   var upPageHtml ='';;
   var downPageHtml ='';;

   var pageCount=5;
   var displayPageNum=3;
   var firstPageWord = 'First';;
   var endPageWord = 'Last';;
   var upPageWord ='Previous';;
   var downPageWord ='Next';;

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

   for(var i=0, correu; correu = json.feed.entry[i]; i++) {
   var timestamp = post.published.$t.substr(0,10);
   títol de var = 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&amp;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&amp;max-results='+pageCount;
   }
   }
   itemCount++;
   }
   }

   pàg. de for(var =0;p&lt; htmlMap.length;p++){
   if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){
   if(fFlag ==0 &amp;&amp; pàg. == thisNum-2){
   if(thisNum==2){
   if(isLablePage){
   upPageHtml = labelHtml + upPageWord +'&lt;/a&gt;&lt;/span&gt;';;
   }else{
   upPageHtml = '&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;/&quot;&gt;'+ upPageWord +'&lt;/a&gt;&lt;/span&gt;';;
   }
   }else{
   upPageHtml = '&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;'+htmlMap[p]+'&quot;&gt;'+ upPageWord +'&lt;/a&gt;&lt;/span&gt;';;
   }

   fFlag++;
   }

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

   if(eFlag ==0 &amp;&amp; pàg. == thisNum){
   downPageHtml = '&lt;span class=&quot;showpage&quot;&gt; &lt;a href=&quot;'+htmlMap[p]+'&quot;&gt;'+ downPageWord +'&lt;/a&gt;&lt;/span&gt;';;
   eFlag++;
   }
   }//end if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){
   Pàg. de }//end for(var =0;p&lt; htmlMap.length;p++){

   if(thisNum&gt;1){
   if(!isLablePage){
   html = '&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;/&quot;&gt;'+ firstPageWord +'; &lt;/a&gt;&lt;/span&gt;'+upPageHtml+'; '+html +'; ';
   }else{
   html = ''+labelHtml + firstPageWord +'; &lt;/a&gt;&lt;/span&gt;'+upPageHtml+'; '+html +'; ';
   }
   }

   size:11px;padding de html = '&lt;div class=&quot;showpageArea&quot;&gt;&lt;span style=&quot;font: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;color: #000000;border: Sòlid de 1px #333; color de fons: #FFFFFF;&quot; class=&quot;showpage&quot;&gt;Page '+thisNum+'; de '+(postNum-1)+': &lt;/span&gt;'+html;

   if(thisNum&lt;(postNum-1)) {
   html += downPageHtml;
   html += '&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;'+htmlMap[htmlMap.length-1]+'&quot;&gt; '+endPageWord+'&lt;/a&gt;&lt;/span&gt;';;
   }

   if(postNum==1) postNum++;
   html += '&lt;/div&gt;';;

   if(isPage || isFirstPage || isLablePage){
   var pageArea = document.getElementsByName(&quot;pageArea&quot;);
   var blogPager = document.getElementById(&quot;blog-pager&quot;);

   if(postNum &lt;= 2) {
   html ='';;
   }

   pàg. de for(var =0;p&lt; pageArea.length;p++){
   pageArea[p].innerHTML = html;
   }

   if(pageArea&amp;&amp;pageArea.length&gt;0){
   html ='';;
   }

   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;

8. Faci clic damunt Presentar botó per assegurar que cap error de codi estat trobat. Cap efecte sobre el tall de navegació no es pot veure tanmateix.
9. Faci clic damunt Estalviar Plantilla per salvar el canvi.

Customization i Modificació

1. Per a usuari que no està utilitzant camp de blogspot.com (utilitzant nom de camp autoofert), modifiqui el .blogspot.com i 14 (13 caràcters de camp anomenen + 1) en la línia de var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==&quot;.blogspot.com/&quot;; consegüentment.
2. El valor en la línia de var pageCount =5; determina el nombre de correus per ser mostrats a cada pàgina.
3. El valor en la línia de var displayPageNum = 3; defineix el nombre d'enllaços de pàgina al bar de navegació per ser mostrat (p. ex. 1 - 2 - 3).
4. L'usuari que sap CSS i Escriptura de Java pot personalitzar el codi a les seves simpaties.

Font 1 i Font 2

IMPORTANT: La pàgina és màquina traduïda i proporcionada "com és" sense garantia. La traducció automàtica pot ser difícil d'entendre. Si us plau refereixi's a article anglès original quan sigui que possible.

Articles Relacionats

• Workaround Afegir Canals de Costum a l'Element de Pàgina d'AdSense Blogger Widget
• Blogger (a BlogSpot) amb Etiquetes de Categoria i Edició de Plantilla de Drag-and-Drop Fora de Beta
• Com Treure i Amagar Blogger NavBar (Primer Bar de Navegació)
• Tregui Formatació de Manual de Paraula de Microsoft o Formatació Copiada de Font Externa
• Comprovi Fila de Pàgina Futura a l'altre costat de Servidors Google
• Blogger nou amb Categoria (Etiquetes) i Trets d'Editorial Instantanis més Plantilles Noves
• Truc per Afegir AdSense, AdBrite i un Altre JavaScript Codi d'Anunci Directament a Plantilla de HTML Blogger
• Manual de Kindle-2 de Lector E-Book d'Amazona per Descarregar
• Bill Gates Compra Blogger Brunzir
• Manual Que Ataca el Blanc Equilibri

Aquesta entrada s'enviava diumenge, 19 d'octubre, de 2008 a les 4:14 sóc i és arxivat sota Weblogs. Pot seguir algunes respostes a aquesta entrada a través del menjar de RSS 2.0. Pot deixar una resposta, o trackback del seu propi lloc.