Mostrando entradas con la etiqueta Blog ayuda. Mostrar todas las entradas
Mostrando entradas con la etiqueta Blog ayuda. Mostrar todas las entradas

Pestaña hacia arriva



La pestaña de ir para arriva va genial para una lectura rápida del blog os pongo el código,podéis poner la imagen que queráis




<a href='#'>t<img alt='ir arriba' border='0' src='http://img81.imageshack.us/img81/319/flechaarribahl1.gif' style='position:fixed; bottom:0; right:0;'/></a>
<div id='outer-wrapper'>

Resaltar imágenes o texto



Bookmark and Share


Resalta tu texto.

Aquí va el texto a resaltar :-)

Diseño>añadir gadget (elemento de página)>html-javascript

Pegas el código:

<marquee behavior="alternate" width="10%"><img src="http://www.iconlook.com/icondb/sweetie/png-24/16-arrow-right.png"/></marquee>Aquí va el texto que tu quieras :-)<marquee behavior="alternate" width="10%"><img src="http://www.iconlook.com/icondb/sweetie/png-8/16-arrow-left.png"/></marquee>

Lo que está en verde es la dirección de las flechitas.
Donde dice: Aquí va el texto a resaltar :-) escribes el texto al que quieres aplicar el efecto.

También puedes aplicar el efecto a unas imágenes...

Blog Miguel

↑ Grab this Headline Animator

Como Funciona Blogger

Las plantillas de Blogger no son páginas web, las plantillas de Blogger son ... plantillas de Blogger y eso es lo primero que debemos saber para entender cómo funcionan y así, poder manipularlas sin tanto miedo.

Están escritas usando un lenguaje llamado XHTML que no es HTML y es, simplificando, un lenguaje que combina códigos "normales", comunes y corrientes con códigos especiales creados y manejados por el mismo Blogger que es el único que puede traducirlos.

Leer mas

Caja de texto


Si además añades a continuación de textarea, las propiedades "rows" y "cols" podrás controlar el alto y ancho de tu textarea cambiando estos valores.

Subir Arriva de la Pagina


ir arriba

Apuntes para ti




Sirve para resaltar alguna idea que queramos destacar dentro del texto.


Guarda siempre una copia de tu plantilla en tu ordenador

Copia el codigo

Cuadricular



Cambiar color fondo del post; de esto trata este truco y nada más sencillo que en Edición Html incluir el código que os facilito a continuación;
Una vez insertado os dirigiis a redactar el post , pinchais dos veces para
seleccionar le fondo y ya podéis redactar vuestro post.
Con este método podreis ir variando el fondo de vuestros posts sin necesidad de
tocar la plantilla.
Deberéis tener en cuenta que para poder modificar el color debereis cambiar
el código en td bgcolor="#CC0000" cambiando el valor alfanúmerico por el que
hayáis seleccionado


codigo

Colores

Lo veras mejor con Firefox

Cambiar el fondo del blog

Para cambiar el fondo del blog debemos de ir a edición html de nuestro blog y buscar body {, si la plantilla ya lleva una imagen de fondo por defecto lo único que debemos hacer es buscar esta linea y cambiar la url: background:$bgcolor url ( url por defecto).
En el caso de no llevar un fondo por defecto, debemos de cambiar las lineas desde : body { hasta }
y aplicaremos estas lineas añadiendo la url de vuestro fondo.


body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px;
padding:0px;
color:$textocolor;
background:$bgcolor url(AQUI LA URL DE TU IMAGEN ); top
repeat-x;
}

Pestañas para blog

+/- Sigue leyendo


Vamos a poner pestañas en el blog es uno de los detalles que mas me ha gustado. Se trata de ordenar tus secciones del blog por pestañas. Antes de empezar lo primero es etiquetar tus entradas.


1ª paso
Etiquetar tus entradas
2º Paso
Nos dirigimos a: Plantilla-Edicion de Html-Expandir plantillas de artilugios


3º Paso:


Apretamos CONTROL+F y buscamos el siguiente código: ]]></b:skin>


Antes de ]]></b:skin> copiamos este código:


/*- Menu Tabs F */

#tabsF {
float:left;
width:100%;
font-size:80%;
line-height:normal;
border-bottom:1px solid #000;

}
#tabsF ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabsF li {
display:inline;
margin:0;
padding:0;
}
#tabsF a {
float:left;
background:url("http://www.anniyalogam.com/labeltabs/tableftF.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsF a span {
float:left;
display:block;
background:url("http://www.anniyalogam.com/labeltabs/tabrightF.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#666;
}
/* Commented Backslash Hack hides rule from IE5-Mac */
#tabsF a span {float:none;}
/* End IE5-Mac hack */
#tabsF a:hover span {
color:#FFF;
}
#tabsF a:hover {
background-position:0% -42px;
}
#tabsF a:hover span {
background-position:100% -42px;
}


4º Paso:


Buscamos este código (quizás no sea igual tu código a este, en ese caso busca uno que sea lo más parecido posible)...:


<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title><h2>
<b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>


...y lo cambiamos por este otro:


<b:widget id='Label1' locked='false' title='' type='Label'>
<b:includable id='main'>
<div id='tabsF'>
<ul>
<li><a expr:href='data:blog.homepageUrl'><span>Inicio</span></a></li>
<b:loop values='data:labels' var='label'>
<li><a expr:href='data:label.url'><span><data:label.name/></span></a></li>
</b:loop>
</ul>
<!-- <b:include name='quickedit'/> -->
</div>
</b:includable>
</b:widget>



5º Paso:


Ahora guardamos los cambios y nos vamos a: Plantilla-Elementos de página-Añadir nuevo elemento-Etiquetas

Con la técnica del Drag ‘n drop podemos arrastrar y soltar con el ratón el lugar donde queremos colocar las pestañas.
Finalmente se nos ha de quedar algo como esto.
6º Paso:
Este paso es optativo, para aquellos que quieran darle una imagen distinta a las pestañas.
Si nos vamos a esta página: http://www.anniyalogam.com/labeltabs/ podremos ver distintos aspectos de bordes de etiquetas y de etiquetas. Aquí podemos elegir el que más nos guste y para cambiarlo tenemos que ir a la parte que está en rojo (en el tercer paso) y cambiarlo. El primer código que está en rojo se refiere a los bordes y el segundo al cuerpo de la etiqueta.
Espero que os valla bien.