instalar efecto leer mas,,expandir y recoger los post en blogger,,,,,BLOGMASTER 2008.

BLOGMASTER,,ayuda blogger y recursos blog web ,,descargas,tutoriales,widgets,,menus,,cabeceras,,trucos,,plantillas,,html gratis y muxo mas.

instalar efecto expandir y recoger los post en blogger,,,,,BLOGMASTER 2008.

para instalar en blogger el efecto leer mas en los post de blogger primero nos situamos:
Plantilla/Edición HTML y expandimos la plantilla de artilugios y antes de
</head>
añadimos lo sigiente:

<script src='http://forevergema2.googlepages.com/functiontoggleIt2.js' type='text/javascript'/>

guardamos cambios y localizamos este codigo en nuesta plantilla.



<b:includable id='post' var='post'>

<div class='post uncustomized-post-template'

<a expr:name='data:post.id'/>

<b:if cond='data:post.title'>

<h3 class='post-title'>

<b:if cond='data:post.url'>

<a expr:href='data:post.url'><data:post.title/></a>

<b:else/>

<data:post.title/>

</b:if>

</h3>

</b:if>

<div class='post-header-line-1'/>

<div class='post-body'>

<p><data:post.body/></p>

<div style='clear: both;'/> <!-- clear for photos floats -->

</div>

si no lo encuentras pulsa ctrl+f,,, y en la caja de busqueda que sale introduce la primera linea de codigo.

una vez localizado lo sustituimos por este otro:

<b:includable id='post' var='post'>

<div class='post uncustomized-post-template' expr:id='"post-" + data:post.id'>

<a expr:name='data:post.id'/>

<b:if cond='data:post.title'>

<h3 class='post-title'>

<b:if cond='data:post.url'>

<a expr:href='data:post.url'><data:post.title/></a>

<b:else/>

<data:post.title/>

</b:if>

</h3>

</b:if>

<div class='post-header-line-1'/>

<div class='post-body'>

<b:if cond='data:blog.pageType == "item"'>

<p><data:post.body/></p>

<b:else/>

<style>#fullpost {display:none;}</style>

<p><data:post.body/></p>

<span id='showlink'>

<p><a href='javascript:void(0);' expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"'>SIGUE LEYENDO</a></p>

</span>

<span id='hidelink' style='display:none'>

<p><a href='javascript:void(0);' expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"'>CIERRE TEXTO</a></p>

</span>

<script type='text/javascript'>

checkFull("post-" + "<data:post.id/>");

</script>

</b:if>

<div style='clear: both;'/> <!-- clear for photos floats -->

</div>

ahora nos situamos en Plantilla/Opciones/Formato
y en la plantilla de entrada pegamos:



aquí texto

<span id="fullpost">

aquí el texto escondido

</span>

loque queramos mostrar dela entrada donde dice ,,aqui el texto,, y lo que querramos ocultar en ,,aqui el texto escondido,,y ya esta.

nota: si quereis añadir un boton sustituir en el codigo de la plantilla las palabras,,,SIGUE LEYENDO y CIERRE TEXTO,,,por:

<img src="url-de-la-imagen">

..o tambien por esto otro:
cambiar eltexto ,,,SIGUE LEYENDO:
por



<form>

<input value="Mostrar" name="Back" type="button"/>

</form>


cambiar texto,,,CIERRE TEXTO:
por.



<form>

<input value="Ocultar" name="Back" type="button"/>

</form>


y eso es todo ,,espero os sirva.
1 saludo
J.M.






by: http://blogmaster-virtualblogs.blogspot.com