Usamos cookies propias y de terceros para ofrecer info personalizada según su navegación. Si continua navegando consideramos que acepta el uso de cookiesOKMás información

Expandir títulos de los post en las etiquetas

expandir-titulos-post-etiquetas
Vamos a ver como  mostrar los títulos de los post cuando ordenamos por etiquetas nuestro blog,
Iremos a Diseño,
Html,
Buscaremos </head> y pondremos el siguiente script:

<script type='text/javascript'>//<![CDATA[function toggleIt(id) {post = document.getElementById(id);if (post.style.display != 'none') {post.style.display = 'none';} else {post.style.display = '';}}function showFullPost(id) {var post = document.getElementById(id);var spans = post.getElementsByTagName('span');for (var i = 0; i < spans.length; i++) {if (spans[i].id == "fullpost")spans[i].style.display = 'inline';if (spans[i].id == "readmore")spans[i].style.display = 'none';}}function showFull(id) {var post = document.getElementById(id);var spans = post.getElementsByTagName('span');for (var i = 0; i < spans.length; i++) {if (spans[i].id == "fullpost")spans[i].style.display = 'inline';if (spans[i].id == "showlink")spans[i].style.display = 'none';if (spans[i].id == "hidelink")spans[i].style.display = 'inline';}}function hideFull(id) {var post = document.getElementById(id);var spans = post.getElementsByTagName('span');for (var i = 0; i < spans.length; i++) {if (spans[i].id == "fullpost")spans[i].style.display = 'none';if (spans[i].id == "showlink")spans[i].style.display = 'inline';if (spans[i].id == "hidelink")spans[i].style.display = 'none';}post.scrollIntoView(true);}function checkFull(id) {var post = document.getElementById(id);var spans = post.getElementsByTagName('span');var found = 0;for (var i = 0; i < spans.length; i++) {if (spans[i].id == "fullpost")found = 1;if ((spans[i].id == "showlink") && (found == 0))spans[i].style.display = 'none';}}function commentDisplay(json) {for (var i = 0; i < numcomments; i++) {var entry = json.feed.entry[i];var alturl;if (i == json.feed.entry.length) break;for (var k = 0; k < entry.link.length; k++) {if (entry.link[k].rel == 'alternate') {alturl = entry.link[k].href;break;}}alturl = alturl.replace("#", "#comment-");if (entry.content) {comment = entry.content.$t;} else if (entry.summary) {comment = entry.summary.$t;}var re = /<\S[^>]*>/g; comment = comment.replace(re, ""); document.write('<a href="' + alturl + '">' + entry.author[0].name.$t + '</a> commented:<br/>');if (comment.length < numchars)document.write(comment + '<br/><br/>');elsedocument.write(comment.substring(0, numchars) + '...<br/><br/>');}}//]]></script>

Buscaremos en nuestra plantilla: 
<b:includable id='main' var='top'><!-- posts --><div id='blog-posts'><b:loop values='data:posts' var='post'><b:if cond='data:post.dateHeader'><h2 class='date-header'><data:post.dateHeader/></h2>                                                           </b:if>


Justo encima, pondremos lo siguiente

<b:if cond='data:blog.homepageUrl != data:blog.url'>                                                               <b:if cond='data:blog.pageType != &quot;item&quot;'><b:include data='post' name='PeekABooPost'/><b:else/><b:include data='post' name='post'/></b:if><b:else/>


Ahora buscaremos
<b:include data='post' name='post'/>    

y debajo pondremos: 
</b:if>   

o explicado de otra manera, seria buscar lo que esta escrito en negro y pegar encima lo azul.
<b:includable id='PeekABooPost' var='post'><div class='post uncustomized-post-template'><table><tr><td width='40px'><a expr:onclick='&quot;javascript:toggleIt(\&quot;&quot; + data:post.id + &quot;\&quot;);&quot;' href='javascript:void(0)' style='text-decoration:none' title='Expandir/contraer la entrada'>[+/-]</a></td><td><h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3></td></tr></table><div class='post-body' expr:id='data:post.id' style='display:none'><p><data:post.body/></p><div style='clear: both;'/> <!-- clear for photos floats --></div></div></b:includable><b:includable id='main' var='top'><!-- posts --><div id='blog-posts'><b:loop values='data:posts' var='post'><b:if cond='data:post.dateHeader'><h2 class='date-header'><data:post.dateHeader/></h2></b:if><b:if cond='data:blog.homepageUrl != data:blog.url'><b:if cond='data:blog.pageType != &quot;item&quot;'><b:include data='post' name='PeekABooPost'/><b:else/><b:include data='post' name='post'/></b:if><b:else/><b:include data='post' name='post'/></b:if>
Y esta seria la manera de hacerlo.
Guardar cambios

0 comentarios:

Si te gusta...Compártelo
Gracias por comentar