En Blogger existe la manera de agregarle a nuestro blog los últimos comentarios que nos dejan los que nos visitan, pero a muchos no les ha gustado, quizás sea porque el número máximo de comentarios es cinco, tarda en actualizarse, entre otras cosas. Pero existe un nuevo truco y me parece mucho mejor.
- Ir a diseño de plantilla
- Elementos de página
- Click en Añadir un elemento de página y seleccionan HTML/Javascript.
Ahí tendrán que agregar lo siguiente:
------------------------------------------------------------------------------
<script style="text/javascript"
src="http://andrewhonors.googlepages.com/showrecentcomments2_sp.js"></script>
<script style="text/javascript">
var numcomments = 6;
var showcommentdate = true;
var showposttitle = true;
var numchars = 30;
var standardstyling = true;
</script>
<script src="http://CAMATEGOSTA.BLOGSPOT.COM/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
------------------------------------------------------------------------------
Una vez hecho esto podemos modificar las siguientes cosas...
numcomments: Es el número de comentario a mostrar puede ser desde 1 hasta 25.
showcommentdate (true o false): Si es true se muestra la fecha del comentario.
showposttitle (true o false): Si es true se mostrará el titulo del post (entradas), en donde el usuario ha dejado su comentario.
numchars: Se mostrará un número de palabras para cada comentario.
standardstyling (true o false): Si es true se aplicará un estilo estándar. El resumen se mostrará en letra cursiva y existirá un espacio entre cada comentario. Mientras que en false se vera todo junto.
** En donde dice: CAMATEGOSTA.BLOGSPOT.COM tenés que poner la dirección de tu blog.
Espero que les haya servido... un abrazoooooooo
Consiste en ocultar la barra de navegación y mostrarla cuando se coloca el mouse en la parte superior del blog o página.
Así que para ocultar esta barra tendrás que hacer lo siguiente:
- Ir a Plantilla
- Edición de HTML (no necesitas Expandir plantillas de artilugios)
Y poné el siguiente código entre ]]></b:skin> y </head>.
------------------------------------------------------------------------------
<script src='http://wiki.script.aculo.us/javascripts/prototype.js' type='text/javascript'/>
<script src='http://wiki.script.aculo.us/javascripts/scriptaculous.js?load=effects' type='text/javascript'/>
<script type='text/javascript'>
function navbarShow()
{new Effect.Opacity('navbar-iframe', {duration:0.5, from:0.0, to:1.0});}
function navbarHide()
{ new Effect.Opacity('navbar-iframe', {duration:0.5, from:1.0, to:0.0});}
function navbarHack()
{
Event.observe('navbar-iframe', 'mouseover', navbarShow, false);
Event.observe('navbar-iframe', 'mouseout', navbarHide, false);
navbarHide();
}
Event.observe(window, 'load', navbarHack, false);
</script>
------------------------------------------------------------------------------
Bueno espero que les haya servidooo... un abrazoooo
Para aumentar o disminuir el tamaño de la Columna principal o Sidebar necesitaremos hacer algunas modificaciones en el blog. Esto prácticamente resulta para las siguientes plantillas: Todas las Minima (Dark, Blue, Ochre, Lefty, Stretch, Lefty Stretch), Denim.
-Ir a diseño de la plantilla.
-Después click en Edición de HTML (no Expandir plantillas de artilugios).
1. En la plantilla tenemos que ubicar lo siguiente:
/* Header
-----------------------------------------------
#header-wrapper
{width:660px;
...
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper
{width: 660px;
...
}
2. Y tendremos que modificar el width (ancho) del #header-wrapper, #outer-wrapper, del #main-wrapper o de la #sidebar-wrapper así...
Ejemplo:
#header-wrapper
{width: 900px;
...
}
#outer-wrapper {
width: 900px;
...
}
#main-wrapper
{width: 500px;
...
}
#sidebar-wrapper
{width: 320px;
...
}
3. Para que veas los cambios, hace click en Vista Previa y si crees que hiciste bien las modificaciones, simplemente click en Guardar Plantilla.
Espero que sea utiiil... adiooos
Esto consiste, en que cuando le das click en “Leer post Completo”, aparece la publicación completa en la misma página principal y cuando le das click en “Volver a Post Reducido”, la publicación se reduce, el cual regresa al resumen. Cuando lo encuentren, después de ese pegan el siguiente código, quedándoles algo maso menos así...
Antes de empezar, recomiendo a los principiantes, abrir un block de notas, y copiar su configuración html antes de hacer algún cambio... por las dudas de que después no sepan que cambiaron y les arruine el blog.
Bueno ahora si, vamos a lo que nos interesa...
1. Ir a Plantilla, luego a Edición de HTML y click en Expandir plantillas de artilugios. Después agregas el siguiente código entre <head>y</head>.Es mejor que lo pegues al final (antes de </head>, porque puede ser que en algún momento, no quieras esto y es más fácil poder ubicarlo para borrarlo. (una pequeña ayuda, en la plantilla, cuando estés parado en html... pulsa ctrl+f, y aparecerá un buscador... si ahí ponés la primer linea, te va a buscar ese código en toda las instrucciones html. por ejemplo en el buscador pone: </head> y te aparecerá las veces que se repite esa palabra en toda la programación html)
bueno, a lo nuestro, de una manera o de otra, escribir la siguiente linea entre <head> y </head>
------------------------------------------------------------------------------
<script src="'http://rarunach.googlepages.com/hackosphere.js'" type="'text/javascript'/">
------------------------------------------------------------------------------
2. Despúes buscás lo siguiente:
------------------------------------------------------------------------------
<div class='post-header-line-1'/>
<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
------------------------------------------------------------------------------
3. De la cual tenés que borrar la siguiente linea: <div class='post-body'> ( te la marqué en rojo para que la identifiques más fácil.
y reemplazarla por el siguiente código:
------------------------------------------------------------------------------
<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
------------------------------------------------------------------------------
Te tiene que quedar algo así:
------------------------------------------------------------------------------
<div class='post-header-line-1'/>
<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
------------------------------------------------------------------------------
4. Una vez que pegaron el código anterior, buscan lo siguiente: <p><data:post.body/></p>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost {display:none;}>/style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Leer Post Completo...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p>>a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Volver a Post Reducido...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>
------------------------------------------------------------------------------
Ya podés guardar los cambios de la plantilla.
5. Para que funcione esto necesitás un código más, pero primero tenemos que ir a:
- Ir a Configuraciones
- Ir Formato
- Plantilla de entrada
Para resumir un poco, lo que pongamos ahora te va a aparecer cada vez que entres a crear una nueva entrada, entónces lo que hacemos es lo siguiente... Pegamos este código en ese espacio en blanco. No olvides después de hacer esto guardar los cambios.
El código a pegar es el siguiente: (copien TODO desde "Acá escribís..." hasta "...Cuando termines el post)
------------------------------------------------------------------------------
Acá escribís el contenido de lo que querés que se vea del "Post Reducido"
<span id="fullpost">(Éste seria el botón de "Leer Post Completo" asi que ponelo donde quieras empezar a reducir el Post)
Acá escribís el resto del Post
</span>(Éste sería el botón de "Volver al Post Reducido", asi que ponelo cuando termines el Post)
------------------------------------------------------------------------------
Bueno espero que se haya entendido bien, Gracias a nuestro mentor MARKI, y a todoooos los blogs que revisamos, pudimos hacer éste post...
Un abrazooo y proximamente más ayudasss...
