Condesascha's Weblog

Eliminar u ocultar mensaje de etiquetas

condesascha — Tue, 26 Aug 2008 21:07:07 +0000

Eliminar

Buscamos la siguiente línea de codigo:

Eliminamos la línea completa.

Ocultar

Colocamos este código:

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

Antes de ]]>

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:

,

Centrar una imagen

condesascha — Mon, 28 Jul 2008 18:56:46 +0000

+ +

Informacion obtenida de CGNAUTA BLOG

Iconos

condesascha — Wed, 23 Jul 2008 22:18:36 +0000

Enlace donde localizar iconos muy logrados

Abrir enlace en otra ventana

condesascha — Wed, 23 Jul 2008 22:12:16 +0000

Para que un enlace se abra en una venta nueva:

http://www.DIRECCIÓN DEL SITIO.com”>PALABRA QUE ENLAZARÁ AL SITIO

Un reproductor MP3

condesascha — Wed, 23 Jul 2008 21:31:54 +0000

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 ( ).
Nota: En cuanto a los colores los cambios serian en:

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.
- annotation: En esta etiqueta colocaremos el título de la canción.

- location: Ruta del archivo del audio mp3.
- info: Pagina web del grupo o artista.
- image: Ruta de la imagen que se mostrará durante la reproducción de la canción. (40×40 hasta 100×100).
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:

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.

Distintas imágenes en cabecera, cambiando aleatoriamente

condesascha — Wed, 23 Jul 2008 21:27:39 +0000

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 .

- 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

Cambio en la etiqueta de comentarios

condesascha — Wed, 23 Jul 2008 21:20:49 +0000

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/

Herramienta “Cuenta Atras”

condesascha — Wed, 23 Jul 2008 21:07:40 +0000

En esta pagina encontraras muchas contadores con skin muy disitntas

Cuenta atras

http://www.springwidgets.com/

Imagenes en Autor Categoria y Comentario

condesascha — Sun, 20 Jul 2008 02:29:21 +0000

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 ]]> 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)

Nociones HTML

condesascha — Sun, 20 Jul 2008 00:59:44 +0000

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 :

Indica el inicio del documento.
Inicio de la cabecera.
Inicio del título del documento.<br /> Final del título del documento.
Final de la cabecera del documento.
Inicio del cuerpo del documento.
Final del cuerpo del documento.
Final del documento.

CABECERA DEL DOCUMENTO

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

Ejemplo :

Noticias para Blogs

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

Ejemplos :

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

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

CUERPO DEL DOCUMENTO

La etiqueta 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 #.