Trocea un video de youtube : Youtubetime

Youtubetime es una página que te permite recortar un vídeo, a partir de un tiempo establecido y enviar la nueva dirección generada para su destino.

En realidad la dirección es la misma, pero se le añaden los caracteres #t=1m30s al final.

Esto nos facilita ver cualquier video a partir de un minuto y segundos determinado, sin tener que ver el resto del video. Por ejemplo:

http://www.youtube.com/watch?v=pDISzpYR_q4

para verlo desde el minuto 1 y 30 segundos sería:

http://www.youtube.com/watch?v=pDISzpYR_q4#t=1m30s

Enlace|Youtubetime

Leer el resto de esta entrada »

Post a dos columnas.

Si queremos hacer un post a dos columnas, lo podemos hacer con el siguiente codigo en html:


<table><tbody><tr><td style="PADDING-RIGHT: 15px; MARGIN-TOP: 0px; PADDING-LEFT: 15px; PADDING-BOTTOM: 15px; WIDTH: 40%; PADDING-TOP: 15px"><p style="TEXT-ALIGN: justify"> TEXTO 1 ...........

</p><td style="PADDING-RIGHT: 15px; MARGIN-TOP: 0px; PADDING-LEFT: 15px; PADDING-BOTTOM: 15px; WIDTH: 40%; PADDING-TOP: 15px"><p style="TEXT-ALIGN: justify"> TEXTO 2 ..........</p></td></tr></tbody></table>


Solo tendremos que cambiar TEXTO1 y TEXTO2, por nuestros textos y modificar el ancho de las columnas a nuestro gusto.
Ejemplo:

Esto es un texto de ejemplo de post a dos columnas en el blog del blog. Esta es la primera columna, que deberia salir a la izquierda.

Esto es un texto de ejemplo de post a dos columnas en el blog del blog. Esta es la segunda columna, que deberia salir a la derecha.

Leer el resto de esta entrada »

Como centrar un video: Center

Estaba navegando por algunos foros, y vi una pregunta que se repetía varias veces y que me llamó la atención, y por eso me decidí hacer este post.

¿Como centrar un vídeo?

Una forma fácil y sencilla, es poner antes del código del vídeo

, y después del código

Leer el resto de esta entrada »

Buscar código de forma fácil: CTRL+F

Muchas veces, cuando tenemos que modificar alguna parte del código de nuestra plantilla, la repasamos una y otra vez, hacia arriba y hacia abajo, sin encontrarlo.
Para solucionar esta aburrida búsqueda, hacemos lo siguiente:

- Accedemos a nuestra plantilla, en Edición HTML, y marcamos Expandir la plantilla de artilugios.

- A continuación pulsamos las teclas Ctrl y F (a la vez), y entonces sobre la barra de Inicio, nos aparece un buscador, donde escribimos el código a buscar, y al instante, el cursor nos aparece en el código marcado de color verde.

- Si el código estuviese repetido varias veces, también nos permite la opción de buscarlo hacia adelante o hacia atrás.

Leer el resto de esta entrada »

Pon Enlaces a Redes Sociales

Para poner el icono de redes sociales en cada uno de nuestros post, de modo que sí alguno de nuestros visitantes utiliza uno de ellos, tenga el link para agregarlo a sus favoritos de forma rápida, no es necesario que el blog esté suscrito a ninguno de estos servicios, más bien, los enlaces son precisamente para que el usuario lo suscriba y tenga a mano tu link sí lo considera de utilidad.
Para hacerlo seguimos los siguientes pasos:
1º.- En nuestro Panel elegimos la pestaña Diseño, y después la opción Edicion Html, donde activamos la casilla Expandir plantilla de Artilugios.
2º.- Buscamos el siguiente código:

<p class='post-footer-line post-footer-line-3'/>


3º.- Sustituimos esa linea por:

<p class='post-footer-line post-footer-line-3'>

<div class='rsociales'>
Agregar a marcadores favoritos:
<ul>
<li><a expr:href='"http://www.technorati.com/faves?add=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Technorati' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtNvZwb62g6h5lC5LPOozRhBBlzh11dm7gDr0CjmDf3ziyGmJQAAzYDoU_jGVUDQuMfQG8Sj_fVaxR_vOUcPtRyO8aOfgFuzHrcaWHKyOyVDwCaXsPHlRXXZNIpxvj3NKqCWe-YQDprNk/s1600/technorati.gif'/></a></li>
<li><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Del.icio.us' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy9NRvJUKk954DXFpKODGUDh2jWEnHbU06nJpulcOuqh4HvRrXdC8I9JHwwct5dXhqxI0jO2tuJE2UURMRRy3-WqiRmhhiLwden9ja0CmPeQ-g8GZOTaO7tUEU39s5UbAFGtR7m3OCTIM/s1600/delicious.gif'/></a></li>
<li><a expr:href='"http://digg.com/submit?phase=2&amp;amp;url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a DiggIt!' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEielQpJxWxzfdKB4cFHi11a8rMTjKG9w6DlfaJU1EwW2-uyqMrVK6nsF8Xk9G_wZO-q67-2I1rJJVvaD0F4skgE_N-ONh-U-Zl52M52T5YIe7iwlCn9H8TYKXeUWPj6C0ey3su54_RtPqs/s1600/digg.png'/></a></li>
<li><a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Yahoo!' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb_ep9uHozdxAZ0EOooaxzY8kTwthi2uFObEPDOiWS9sQaUwpCDlhhMX9dAMeMD6N80rK_e7iDISwNp-WTQJaizPl_ojUtmXVZ3KTMoDLT3FiNMeq9YXEFlHCIknzqgeA8mjmQkBiCtDQ/s1600/yahoo.png'/></a></li>
<li><a expr:href='"http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Google' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYKJvQ4ULcBGGbSvdAPoWn9hNb8qyYzxfPK5wWG6Mn1TGlMdzcK05a7fR3Gtx4cLgJitY8-4iLsb7AyH1pxNmSIpJqzInrb1JDghi7lCtAAp4xfZv_37dvdIurRwjk1fMmzTANYQzPejI/s1600/google.gif'/></a></li>
<li><a expr:href='"http://meneame.net/submit.php?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Meneame' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOmskvFFDX28MHJIS_Ahes0W_j4A5Gv7CBf_Ekq_p_kVh1N0FmQiUPh1SN9IM75D3gAiPoKyCrsvzgrFeJobPPOHmKzQD_s6TNRtPlC4_4d6wY4CqtQORy_Mw-2GNWOI6QF3yMBfz4nHo/s1600/meneame.png'/></a></li>
<li><a expr:href='"http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Furl' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz3kwyDTLQeg6eUaRX2nwRRr_KDv0YMEft5P-TMihThPk1bBvZYiU5349Rb_Kn3qEfyiTFPCB304q_82eIoUTJYgkLtc4j7DxBTmWGNGU0KKXsvjy-hPQ83W_j16tXAEjVh-wAR6Pa9Rc/s1600/furl.png'/></a></li>
<li><a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Reddit' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp2fHhivcDFMn2OZYb2Jux9eo4KUUAj82AhaANo_XYpfsETPPT8MtOw2jx1vAc0QL7yXa5XYCv3HjAdAjgB3pwCrwhwCVPDV6JB0Ppu90bWkMxkmShHnAwkIkrCDRhKqd-AyvMW3xKv8U/s1600/reddit.gif '/></a></li>
<li><a expr:href='"http://ma.gnolia.com/beta/bookmarklet/add?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Magnolia' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFna7agDBBBM5iTtmbaN9EKKSgXIio2h0o8UL-UMG_fRs_uU0vToGSjxIYtUQgtxQLAuB_n4CFWDgqpaCb7iBEhU9z_aTXccInnYjjpHJSXJHcZRXnf0-Kj6uPJz22R-yhYbMZFNtiI5A/s1600/magnolia.gif'/></a></li>
<li><a expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Description=&amp;Url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Blinklist' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7vAy-R_OgCzD869QhW8alsq8ZflKGEE9mam62EZQ6dx_GexZWfxdfZpEMwR2vaVSvJMF5H8K-f1EbHnTBGNYpIBkWBsLy8Pk979O1gsCRLxhHdqzE6ce4_HLo8AtoHI5w2NbPlHqzzX8/s1600/blinklists.gif'/></a></li>
<li><a expr:href='"http://blogmarks.net/my/new.php?mini=1&amp;simple=1&amp;url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Agregar a Blogmarks' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUyo7a0NpXDqTawT9FbHz9hRKX94VqqIg3LKmqdesSCXVATE0yqB0xCn0PPk4Wwgado2SQ_vIsTeoLc7bDSqiuAQNllhq1RyxQhRvD0Lh6FI8iCOBm1duo5dFPFeCHroQkvyPfUdFDgfY/s1600/blogmarks.gif'/></a></li>
</ul>
</div>

</p>


Se podrian poner más, pero estas son las más importantes.
4º.- Buscamos el codigo siguiente:

]]></b:skin>


5º.- Justo encima de esta linea, pegamos el siguiente código:

.rsociales ul {
display:inline;
margin:0pt !important;
padding:0pt !important;
}
.rsociales li {
background:transparent none repeat scroll 0%;
display:inline;
list-style-type:none;
margin:0pt;
padding:2px;
}
.rsociales img {
border:0pt none;
float:none;
margin:0pt;
padding:0pt;
}
.rsociales-sobre {
opacity:0.4;
}
.rsociales-sobre:hover {
opacity:1;
}


Estos son los estilos aplicados a los iconos. Se pueden modificar para que se adapten al blog de cada uno.

Via|Blogandweb

Leer el resto de esta entrada »

Manipulación de las estadísticas de Feedburner

En Techcrunch han publicado un vídeo explicativo de como en dos minutos se puede pasar de tener 43 suscritos a 2.500 o más. Lo han realizado The next web utilizando Netvibes.

Feedburner hacked! from Boris Veldhuijzen van Zanten on Vimeo.

Leer el resto de esta entrada »

Dar de alta el BloG en Directorios

Es una de las formas más utilizadas para dar a conocer la existencia de tu blog, y así ganar algunos lectores y ser visto en la blogosfera. Existen varios directorios para dar de alta un blog.

Para darse de alta en los directorios, solo hay que ir a su página y cumplimentar algunos datos que te pedirán de tu blog, como su nombre, dirección, ¿de que va?, y algún dato más. A cambio de pertenecer a ellos, casi todos te pedirán que coloques su logo en tu blog.
Aquí dejo una lista de algunos de los directorios más interesantes:

- Blogalaxia. - Blogtoplist. - Blogesfera. - Compartimos.net
- Blogissimo. - Directorioplus - Blocatalog. - Blogarama
- The house of blogs. - Blogdir - Union Blogs Hispanos. - Blogion

Leer el resto de esta entrada »

Promociona tu Blog

Para tener muchas visitas, hace falta que la gente conozca la existencia de nuestro rincón en el universo de internet. Para conseguirlo aqui os dejo algunos consejos que he ido recopilando en la red:

- Ser perseverante. Es muy difícil que un blog que acaba de nacer tenga miles de vistas, pero con constancia, escribiendo con regularidad, se van conquistando lectores.
- Escribir algo interesante. Piensa en la utilidad de lo que escribes, y de que forma lo que vas posteando es interesante para los demás mortales. Intenta ser claro, organizar las ideas, tener tu blog ordenado.
- Siempre que escribas algo, haz ping (básicamente es enviar una notificación a los directorios de que has actualizado tu blog).
- Da a conocer tu blog a tus amigos, tus conocidos, incluye la dirección de tu blog en tu firma de email, en el estado de tu Messenger, así tendrás unas pocas visitas, pero tendrás también opiniones de gente que te conoce, que te ayudarán a mejorar, y pasaran palabra, a sus otros amigos.
- Date de alta en los principales buscadores y directorios de Blogs (en otro post daré algunas direcciones de Directorios Blogs).
- Intenta siempre contestar a los comentarios y emails que te envíen tus lectores.
- Si alguien te enlaza, debes tenerlo en cuenta, y enlazarlo también, aunque no es obligado que lo hagas, es simpático, y útil, y recuerda que si les blogs que te gustan, cera un vinculo hacia ellos, puede que un día ellos te enlacen a ti.
- Procura que te enlacen, pero sin hacer trampa, el spam no esta bien visto, y no te ayudará en nada.
- Por último piensa en un blog como algo divertido, que te gusta hacer, y no como una maquina de ganar dinero, así no te deprimes, y puede que termines ganado más de lo que pienses, porque si lo haces con gusto seguro que lo harás bien.

Leer el resto de esta entrada »

Ultima actualización

Solo tenemos que pegar este código, y un mensaje nos dirá la ultima vez que se actualizó nuestro blog.

<script language="JavaScript"><br /><br />
var texto=document.lastModified; mes=texto.substring(0,2);
dia=texto.substring(3,5); ano=texto.substring(6,10);
document.write("Última modificación el
"+dia+" del "+mes+" de "+ano);
><br /><br /></script>


Leer el resto de esta entrada »

"Leer más", para post muy largos

Si tenemos un post muy largo, para que sea un poco más atrayente para el lector, lo podemos dividir, para que lo siga leyendo si quiere, con el siguiente truco.
Elegimos Plantilla, luego HTML y marcamos la casilla Expandir plantilla de artilugios, y despues buscamos </head> y debajo colocamos el siguiente codigo:

<script type='text/javascript' src=
'http://www.anniyalogam.com/widgets/hackosphere.js' />

A continuación buscamos post-header-line para hallar la porción del código en tu template y añadimos lo que esta en rojo, como se muestra:

<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"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

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

<a expr:href='data:post.url'>Leer Mas......</a>
</b:if&gt;

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


Guardamos la plantilla, y a continuación en Opciones-Formato, en el fondo puedes encontrar la caja de texto que dice "Plantilla de Entrada", copiamos y pegamos estas lineas de código:

Escribe tu resumen aqui
<span class="fullpost">
Escribe el resto del post aqui
</span>

Guardamos los valores y ya está.

Leer el resto de esta entrada »

Poner un link a tu blog mediante un logo

Para ponérselo fácil a quien nos visita, y desea poner un link a nuestro blog, diseñamos un botón de enlace a él, que se añadirá como añadimos cualquier elemento.
Si aún no tienes el botón, lo puedes diseñar en una pagina como Cooltext, y lo subes a una página de alojamiento de imágenes, y te copias la dirección (URL).
Ahora solo tenemos que: en Añadir elemento, elegir Html-Javascript, y copiar este código:

<img src="URL DE TU BOTON"/>
<form action="http://beta.blogger.com/add-widget"
method="POST">
<input value="FAVORITO" name="widget.title"
type="hidden"/>
<textarea style="display:none;" name="widget.content">

<a href="URL DE TU BLOG"><
img src="URL DE TU BOTON" alt="TITULO DE TU BLOG"></a>

</textarea>
<input
value="http://buzz.blogger.com" name="infoUrl"
type="hidden"/>
<input
value="http://www.blogger.com/img/icon_logo32.gif"
name="logoUrl"
type="hidden"/>
<input value="Enlaza mi Blog" name="go" type="submit"/>
</form>

Se sustituye lo que está en mayúsculas por nuestros datos,
y saldrá algo como esto:

<a href="http://img.godlike.cl/images/coolteuyc.png"><img src="http://img.godlike.cl/images/coolteuyc.png" alt="BLOG DEL BLOG" /></a>

Cuando una de nuestras visitas quiera enlazarnos, solo tiene que pinchar en este botón, y poner el blog, donde quiere que salga. El título es opcional. Y de forma automática aparecerá en el blog del visitante nuestro botón de enlace, y ya solo tiene que arrastrarlo a donde quiere que le aparezca en su blog.

Leer el resto de esta entrada »

Opción de imprimir nuestros post

Para ofrecer la opción de imprimir nuestros post, a los visitantes de nuestro blog, tan solo tenemos que copiar y pegar el siguiente código al principio o al final de cada post:

<a href="javascript:print()">Imprimir</a>



Leer el resto de esta entrada »

Eliminar la numerácion de las etiquetas

Por defecto en Blogger se muestra la cantidad de entradas que han sido clasificadas en cada una de ellas.
Si se quiere eliminar este número, es tan sencillo como entrar en la pestaña Plantilla y elegir la opción Edición HTML.
A continuación se activa la opción de Expandir plantillas de artilugios y buscamos el siguiente código:

(<data:label.count/>)


El último paso sería eliminar este codigo y guardar los cambios.

Leer el resto de esta entrada »

Como suprimir videos relacionados de Youtube

Para suprimir los videos relacionados que salen al final del video que nos bajamos de youtube, se hace lo siguiente:
Se coge el código que nos da youtube para colocar el video en nuestro blog, y donde pone rel=1, lo cambiamos por rel=0.
Ejemplo:

http://www.youtube.com/v/Sb0hpsbRpEQ&rel=1
src="http://www.youtube.com/v/Sb0hpsbRpEQ&rel=1"


Lo cambiamos por:

http://www.youtube.com/v/Sb0hpsbRpEQ&rel=0
src="http://www.youtube.com/v/Sb0hpsbRpEQ&rel=0"



Leer el resto de esta entrada »

Como crear un "Cuadro" donde meter código

El código que se necesita para este efecto es el siguiente:
Para agregar este código a Blogger, simplemente ve a Edición HTML y agrega el código antes de ]]></b:skin>

pre {
  background:transparent
  url(http://img509.imageshack.us/img509/3046/codema7.png)
  no-repeat 0 0;
  /* Imagen Superior, si desas cambiarla
  modifica lo que se encuentra dentro de url(AQUI) */
  padding-top:24px; /* Relleno - para ajustar Fondo */
}
pre code {
  overflow:auto;
  /* Determina si es necesario agregar barras de Scroll */
  background-color:#fffbe5; /* Color de Fondo en Hex */
  border:1px solid #fff1a3; /* Color de Borde en Hex */
color:#7e1f09; /* Color de letra en Hex */
display:block; /* No tocar */
padding:5px; /* Relleno del cuadro */
  white-space:pre; /* No tocar */
  text-align:left; /* Alineacion del Texto ,
  left=izquierda, center= centrado, right=derecha */su
  min-height:63px; /* Altura minima del Cuadro */
}
/* Cuando pase el Mouse sobre la caja ocurrirá lo siguiente: */
code:hover {
  background-color:#FEFEDD; /* Color de Fondo en Hex */
border:1px solid #ffd511;/* Color de Borde en Hex */le
}

Si se quiere modificar la apariencia, simplemente tienes que cambiar algunos Colores HEX. Si quieres cambiar la Imagen que dice "Código" puedes hacerlo cambiando la dirección de la Imagen, se encuentra dentro de url( ) .

Ahora, una vez introducido este código en tu Blogger, solo tienes que poner en tus post las etiquetas <pre><code> y </code></pre> para que funcione.

Todo lo que pongas entre las etiquetas estará dentro del "cuadro de código".

Vía | Trucosblogger

Leer el resto de esta entrada »

Inhabilitar el botón derecho en nuestro blog

A veces un código muy sencillo, nos permite hacer cosas como, inhabilitar el botón derecho del ratón, y así no permitir copiar cosas de nuestro blog.
Lo pondremos en nuestra plantilla y así funcionará en todo nuestro blog.
Entras en tu blog y en la pestaña Plantilla, elegimos Edit HTML, y buscamos &lt;body&gt; y lo reemplazamos por este código:

&lt;body oncontextmenu='return false' onkeydown='return false'&gt;

Una vez reemplazado Guardamos Plantilla y ya esta listo, el botón derecho del ratón en nuestro blog no funcionara.

Enlace| Trucos Blogger

Leer el resto de esta entrada »