Espera unos segundos se esta Cargando...

Reemplazar los links Entradas antiguas por el título de la entrada.

12 de enero de 2015




Para reemplazar los links Entradas antiguas, Entradas mas recientes por el título de las entrada en Blogger ir a

Plantilla → Copia de seguridad de su plantilla ►Haga clic en "Editar HTML"
Buscar



<data:post.body/>
debajo pegar


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<ul class='blog-pager'>
<li class='next'>
<b:if cond='data:newerPageUrl'>
<i class='fa fa-chevron-right'/><a class='newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' rel='next'/>
<b:else/>
<i class='fa fa-chevron-right'/><a rel='next'><strong>Siguiente</strong> <span>Usted esta viendo la Publicación más Reciente </span></a>
</b:if>
</li>
<li class='previous'>
<b:if cond='data:olderPageUrl'>
<i class='fa fa-chevron-left'/><a class='older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' rel='previous'/>
<b:else/>
<i class='fa fa-chevron-left'/><a rel='previous'><strong>Anterior</strong> <span>Usted esta viendo lo Último Publicado</span></a>
</b:if>
</li>
</ul>
<script type='text/javascript'>
//<![CDATA[
(function($){
var newerLink = $('a.newer-link');
var olderLink = $('a.older-link');
$.get(newerLink.attr('href'), function (data) {
newerLink.html('<strong>Siguiente</strong> <span>'+$(data).find('.post h3.post-title').text()+'</span>');
},"html");
$.get(olderLink.attr('href'), function (data2) {
olderLink.html('<strong>Anterior</strong> <span>'+$(data2).find('.post h3.post-title').text()+'</span>');
},"html");
})(jQuery);
//]]>
</script>
</b:if></b:if>


El texto resaltado con color puede ser sustituido por el texto que desee.

buscar

<b:includable id='nextprev'>
aparecera un codigo similar a este
<div class='blog-pager' id='blog-pager'>
   <b:if cond='data:newerPageUrl'>
     <span id='blog-pager-newer-link'>
     <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
     </span>
   </b:if>
   <b:if cond='data:olderPageUrl'>
     <span id='blog-pager-older-link'>
     <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
     </span>
   </b:if>
   <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
   <b:if cond='data:mobileLinkUrl'>
     <div class='blog-mobile-link'>
       <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
     </div>
   </b:if>
</div>
<div class='clear'/> 
Encerrar este código dentro de los códigos condicionales como se muestra a continuación:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
código 
</b:if></b:if>

quedando así

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a> </span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a> </span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
<div class='clear'/>
</b:if></b:if>

Pegar debajo de
<head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'/>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>

Nota: si ya tiene Jquery en la plantilla no ponerlo nuevamente

]]></b:skin>
arriba de este pegar

/*blog.page
-------------*/
.blog-pager {
border-top: 2px dashed #ddd;
border-bottom: 2px dashed #ddd;
 margin-bottom: 10px;
 overflow:hidden;
padding:0px;
}
.blog-pager li.next {
 float: right;
padding:0px;
background:none;
margin:0px;
}
.blog-pager li.next a {
 padding-left: 24px;
 }
.blog-pager li.previous {
 margin:0px -2px 0px 0px;
float: left;
 border-right:1px solid #ddd;
padding:0px;
background:none;
}
.blog-pager li.previous a {
padding-right: 24px;
 }
.blog-pager li.next:hover, .blog-pager li.previous:hover {
background:#333333; /*fondo al pasar el cursor*/
}
.blog-pager li {
width: 50%;
display: inline;
float: left;
text-align: center;
}
.blog-pager li a {
position: relative;
min-height: 77px;
display: block;
padding: 15px 46px 15px;
outline:none;
text-decoration:none;
}
.blog-pager li i {
 color: #ccc;
font-size: 18px;
}
.blog-pager li a strong {
display: block;
font-size: 20px;
color: #ccc;
letter-spacing: 0.5px;
font-weight: bold;
text-transform: uppercase;
font-family:oswald,
sans-serif, arial;
margin-bottom:10px;
}
.blog-pager li a span {
font-size: 15px;
color: #666;
 font-family:oswald,Helvetica, arial;
margin:0px;
}
.blog-pager li a:hover span,
.blog-pager li a:hover i {
color: #ffffff; /* color del texto al pasar el cursor*/
}
.blog-pager li.previous i {
 float:left;
margin-top:15%;
margin-left:5%;
}
.blog-pager li.next i {
float: right;
margin-top: 15%;
margin-right: 5%;
}
.blog-pager li.next i, .blog-pager li.previous i ,
.blog-pager li.next, .blog-pager li.previous{
-webkit-transition-property: background color;
-webkit-transition-duration: 0.4s;
-webkit-transition-timing-function: ease-out;
-moz-transition-property: background color;
-moz-transition-duration: 0.4s;
-moz-transition-timing-function: ease-out;
-o-transition-property: background color;
-o-transition-duration: 0.4s;
-o-transition-timing-function: ease-out;
transition-property: background color;
transition-duration: 0.4s;
transition-timing-function: ease-out;
}
.fa-chevron-right {
padding-right:0px;
}



-

No hay comentarios -

Publicar un comentario

Cosas para el Blog © Creative Commons 2014 | Plantilla Cosas para el Blog

creada por CPB | Con la tecnología de Blogger