Category Archives: Plataformas

Colocar tu propio reproductor en tu blog y más (EXPLICADO)

November 15, 2008Agregar Videos, Blogger, Classic Blogger, Música/Videos/Otros, Plataformas, Wordpressreproductor, videojoseluis

Esto sirve para la mayoría de las plataformas de blog, por ahora lo he comprobado para 3: Classic-Blogger, Blogger, WordPress.
Tener tu propio reproductor en tu blog es muy sencillo y fácil de lograr, ahora ya no tienes que usar los convencionales reproductores que muestran publicidad para ellos, como ya los sobre-explotados vídeos de youtube, tu.tv, megavideo, etc..

UNA DEMOSTRACIÓN DE UN VIDEO PROPIO:

CODIGO DEL VIDEO:

Si no sabes donde subir tu video o archivo cualquiera para poder meterlo a tu web, Entonces lo que deberias hacer es acceder a skydrive.live.com el cual es un servicio de alojamiento de archivos web gratuito brindado por Windows Live.

1.-Abrimos skydrive.live.com y ya en la pagina le damos comenzar.

2.-Para acceder a ella primero tienes que hacer login con una cuenta Hotmail como se muestra en la imágen.

Si en algún momento tu vídeo ya no funciona, probablemente es porque el archivo player41.swf que esta alojado en el link http://www.shiatv.net/player41.swf ha sido cambiado de dirección, así que te recomiendo descargarlo, y guardarlo en tu computador o si quieres alojarlo en algún servicio gratuito, que te entregue una url nueva, la cual simplemente debes reemplazar por esta http://www.shiatv.net/player41.swf
Espero que les guste

joseluis

3 plantillas con estilos verdes

November 13, 20082 Columnas, Blogger, Plantillas, Plataformasblogger templates, green templates, Plantillas (Templates)joseluis

–Demo

–Descargar

–Demo

–Descargar

–Demo

–Descargar

Disfruta de estas 3 templates o plantillas de blogger, para instalarlas solo tienes que descargarlas y guardarlas en tu disco duro y después ir a Blogger.com y ahí escoges tu blog y te diriges a edición html y las subes, hay un campo para subir las plantillas, lo haces y listo.

Fuente: Btemplates

joseluis

Como ”justificar” los textos de todas las entradas de Blogger

November 12, 2008Aprende lo Básico, Barra Lateral, Barra Lateral, Blogger, HTML/CSS, Personaliza Código, Plantillas, Plataformas, Post, Post, Texto, TutorialesCodigos blogger, CSS, htmljoseluis

Seguramente ustedes no justifican todas las entradas de blogger, por que aveces simplemente se les pasa por alto, algo que se ve mal si tienes un blog de alto pagerank o reconocimiento.

Una forma de justificar de manera fácil todas las entradas del blog sin tener que estar justificando una por una es como muestro a continuación:

Nota: Probado con plantillas predeterminadas Blogger, puede que no funcione en algunas modificadas

#Busca en tu plantilla Blogger el siguiente código:

#outer-wrapper

#Te va a aparecer algo así (nota: puede que no aparezca exactamente igual, pero debe aparecer debajo de la linea de código que buscaste anteriormente):

#outer-wrapper {
margin: 0 auto;
width: 760px;
text-align: left;
font: normal normal 100% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif;
}

#Bien, Ahora tenemos que reemplazar la palabra left de text-align: left; por justify, y quedará de esta manera:

#outer-wrapper {
margin: 0 auto;
width: 760px;
text-align: justify;
font: normal normal 100% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif;
}

Eso es todo, ahora todas las entradas de Blogger estarán siempre justificadas sin tener que usar el botón de justificar.

-Si quieres que la información de la sidebar quede justificada tienes que buscar un código parecido a este:

#sidebar-wrapper {

– Probablemente, verás debajo un código parecido a este:

#sidebar-wrapper {
display: inline; /* fixes a strange ie margin bug */
float: right;
margin-top: 0;
margin-right: 3px;
margin-bottom: 0;
margin-left: 0;
width: 219px;

-Y si no al interior del código anterior no encuentras la línea text-align: left; simplemente puedes agregarla debajo de:

display: inline; /* fixes a strange ie margin bug */

-Quedaría de esta manera:

#sidebar-wrapper {
display: inline; /* fixes a strange ie margin bug */
text-align: left;
float: right;
margin-top: 0;
margin-right: 3px;
margin-bottom: 0;
margin-left: 0;
width: 269px;

-Y nuevamente lo último que tenemos que hacer es cambiar el left por justify y está listo:

#sidebar-wrapper {
display: inline; /* fixes a strange ie margin bug */
text-align: justify;
float: right;
margin-top: 0;
margin-right: 3px;
margin-bottom: 0;
margin-left: 0;
width: 269px;

joseluis