Eliminar u ocultar mensaje de etiquetas

Agosto 26, 2008 a 9:07 pm (Editar un blog)

Eliminar

Buscamos la siguiente línea de codigo:

<b:include data=’top’ name=’status-message’/>

Eliminamos la línea completa.

Ocultar

Colocamos este código:

.status-msg-wrap {
display:none;
}

Antes de ]]></b:skin>

EL mensaje de la etiqueta activa se puede borrar pero se debe anotar donde estaba por si interesa recuperala

El código a borrar sería este:
<span class=’post-labels’>
<b:if cond=’data:post.labels’>
<data:postLabelsLabel/>
<b:loop values=’data:post.labels’ var=’label’>
<a expr:href=’data:label.url’ rel=’tag’><data:label.name/></a><b:if cond=’data:label.isLast != “true”‘>,</b:if>
</b:loop>
</b:if>
</span>

Dejar un comentario

Centrar una imagen

Julio 28, 2008 a 6:56 pm (Editar un blog)

<div style=”text-align:center;” > + <img src=”direccion de la imagen”/> + </div>

Informacion obtenida de CGNAUTA BLOG

Dejar un comentario

Iconos

Julio 23, 2008 a 10:18 pm (Herramientas)

Enlace donde localizar iconos muy logrados

1 comentario

Abrir enlace en otra ventana

Julio 23, 2008 a 10:12 pm (Editar un blog)

Para que un enlace se abra en una venta nueva:

<a target=”blank” href=”http://www.DIRECCIÓN DEL SITIO.com”>PALABRA QUE ENLAZARÁ AL SITIO</a>

Dejar un comentario

Un reproductor MP3

Julio 23, 2008 a 9:31 pm (Uncategorized)

Informacion obtenida en Ayuda para el blog
1. Hay que descargar este archivo zip aquí y descomprimirlo en nuestro ordenador.
Una vez descomprimido aparecerá la carpeta Flash MP3 Player, dentro hay los siguientes archivos:
a. config.xml .- En este archivo editaremos con el Bloc de notas o WordPad:
-El que empiece automáticamente o no del reproductor cuando se carga el blog.
- La repetición de los archivos, sea uno, todos o que suene toda la lista entera una vez.
- Volumen del reproductor (0 a 100).
- Mostrar o no nuestra lista de reproducción.
- Elegir si los enlaces de la lista de reproducción van a abrirse en nueva página o en la misma.
- Escoger los colores de fondo o una imagen para el reproductor (<jpgfile> </jpgfile>).
Nota: En cuanto a los colores los cambios serian en:
<backcolor> </backcolor>
<frontcolor> </frontcolor>
<lightcolor> </lightcolor>
b. playlist.xml .- En este archivo editaremos con el Bloc de notas o WordPad:
- track: Entre estas dos etiquetas colocamos toda la información que queremos incluir.<track> </track>
- annotation: En esta etiqueta colocaremos el título de la canción.
<annotation> </annotation>
- location: Ruta del archivo del audio mp3. <location> </location>
- info: Pagina web del grupo o artista. <info> </info>
- image: Ruta de la imagen que se mostrará durante la reproducción de la canción. (40×40 hasta 100×100). <imgage> </imgage>
Nota: Excepto las dos primeras etiquetas, las demás son opcionales.
c. mp3player.swf .- Este archivo simplemente tendremos que subirlo a nuestro servidor (hosting), no necesita modificarse.
2. Empecemos a subir los mp3 en Mediamax (Hosting de 25 Gbs de almacenamiento gratuito).
- Se registran (Sign Up), llenan un formulario (nombre, e-mail, etc). Cuando estén registrados les llegara un e-mail para que activen su cuenta y puedan subir sus archivos.
- Activada su cuenta. Clic en Upload para subir los mp3. Después le das clic en View your file manager.
- Para poder copiar la ruta del mp3 tendrán que mover o copiar sus canciones.
Veamos un ejemplo:
Click en la imagen para agrnadarla
- No olvides que la ruta de los mp3 tienes que pegar en el archivo playlist.xml.
Nota: Los mp3 también lo puedes subir en Openomy (ver Dewplayer).
3. Para subir imágenes lo pueden hacer en ImageShack. En este caso pegan la ruta en donde esta la imagen en playlist.xml. Esto es opcional.
4. Después de pegar los mp3 y las imágenes en el playlist.xml, tendran que subir los 3 archivos: config.xml, playlist.xml y mp3player.swf. Estos archivos lo pueden subir en FreeWebTown (Hosting).
El procedimiento es el mismo cuando subes mp3 o imágenes, pero para subir tienes que irte a File Manager.
5. El siguiente código lo pegas en donde tú quieras para que se visualice el Flash Mp3 Player:

<embed allowScriptAccess=”never”src=”http://ruta_mp3player.swf” menu=”false”
quality=”high” width=”300″ height=”200″ name=”mp3player” type=”application/x-shockwave-flash”
pluginspage=”http://www.macromedia.com/go/getflashplayer” border=”0″ wmode=”transparent” flashvars=”&config=http://ruta_archivo_config.xml
&file=http://ruta_archivo_playlist.xml” wmode=”transparent” border=”0″ />
Nota: En donde dice:
http://ruta_mp3player.swf
http://ruta_archivo_config.xml
http://ruta_archivo_playlist.xml
Estas 3 rutas tienes que reemplazarlo por los archivos que has subido en el FreeWebTown.
*Puedes cambiar los valores de width y height, según el ancho y alto deseado.
*Correción: (http://ruta_archivo_config.xml&file=http://ruta_archivo_playlist.xml), el signo & es junto.

1 comentario

Distintas imágenes en cabecera, cambiando aleatoriamente

Julio 23, 2008 a 9:27 pm (Uncategorized)

Consiste en una imagen distinta cada vez que entramos al blog.

» Ir a diseño de la plantilla. Después clic en Edición de HTML (no Expandir plantillas de artilugios) y agregas el siguiente código después de <body>.

<script type=”text/javascript”>

var banner= new Array()

banner[0]=”http://aqui-la-dirección-de-la-imagen”
banner[1]=”http://aqui-la-dirección-de-la-imagen”
banner[2]=”http://aqui-la-dirección-de-la-imagen”
banner[3]=”http://aqui-la-dirección-de-la-imagen”
banner[4]=”http://aqui-la-dirección-de-la-imagen”
var random=Math.round(4*Math.random());

document.write(“<style>”);
document.write(“#header {“);
document.write(‘ background:url(“‘ + banner[random] + ‘”) no-repeat left TOP;’);
document.write(” }”);
document.write(“</style>”);

</script>

- En banner [0], [1], [2], [3], [4] tendrás que agregar la dirección de tu imagen, el cual debe tener un ancho de 660px (pixeles) y un alto de 130px aproximadamente. En todo caso, buscas en la plantilla que estas utilizando, el ancho de la cabecera (header).
Por otro lado, si deseas que más imágenes cambien le agregas más líneas o en caso contrario le quitas.

banner[0]=”http://aqui-la-dirección-de-la-imagen”

- En donde dice: left (izquierdo), le puedes cambiar por center (centro) o right (derecho).

- Prácticamente esto resulta mucho mas fácil con las plantillas Minima, Denim, Scribe y Tic Tac. Con las demás también, pero se tiene que hacer ciertas modificaciones en la cabecera.

- Para que veas el resultado en tu blog presiona F5 de tu teclado y veras que aparecen distintas imágenes en la cabecera.

- Finalmente, si deseas que te ayude mas con las plantillas que se tiene que hacer ciertas modificaciones, me dejas un comentario mencionándome que plantilla usas.

Informacion obtenida de Ayuda para el blog

Dejar un comentario

Cambio en la etiqueta de comentarios

Julio 23, 2008 a 9:20 pm (Editar un blog)

En estos enlaces se dan las intrucciones para editar en html y conseguir que el contados de comentarios no sea una chapuza.

1 comentario

2 comentarios

Obetnidos en “Aqui estuve ayer” y “Blog and web”

http://www.aquiestuveayer.com/2008/01/mensaje-de-nmero-de-comentarios.html

http://blogandweb.com/blogger/cambiar-el-mensaje-que-acompana-al-numero-de-comentarios-en-blogger/

Dejar un comentario

Herramienta “Cuenta Atras”

Julio 23, 2008 a 9:07 pm (Widgets)

En esta pagina encontraras muchas contadores con skin muy disitntas

Cuenta atras

http://www.springwidgets.com/

Dejar un comentario

Imagenes en Autor Categoria y Comentario

Julio 20, 2008 a 2:29 am (Editar un blog)

Gracias a gemablog

 

Aplicar imágenes tipo iconos en los comentarios, autor, categoría, etiquetas ect…
Primeramente vamos a localizar el lugar donde haremos las modificaciones, nos situamos en este orden:

Panel/Diseño/Plantilla/Edición de HTML

Buscaremos en nuestra plantilla los CSS justo antes de ]]></b:skin> es el lugar idoneo para aplicar nuestro código.
A continuación copiaremos y pegaremos los códigos dependiendo de la parte que deseamos añadir una imagen tipo icono.

“Imagen en Categoría o Etiquetas”

.post-labels
{ padding-left:20px;
padding-top:5px;
background: url(url_de_la_imagen) center left no-repeat; }

“Imagen en Comentarios”

.comment-link
{
padding-left:20px;
padding-top:5px;
background: url(url_de_la_imagen) center left no-repeat; }

“Imagen en (Publicado por) o Autor del blog”

.post-author
{
padding-left:20px;
padding-top:5px;
background: url(url_de_la_imagen) center left no-repeat; }

(Donde dice url_de_la_imagen hay que añadir la url de la imagen seleccionada)

Dejar un comentario

Nociones HTML

Julio 20, 2008 a 12:59 am (Uncategorized)

Vamos a conocer algunas nociones básicas sobre el lenguaje HTML que nos enseñan en Web Taller

Este recurso es necesario para tener un conocimiento de como modificar nuestra plantilla del Blog y gestionar los cambios que creamos necesarios.

El HTML, de las siglas en inglés de Hyper Text Markup Language (lenguaje de marcación de hipertexto), es un lenguaje informático diseñado para estructurar textos y presentarlos en forma de hipertexto, que es el formato estándar de las páginas web.

Un documento escrito en HTML contendría básicamente las siguientes etiquetas :

<HTML> Indica el inicio del documento.
<HEAD> Inicio de la cabecera.
<TITLE> Inicio del título del documento.
</TITLE> Final del título del documento.
</HEAD> Final de la cabecera del documento.
<BODY> Inicio del cuerpo del documento.
</BODY> Final del cuerpo del documento.
</HTML> Final del documento.

 

CABECERA DEL DOCUMENTO

La etiqueta <HEAD></HEAD> delimita la cabecera del documento. Dentro de la cabecera es importante definir el título de la página por medio de la etiqueta <TITLE></TITLE>. Este título será el que aparezca en la barra de nuestro navegador de páginas Web.

Ejemplo :

<TITLE>Noticias para Blogs</TITLE>

Dentro de la cabecera de nuestro documento podemos incluir otras etiquetas adicionales. La etiqueta <META> indica al navegador de Internet las palabras clave y contenido de nuestra página Web.

Ejemplos :

<META name=”Ayuda para Blogs” content=”Recursos, Utilidades, Aplicaciones e Información para la creación de Blogs”>

Indica al navegador el nombre de la página y sus contenidos principales.

<META name=”keywords” content=”Blogs, Recursos, Informacion, Aplicaciones”>

Indica al navegador las palabras clave para los buscadores de Internet.

CUERPO DEL DOCUMENTO

La etiqueta <BODY></BODY> indica el inicio y final de nuestra pagina Web. Será entre el inicio y el final de esta etiqueta donde pongamos los contenidos de nuestra página, textos, gráficos, enlaces, etc…. Esta etiqueta tiene una serie de parámetros opcionales que nos permiten indicar la “apariencia” global del documento :

background= “nombre de fichero gráfico”
Indica el nombre de un fichero gráfico que servirá como “fondo” de nuestra página. Si la imagen no rellena todo el fondo del documento, esta será reproducida tantas veces como sea necesario.

bgcolor = “código de color”
Indica un color para el fondo de nuestro documento. Se ignora si se ha usado el parámetro background.

text = “código de color”
Indica un color para el texto que incluyamos en nuestro documento. Por defecto es negro.

link = “código de color”
Indica el color de los textos que dan acceso a un Hiperenlace. Por defecto es azul.

vlink = “código de color”
Indica el color de los textos que dan acceso a un Hiperenlace que ya hemos visitado con nuestro navegador. Por defecto es purpura.

El código de color es un numero compuesto por tres pares de cifras hexadecimales que indican la proporcion de los colores “primarios”, rojo, verde y azul. El codigo de color se antecede del símbolo #.

Dejar un comentario

« Entradas más antiguas