Ajustar una imagen en la cabecera del blog en las nuevas plantillas.
------------------------------
#header-inner img {
margin: 0 auto;
}
--------------------------------------------------------
Textos-
--------------------
<strong> Esto para resaltar con negrita
---------------------
Enlace a otra pestaña: target="_blank"
http://www.carlosannacondia.org" target="_blank">Texto visible
---------------------------------------------------------------------------------------
Para marcar el salto de línea en una entrada, colocar este código donde queramos realizarlo.
-------------------------
<!--more-->
----------------------------------------------------------------------------------------
Salto de línea en un párrafo.
-------------
<br/>
-----------------------------------------------------------------------------------------
<p align="center">Este texto se alineará al centro</p>
<p align="right">Este texto se alineará a la derecha</p>
<p align="left">Este texto se alineará a la izquierda</p>
<B>Texto en negrita</B>
-----------------------------------------------------------------------------------------
Enlace a pie de pagina
Un enlace normal tiene esta forma:
<a href="#">Soy un enlace normal</a>
---------------------------------------------------------------------------------------
Marquesina desplazandose:
<MARQUEE BEHAVIOR=ALTERNATE>AQUI PONEMOS EL TEXTO QUE QUEREMOS DESTACAR</marquee>
----------------------------------------------------------------------------------------
Centrar imagen o elemento.
-----------
<center>Aquí para el texto, vídeos </center>
-------------------------------------------------------------------------------------
IMAGENES.-
-----------------
<IMG SRC="immagine.gif">
-----------------------------------------------------------------------
<img src="http://direccion-de-la-imagen/" />
--------------------------------------------------------------------------
Este código mostrará la imagen en el centro:
------------
<div align="center"><img src="logo.gif"></div>
-------------------------------------------------------------------------------
También puedes colocar una imagen en lugar de la primera letra
-------
Imagen a la izquierda"left"------Imagen a la derecha"right"
------------------------------------------
<img style="margin: 0px; float: left;" src="URL de la imagen" alt="imagen o letra" border="0" />
-----------------------------------------------------------------------------------------
Imagen reducida
--------------
<img heigth="70" width="70" src="URL DE TU IMAGEN"/>
-----------------------------------------------------------------------------------------
Esta es la Eestructura basica para colocar 2 imagenes
-------------
<center>
<table>
<tr>
<td> <img src="Aqui va la primer imagen" /> </td>
<td> <img src="Aqui va la segunda imagen" /> </td>
</tr>
</table>
</center>
-----------------------
Con texto
---------------------
<center>
<table>
<tr>
<td> <img src="Aqui va la primer imagen" /><div style="text-align: center;">
<span style=>DESCRIPCION </i></span></div> </td>
<td> <img src="Aqui va la segunda imagen" /> <div style="text-align: center;">
<span style=>DESCRIPCION </i></span></div></td>
</tr>
</table>
</center>
----------------------------------------------------------------------------------------
-Ver o Incrustar otra web en tu blog
--------
<iframe src="http://www.ismyblogworking.com" width="520px" height="210px"></iframe>
--------------------------------------------------------------------------------------
Tal vez hayas creado otro blog y no deseas perder a tus lectores antiguos pero no puedes avisarle a todos tus lectores que has cambiado de blog. Lo que puedes hacer es redireccionar el blog antiguo a uno nuevo, esto lo haremos con lo siguiente:
En el blog antiguo que ya no usaras, entra en Diseño > Edición de HTML, busca al inicio la etiqueta <head> y justo arriba de esa etiqueta pega el siguiente código:
<head>
<meta content='3; URL=http://nombre-de-mi-blog.blogspot.com/' HTTP-EQUIV='Refresh'/>
</head>
<body onLoad='redireccionar()'>
<script language='JavaScript'>
var pagina="http://nombre-de-mi-blog.blogspot.com/"
function redireccionar()
{
location.href=pagina
}
setTimeout ("redireccionar()", 500);
</script>
</body>
Ahora sólo debes cambiar nombre-de-mi-blog por el blog a donde quieres que tus lectores sean redireccionados.
--------------------------------------------------------------------------------------------------------------------------------------------------------
Una galería de imagenes pasando en movimiento.
------------------
Pega este bloque en un gadget:
<marquee widht="300" direction="left" style="border: 2px solid #cccccc;" onmouseover="this.scrollAmount=1" scrollamount="1" onmouseout="this.scrollAmount=2">
<img heigth="70" width="70" src="URL DE TU IMAGEN"/>
<img heigth="70" width="70" src="URL DE TU IMAGEN"/>
<img heigth="70" width="70" src="URL DE TU IMAGEN"/>
<img heigth="70" width="70" src="URL DE TU IMAGEN"/>
</marquee>
-----------------------------------------------------------------------------------------
Centrar la imagen de la cabecera del blog.
------------------------
buscar esto:
---
/* Header
----------------------------------------------- */
---
y justo debajo colocar esto:
---
.header .widget {
margin-top: 4px;
width: 720px;
padding: 0 130px;
}
------------------------------------------------------------------------
Un menú desplegable en el blog.
----
<select onchange="if(options[selectedIndex].value){location = options[selectedIndex].value}" class="desplegable" name="menu" size="1"><option selected/>Seleccionar...
<option value=""/>- - - - - - - - - -
<option value="URL de la página"/>Título
<option value="URL de la página"/>Título
<option value="URL de la página"/>Título
<option value="URL de la página"/>Título
<option value="URL de la página"/>Título
</select>
--------------------------------------------------------------------
Tamaño fotos en el blog:
Anchura......15 cm
Altura....... 4 cm.
Resolución 180.
Gracias!
ResponderEliminar