Agregar Número de página ( con Por encima de todo Página) Navegación Vínculo por Blogger (Blogspot) con Adminículo Elemento y Manual Hachazo

Blogger libre blog publicación plataforma usos un lindo limitado navegación facciones aquel único pantalla “ más viejo Postes” o “ más nuevo Postes” vínculo a arrendar lectores navegar y examinar a otro páginas en homepage ( índice), archivo, categoría y rótulo páginas. Disímil WordPress blog aquel apoyos tapón a ajustar el página navegación vínculo a número páginas lista hacer él más usuario amistoso, Blogger, si albergue en blogspot.com o personalizado dominio does no haber tal flexibilidad.

However, su’ aún posible a cambio y reponer el típico clásico “ más viejo Postes” y “ más nuevo Postes” navegación vínculo en Blogger blog a número páginas navegación, como ilustrado en figura abajo por usando un CSS y JavaScript hachazo escribió por Mohamed Rias.

Como presentación en imagen sobre, un navegación vínculo consistir de números de página, primero página, último página, la página siguiente y anterior página ( cuándo aplicable) es pantalla en Blogger blog en lugar de lo usual “ más viejo Ítemes” y “ más nuevo Ítemes” texto vínculos.

A agregar el “ nuevo” navegación vínculo con número de página a Blogger blog, sencillamente agregar un nuevo Página Elemento Adminículo en el Blogger. Hacer así, seguir el guía abajo:

1. Iniciar sesión como aBlogger cuenta Dashboard.
2. Chasqueo en la Plan vínculo por lo blog aquel usted necesidad a modificar ( si su’ visita el blog y anotado en a Blogger o Google Cuenta, justa chasqueo en Ajustar en la Contiguo Blog barra de herramientas.
3. Vaya Página Elemento oreja ( por ubicación predeterminada).
4. Chasqueo en Agregar un Adminículo donde quiera en el plan.
5. En el Agregar un Adminículo ventana, selecto HTML/JavaScript.
6. Agregar el partidarias código a el Contenido texto campo. Título campo lata estar izquierdo blanco, o justa tipo en cualquier descriptivo tal como “ página Navegación” a differentiate él del descanso de adminículos.
   

   <estilo>
   .showpageArea {
   relleno 0 2pxmargin;-top10pxmargin:;-bottom10px:;
   }

   .showpageArea un{
   borde 1px sólido #505050;
   color #000000font;-weightnormal:;
   relleno 3px 6px !importante;
   relleno 1px 4px ;margen: 4px;
   text-decoration: nada;
   }

   .showpageArea ahover: {
   fuente-size11px:;
   borde 1px sólido #333;
   color #000000;
   background-color: #FFFFFF;
   }

   .showpageNum un{
   borde 1px sólido #505050;
   color #000000font;-weightnormal:;
   relleno 3px 6px !importante;
   relleno 1px 4px ;margen: 4px;
   text-decoration: nada;
   }

   .showpageNum ahover: {
   fuente-size11px:;
   borde 1px sólido #333;
   color #000000;
   background-color: #FFFFFF;

   }
   .showpagePoint {
   fuente-size11px:;
   relleno 2px 4px 2px 4px;
   margen 2px;
   font-weight: atrevida;
   borde 1px sólido #333;
   color #fff;
   background-color: #000000;
   }

   .showpage ahover: {
   fuente-size11px:;
   borde 1px sólido #333;
   color #000000;
   background-color: #FFFFFF;
   }

   .showpageNum alink,.showpage: alink: {
   fuente-size11px:;
   relleno 2px 4px 2px 4px;
   margen 2px;
   text-decoration: nada;
   borde 1px sólido #0066cc;
   color #0066cc;
   background-color: #FFFFFF;}

   .showpageNum ahover: {
   fuente-size11px:;
   borde 1px sólido #333;
   color #000000;
   background-color: #FFFFFF;
   }
   </estilo>

   <programa typetext=”/javascript”>

   función showpageCountjson() {
   var esto = location.href;
   var htmlMap = nuevo Arreglo();
   var isFirstPage = thisUrl.substringthisUrl.length(-14,thisUrl.length.blogspot.com)==”/”;
   var isLablePage = thisUrl.indexOf(”/ búsqueda/ rótulo/”)!=-1;
   var isPage = thisUrl.indexOf(”/ búsqueda?actualizado=-1;
   var thisLable = isLablePage ? thisUrl.substrthisUrl.indexOf((”/búsqueda/ rótulo/”)+14,thisUrl.length) : “”;
   thisLable = thisLable.indexOf(”?”)!=-1 ? thisLable.substr(0,thisLable.indexOf(”?”)) : thisLable;
   var esto = 1;
   var postNum1=;
   var itemCount = 0;
   var fFlag = 0;
   var eFlag = 0;
   var html= ”;
   var upPageHtml =”;
   var downPageHtml =”;

   var pageCount5=;
   var displayPageNum3=;
   var firstPageWord = ‘ primero’;
   var endPageWord = ‘ último’;
   var upPageWord =’ anterior’;
   var downPageWord =’ contiguo’;

   var labelHtml = ‘< lapso classshowpageNuma=””>< href=”/ búsqueda/ rótulo/’+thisLable+’?&max-resultspageCount=’++’”>’;

   forvar( i0=, poste; poste = json.feed.entryi[]; yo++){
   var timestamp = post.published.t.substr0,10$();
   var título = post.title.t$;
   ifisLablePage(){
   if(title!=”){
   ifpost.category(){
   forvar( c0=, post_category; post_category = post.categoryc[]; c++) {
   ifencodeURIComponentpost_category.termthisLable(()==){
   ifitemCount0(== || (itemCount % pageCount ==(pageCount-1))){
   if(thisUrl.indexOf(timestamp)!=-1 ){
   esto = poste;
   }

   poste++;
   htmlMaphtmlMap.length[] = ‘/búsqueda/ rótulo/’+thisLable+’?actualizado-maxtimestampT003A003A002B083A00max=’++’%%%%&-resultspageCount=’+;
   }
   }
   }
   }/fin ifpost.category(){

   itemCount++;
   }

   }otro{
   if(title!=”){
   ifitemCount0(== || (itemCount % pageCount ==(pageCount-1))){
   if(thisUrl.indexOf(timestamp)!=-1 ){
   esto = poste;
   }

   if(title!=”) poste++;
   htmlMaphtmlMap.length[] = ‘/búsqueda?actualizado-maxtimestampT003A003A002B083A00max=’++’%%%%&-resultspageCount=’+;
   }
   }
   itemCount++;
   }
   }

   forvar( p =0p;< htmlMap.lengthp;++){
   ifpthisNum(>=(-displayPageNum-1) && pthisNumdisplayPageNum<(+)){
   iffFlag( ==0 && p == esto-2){
   ifthisNum2(==){
   ifisLablePage(){
   upPageHtml = labelHtml + upPageWord +’</ un></ lapso>’;
   }otro{
   upPageHtml = ‘< lapso classshowpagea=””>< href=”/”>’+ upPageWord +’</ un></ lapso>’;
   }
   }otro{
   upPageHtml = ‘< lapso classshowpagea=””>< hrefhtmlMapp=”‘+[]+’”>’+ upPageWord +’</ un></ lapso>’;
   }

   fFlag++;
   }

   ifpthisNum(==(-1)){
   html += ‘&nbspspan;< classshowpagePointuthisNum=””><>’++’</u></ lapso>’;
   }otro{
   ifp0(==){
   ifisLablePage(){
   html = labelHtml1+’</ un></ lapso>’;
   }otro{
   html += ‘< lapso classshowpageNuma=””>< href=”/”>1</ un></ lapso>’;
   }
   }otro{
   html += ‘< lapso classshowpageNuma=””>< hrefhtmlMapp=”‘+[]+’”>’+ (p1+) +’ </ un></ lapso>’;
   }
   }

   ifeFlag( ==0 && p == esto){
   downPageHtml = ‘< lapso classshowpage=””> < un hrefhtmlMapp=”‘+[]+’”>’+ downPageWord +’</ un></ lapso>’;
   eFlag++;
   }
   }/fin ifpthisNum(>=(-displayPageNum-1) && pthisNumdisplayPageNum<(+)){
   }/fin forvar( p =0p;< htmlMap.lengthp;++){

   ifthisNum1(>){
   siisLablePage){
   html = ‘< lapso classshowpagea=””>< href=”/”>’+ firstPageWord +’ </ un></spanupPageHtml>’++’ ‘+html +’ ‘;
   }otro{
   html = ”+labelHtml + firstPageWord +’ </ un></spanupPageHtml>’++’ ‘+html +’ ‘;
   }
   }

   html = ‘<div classshowpageAreaspan=””>< stylefont=”-size11pxpadding:;: 2px 4px 2px 4pxmargin;: 2px 2px 2px 2pxcolor;: #000000;border: 1px sólido #333; antecedentes- color: #FFFFFF;” classshowpagePage=””> ‘+ esto+’ de ‘+( poste-1)+’: </spanhtml>’+;

   ifthisNumpostNum(<(-1)){
   html += downPageHtml;
   html += ‘< lapso classshowpagea=””>< hrefhtmlMaphtmlMap.length=”‘+[-1]+’”> ‘+endPageWord+’</ un></ lapso>’;
   }

   ifpostNum1(==) poste++;
   html += ‘</div>’;

   ifisPage( || isFirstPage || isLablePage){
   var espectáculo = document.getElementsByNamepageArea(””);
   var blogPager = document.getElementByIdblog(”- buscapersonas”);

   ifpostNum( <= 2){
   html =”;
   }

   forvar( p =0p;< pageArea.lengthp;++){
   pageAreap.innerHTML[] = html;
   }

   ifpageAreapageArea.length0(&&>){
   html =”;
   }

   ifblogPager(){
   blogPager.innerHTML = html;
   }
   }

   }
   </programa>

   <programa src=”/ alimentar/ postes/ resumen?altjson=- en-scriptcallbackshowpageCountmax&=&-results99999=″ typetext=”/javascript”></ programa>

7. Chasqueo Guardar botón.
8. Drag y baja el nuevamente añadido HTML/JavaScript adminículo a directamente derecho abajo el Blog Postes elemento.
9. Chasqueo en Guardar botón hacer el cambio efectiva.

Por usuario quién dont’ necesidad a uso el Página Elemento adminículo o adminículo, su’ posible a manualmente redacción el HTML lima, aunque su’ más difícil hacer y should único estar pruebas por blogger con técnico pericia.

1. Iniciar sesión como aBlogger cuenta Dashboard.
2. Chasqueo en la Plan vínculo por lo blog aquel usted necesidad a modificar ( si su’ visita el blog y anotado en a Blogger o Google Cuenta, justa chasqueo en Ajustar en la Contiguo Blog barra de herramientas.
3. Vaya Editar HTML oreja ( no se ha necesidad a ampliar adminículo plantillas).
4. Registrar el partidarias línea:bskin]]:>></
5. Copia el partidarias CSS código y pasta o añadir el código sobre el línea:

   .showpageArea {
relleno 0 2pxmargin;-bottom10pxmargin:;-top10px:;
}

   .showpageArea un{
borde 1px sólido #505050;
color #000000font;-weightnormal:;
relleno 3px 6px !importante;
relleno 1px 4px ;margen: 4px;
text-decoration: nada;
}

   .showpageArea ahover: {
fuente-size11px:;
borde 1px sólido #333;
color #000000;
background-color: #FFFFFF;
}

   .showpageNum un{
borde 1px sólido #505050;
color #000000font;-weightnormal:;
relleno 3px 6px !importante;
relleno 1px 4px ;margen: 4px;
text-decoration: nada;
}

   .showpageNum ahover: {
fuente-size11px:;
borde 1px sólido #333;
color #000000;
background-color: #FFFFFF;
}

   .showpagePoint {
fuente-size11px:;
relleno 2px 4px 2px 4px;
margen 2px;
font-weight: atrevida;
borde 1px sólido #333;
color #fff;
background-color: #000000;
}

   .showpage ahover: {
fuente-size11px:;
borde 1px sólido #333;
color #000000;
background-color: #FFFFFF;
}

   .showpageNum alink,.showpage: alink: {
fuente-size11px:;
relleno 2px 4px 2px 4px;
margen 2px;
text-decoration: nada;
borde 1px sólido #0066cc;
color #0066cc;
background-color: #FFFFFF;
}

   .showpageNum ahover: {
fuente-size11px:;
borde 1px sólido #333;
color #000000;
background-color: #FFFFFF;
}

6. Contiguo, registrar el partidarias línea de código en el plantillas’ HTML código:

   <bsection: class'main'= id'main'= showaddelement'no'=>
<bwidget: id'Blog1'= locked'true'= title'Blog= Postes type'Blog'=/>
</bsection:>

   nota El ‘ no’ después de “showaddelement” lata estar ‘ sí’ por unos bloggers.

7. Agregar y añadir el partidarias JavaScript código derecho después de el </bsection:> línea:
   

   &ltscript; typequottext=&;/javascriptquotgt&;&;

   función showpageCountjson() {
   var esto = location.href;
   var htmlMap = nuevo Arreglo();
   var isFirstPage = thisUrl.substringthisUrl.length(-14,thisUrl.lengthquot.blogspot.com)==&;/& cuota;;
   var isLablePage = thisUrl.indexOfquot(&;/ búsqueda/ rótulo/& cuota;)!=-1;
   var isPage = thisUrl.indexOfquot(&;/ búsqueda?updated&quot;)!=-1;
   var thisLable = isLablePage ? thisUrl.substrthisUrl.indexOfquot((&;/búsqueda/ rótulo/&quot14,thisUrl.length;)+) : &quotquot;&;;
   thisLable = thisLable.indexOfquot(&;?cuota=-1 ? thisLable.substr(0,thisLable.indexOf(&quot;?&cuota;)): thisLable;
   var esto = 1;
   var postNum1=;
   var itemCount = 0;
   var fFlag = 0;
   var eFlag = 0;
   var html= &#3939;&#;;
   var upPageHtml =&#3939;&#;;
   var downPageHtml =&#3939;&#;;

   var pageCount5=;
   var displayPageNum3=;
   var firstPageWord = &#39First39;&#;;
   var endPageWord = &#39Last39;&#;;
   var upPageWord =&#39Previous39;&#;;
   var downPageWord =&#39Next39;&#;;

   var labelHtml = &#39ltspan;&; classquotshowpageNumquotgtlta=&;&;&;&; hrefquot=&;/ búsqueda/ rótulo/&#39thisLable39;++&#;?&ampmax;-results39pageCount39quotgt39=&#;++&#;&;&;&#;;

   forvar( i0=, poste; poste = json.feed.entryi[]; yo++){
   var timestamp = post.published.t.substr0,10$();
   var título = post.title.t$;
   ifisLablePage(){
   if(title!=&#3939;&#;){
   ifpost.category(){
   forvar( c0=, post_category; post_category = post.categoryc[]; c++) {
   ifencodeURIComponentpost_category.termthisLable(()==){
   ifitemCount0(== || (itemCount % pageCount ==(pageCount-1))){
   if(thisUrl.indexOf(timestamp)!=-1 ){
   esto = poste;
   }

   poste++;
   htmlMaphtmlMap.length[] = &#39;/búsqueda/ rótulo/&#39thisLable39;++&#;?actualizado-max39timestamp39T003A003A002B083A00ampmax=&#;++&#;%%%%&;-results39pageCount=&#;+;
   }
   }
   }
   }/fin ifpost.category(){

   itemCount++;
   }

   }otro{
   if(title!=&#3939;&#;){
   ifitemCount0(== || (itemCount % pageCount ==(pageCount-1))){
   if(thisUrl.indexOf(timestamp)!=-1 ){
   esto = poste;
   }

   if(title!=&#3939;&#;) poste++;
   htmlMaphtmlMap.length[] = &#39;/búsqueda?actualizado-max39timestamp39T003A003A002B083A00ampmax=&#;++&#;%%%%&;-results39pageCount=&#;+;
   }
   }
   itemCount++;
   }
   }

   forvar( p =0plt;&; htmlMap.lengthp;++){
   ifpgtthisNum(&;=(-displayPageNum-1) &ampamp;&; pltthisNumdisplayPageNum&;(+)){
   iffFlag( ==0 &ampamp;&; p == esto-2){
   ifthisNum2(==){
   ifisLablePage(){
   upPageHtml = labelHtml + upPageWord +&#39lt;&;/agtlt&;&;/ lentejuela&;&#;;
   }otro{
   upPageHtml = &#39ltspan;&; classquotshowpagequotgtlta=&;&;&;&; hrefquot=&;/&quotgt39;&;&#;+ upPageWord +&#39lt;&;/agtlt&;&;/ lentejuela&;&#;;
   }
   }otro{
   upPageHtml = &#39ltspan;&; classquotshowpagequotgtlta=&;&;&;&; hrefquot39htmlMapp39quotgt39=&;&#;+[]+&#;&;&;&#;+ upPageWord +&#39lt;&;/agtlt&;&;/ lentejuela&;&#;;
   }

   fFlag++;
   }

   ifpthisNum(==(-1)){
   html += &#39ampnbspltspan;&;;&; classquotshowpagePointquotgtltugt39thisNum39lt=&;&;&;&;&;&#;++&#;&;/ugtlt&;&;/ lentejuela&;&#;;
   }otro{
   ifp0(==){
   ifisLablePage(){
   html = labelHtml391lt+&#;&;/agtlt&;&;/ lentejuela&;&#;;
   }otro{
   html += &#39ltspan;&; classquotshowpageNumquotgtlta=&;&;&;&; hrefquot=&;/&quotgt1lt;&;&;/agtlt&;&;/ lentejuela&;&#;;
   }
   }otro{
   html += &#39ltspan;&; classquotshowpageNumquotgtlta=&;&;&;&; hrefquot39htmlMapp39quotgt39=&;&#;+[]+&#;&;&;&#;+ (p1+) +&#39; &lt;/agtlt&;&;/ lentejuela&;&#;;
   }
   }

   ifeFlag( ==0 &ampamp;&; p == esto){
   downPageHtml = &#39ltspan;&; classquotshowpagequotgt=&;&;&; &lta; hrefquot39htmlMapp39quotgt39=&;&#;+[]+&#;&;&;&#;+ downPageWord +&#39lt;&;/agtlt&;&;/ lentejuela&;&#;;
   eFlag++;
   }
   }/fin ifpgtthisNum(&;=(-displayPageNum-1) &ampamp;&; pltthisNumdisplayPageNum&;(+)){
   }/fin forvar( p =0plt;&; htmlMap.lengthp;++){

   ifthisNumgt1(&;){
   siisLablePage){
   html = &#39ltspan;&; classquotshowpagequotgtlta=&;&;&;&; hrefquot=&;/&quotgt39;&;&#;+ firstPageWord +&#39; &lt;/agtlt&;&;/spangt39upPageHtml39&;&#;++&#; &#39html;+ +&#39; &#39;;
   }otro{
   html = &#3939labelHtml;&#;+ + firstPageWord +&#39; &lt;/agtlt&;&;/spangt39upPageHtml39&;&#;++&#; &#39html;+ +&#39; &#39;;
   }
   }

   html = &#39ltdiv;&; classquotshowpageAreaquotgtltspan=&;&;&;&; stylequotfont=&;-size11pxpadding:;: 2px 4px 2px 4pxmargin;: 2px 2px 2px 2pxcolor;: #000000;border: 1px sólido #333; antecedentes- color: #FFFFFFquot;&; classquotshowpagequotgtPage=&;&;&; &#39thisNum39;++&#; de &#39postNum;+(-139)+&#;: &lt;/spangt39html&;&#;+;

   ifthisNumltpostNum(&;(-1)){
   html += downPageHtml;
   html += &#39ltspan;&; classquotshowpagequotgtlta=&;&;&;&; hrefquot39htmlMaphtmlMap.length=&;&#;+[-139quotgt]+&#;&;&; &#39endPageWord39lt;++&#;&;/agtlt&;&;/ lentejuela&;&#;;
   }

   ifpostNum1(==) poste++;
   html += &#39lt;&;/divgt39&;&#;;

   ifisPage( || isFirstPage || isLablePage){
   var espectáculo = document.getElementsByNamequotpageAreaquot(&;&;);
   var blogPager = document.getElementByIdquotblog(&;-pagerquot&;);

   ifpostNum( &lt;= 2){
   html =&#3939;&#;;
   }

   forvar( p =0plt;&; pageArea.lengthp;++){
   pageAreap.innerHTML[] = html;
   }

   ifpageAreaampamppageArea.lengthgt0(&;&;&;){
   html =&#3939;&#;;
   }

   ifblogPager(){
   blogPager.innerHTML = html;
   }
   }

   }
   &lt;/ programa&;

   &ltscript; srcquot=&;/ alimentar/ postes/ resumen?altjson=- en-scriptampcallbackshowpageCountampmax&;=&;-results99999quot=&; typequottext=&;/javascriptquotgtlt&;&;&;/ programa&;

8. Chasqueo en Vista previa botón a asegurar aquel no código error estado fundar. No efecto en la navegación hachazo lata estar seen aunque.
9. Chasqueo en Guardar Plantilla a guardar el cambio.

Customization y Modificación

1. Por usuario quién es él no usando blogspot.com dominio ( usando sí mismo- albergue dominio nombre), modificar el .blogspot.com y 14 (13 caracteres de dominio nombre + 1) en el línea de var isFirstPage = thisUrl.substringthisUrl.length(-14,thisUrl.lengthquot.blogspot.com)==&;/& cuota;; adecuadamente.
2. El valor en el línea de var pageCount =5; determinar el número de postes ser presentación en cada página.
3. El valor en el línea de var displayPageNum = 3; definir el número de página vínculos en el navegación barra ser pantalla (e.g. 1 2 3).
4. Usuario quién conocer CSS y Java Programa lata ajustar el código a su afición.

Origen 1 yOrigen 2

importante: Éste es un máquina traducido por página cuál es con tal que " como es" sin garantía. Máquina traducción mayo estar difícil a comprender. Por favor aludir aoriginal Inglesa artículo cuando sea posible.

Parte y contribuir o obtener soporte técnico y ayuda aMi Digital Vida Foros.

Relacionado Artículos

• Workaround a Agregar Personalizado Canales a Blogger AdSense Página Elemento Adminículo
• Blogger ( a BlogSpot) con Categoría Rótulos y Drag- y- Baja Plantilla Redacción Levantado Beta
• Manual Configuración en Blanco Equilibrio
• Manual y Limpio Uninstall Oráculo por Windows
• Download Yahoo Mensajero por Vista 2007.11.30.421 Standalone Manual Instalar Instalar
• Mudanza Microscopio Palabra Manual Formatting o Copiado Formatting desde Externa Origen
• Adminículo Cumpleaños Pastelitos
• Adminículo y Niña bonita
• Nokia N95 Nuevo SmartPhone Adminículo
• Global Adminículo Manía

Esto entrada estado colocado en Domingo, Octubre 19th, 2008 a 414: estoy y es lima bajoWeblogs. Usted lata seguir cualquier respuestas a esto entrada a través elRSS 2.0 alimentar Usted latalicencia un respuesta,o seguibola desde su propio sitio.