Comunidad hecha para todos los usuarios que tienen blogs . Para compartir nuestros blogs , hacer preguntas y tutoriales para mejorar nuestros blogs . No te olvides de seguirnos!

Ver más
  • 2,028 Miembros
  • 1,451 Temas
  • 622 Seguidores
  • 1

tutoriales para bloggers

hola e creado un post de tutoriales para blog pero no pasan ni las moscas,, entonces se lo comparto a para quien le interese gracias



tutoriales para bloggers



bien e tomado parte de mi tiempo en la creación de un blog frente a adversas circunstancias me vi obligado a inventar y tratar de solucionar mis problemas e investigado y a la ves tanteado por mi mismo muchos de los trucos a continuación


tutoriales para bloggers



tutoriales para bloggers

tutoriales para bloggers



bien para muchos es de provecho para otros simplemente lujo y para mi y a mi respecto no me sirve de nada y aparte estorba un poco
como sea,, a quien le interese quitarla esta es una solución legitima y muy fácil, e visto como hacerlo aquí en taringa pero al poner el código se va el fondo de la plantilla lo que no nos agrada por eso hoy traigo esta solución,, es rápida cómoda y muy fácil de hacer y lo mejor solo elimina la barra y no el fondo


comencemos vamos a edición de html y hacemos esto


tutoriales para bloggers


ahora copiamos este código



<style type="text/css">
#navbar-iframe {
height:0px; visibility:hidden;
display:none; } </style>




después de copiarlo lo pegas antes del </head>


tutoriales para bloggers


le das vista previa y si ya no se ve lo guardas,, si se sigue viendo es porque lo hicieron mal





tutoriales para bloggers


tutoriales para bloggers

tutoriales para bloggers

tutoriales para bloggers



muchos hemos tratado de encontrar un chat con apariencia y que sea muy útil y ala ves complejo pero nuestros gustos la mayor parte del tiempo no son respondidos por eso esta empresa creo una barra similar a la del facebook pero a mi concepto mejor y digo mejor por muchas razones.


descripción traducida al español


El bar del plugChat.in 's contiene un poderoso chat, que puede ser fácilmente integrado con los usuarios de su sitio web, facebook, twitter y otros. También tiene varias aplicaciones (plugins) que sese pueden añadir en la barra de sí mismo , convirtiéndose en una barra de herramientas para agregar valor a su sitio .



Todo ello en un potente interfaz de usuario (UI) con ventanas que se pueden colocar / cambiar el tamaño / reducirse al mínimo si usted ha estado en un sistema operativo



para instalar la barra en un blog no es necesario hacer case nada ni registrase, ni instalar ningún complemento solo lo siguiente


copiamos este código es general para cualquier blog



<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript">var plugChatInTheme = "black-tie";</script> <script type="text/javascript" src="http://static.plugchat.in/js/plugchatin-en.min.js"></script>




ahora nos vamos a edición---diseño---edición HTML----y buscamos </ body> lo pegamos antes de este cierre de cuerpo y listo pero de todos modos les dejo la pagina oficial http://plugchat.in/



tutoriales para bloggers


tutoriales para bloggers



bien para el que no tiene idea de que es una ventana emergente y un video emergente es algo que emerge de un link por escribirlo así esto en un blog suele ser una grandiosa ayuda para no acumular espacio ni memoria en el blog y para el que no a captado e aquí un ejemplo el ejemplo son los cuadro de video


tutoriales para bloggers




como hacer esto posible bien es muy sencillo tienen que copiar este código


<a title="Ver video" href="javascript:void(0);" onclick="window.open('http://www.youtube.com/v/DnzuKKG6-AA&autoplay=1', 'popup', 'left=390, top=200, width=425, height=344, toolbar=0, resizable=1')"><img src="http://dl.getdropbox.com/u/647003/CiudadBlogger/Iconos/playvideoicon.gif" title="Ver video" /></a>





donde va el video = el que esta en rojo


donde va la imagen= el que esta en azul



para saber cual es la imagen del video es simple buscamos el que queremos y al salir el pequeño cuadro nos posicionamos sobre el y le damos clik derecho y le damos ver imagen copiamos el link de la imagen y lo pegamos en donde esta el link azul del código que les di


y ahora para saber la dirección del video no es necesario copiar todo el código,, voy a darles un ejemplo de como


digamos que este es el video que queremos insertar








el link del video es este http://www.youtube.com/watch?v=DlniDSEcriM&feature=related


solo copiaremos la parte en rojo y ahora nos vamos al mismo código que deje antes que es este


<a title="Ver video" href="javascript:void(0);" onclick="window.open('http://www.youtube.com/v/DnzuKKG6-AA&autoplay=1', 'popup', 'left=390, top=200, width=425, height=344, toolbar=0, resizable=1')"><img src="http://dl.getdropbox.com/u/647003/CiudadBlogger/Iconos/playvideoicon.gif" title="Ver video" /></a>


la parte roja del link del video la pegaremos en la parte azul del código de arriba y listo ya tenes el video solo te falta poner la imagen y que había explicado


y por ultimo nos queda algo así esto es un ejemplo sin embargo taringa no permite hacer lo de arriba es únicamente para blog y con videos de youtube





tutoriales para bloggers


tutoriales para bloggers

tutoriales para bloggers


tutoriales para bloggers



sin duda alguna la pagina que les dejo a continuación es la numero 1 en plantillas gratis para blogger en donde encontraran los mejores estilos en tiempo actual gran variedad de diseños por categoría y mucho mas






tutoriales para bloggers



tutoriales para bloggers

tutoriales para bloggers




tutoriales para bloggers



tutoriales para bloggers

tutoriales para bloggers





tutoriales para bloggers



este programa es esencial para diseñar menús flash y mas con el podremos hacer varias cosas interesantes




tutoriales para bloggers

bien por ahora es todo iré actualizando y agrandando el post claro eso si les gusto sino lo dejare así obviamente. Espero valoren mi esfuerzo aunque sea comentando gracias



link del post

http://www.taringa.net/posts/ebooks-tutoriales/9829174/programas-y-trucos-para-blogger-2011.html
  • 1
  • 4Calificación
  • 3Seguidores
  • 422Visitas
  • 0Favoritos

2 comentarios

@cloudx18 Hace más de 3 años
+1, están buenos, pero el de la navbar no incluye una zona, sólamente es:
#navbar-iframe {
height:0px; visibility:hidden;
display:none; }

El otro código indica que es un estilo, pero si se añade en la zona CSS, no es necesario, bueno eso, para pulir un poco.

xD alto vídeo.... nah después me pegan xDD
@Bloggero Hace más de 3 años
MUUYY buenoo +1
Tienes que ser miembro para responder en este tema