Embed Size (px)
Citation preview
1
INSTITUCIÓN EDUCATIVA MAYOR DE YUMBO
Informática Especialidad Grado 11º
2013
En el blog, buscamos -Editar HTML
Pegamos el siguiente código antes de <Head> para poder ponerlo en la cabecera:
<style type='text/css'>
.barrademenu {
margin: 0;
padding: 0;
float: left; width: 100%;
font-family: Tahoma;
font-size:13px;
font-weight: bold;
margin-top: 0px;
border-bottom: 2px solid black;
border-top: 2px solid black;
background: #990000;
}
.barrademenu li {display: inline;}
.barrademenu li a, .solidblockmenu li a:visited {
float: left;
padding: 4px 15px;
text-decoration: none;
color: white;
border-right: 2px solid black;
outline: none;
}
.barrademenu li a:hover {
color: #ffffff;
background: #000000;
outline: none;
}
</style>
2
Luego vamos a , Añadir Gadget, HTML/JavaScript
Y pegamos el siguiente código:
<ul class="barrademenu">
<li><a title="INICIO" href="http://www.direccion-de-tu-blog-aqui.com">Inicio</a></li>
<li><a title="Informacion" href="http://www.direccion-de-tu-blog-aqui.com">Acerca
de</a></li>
<li><a title="Contáctame" href="http://www.direccion-de-tu-blog-
aqui.com">Contacto</a></li>
</ul>
NOTA: Cambiar por la dirección de su blog.
3
Previamente dibujamos nuestro logo 32x32 en formato .png, lo convertimos a .ico, lo guardamos
en la carpeta Pública del dropbox, y en la Plantilla, Editar HTML pegamos el siguiente código:
NOTA: El nombre de archivo debe ser: favicon
En Diseño: Favicon, Editar, subimos el favicon creado y convertido a .ico
En Plantilla, Editar HTML:
Antes de la etiqueta </head>, pegamos el siguiente código:
<link href='https://dl.dropboxusercontent.com/u/48477621/favicon.ico' rel='shortcut
icon' type='image/x-icon'/>
