Manual del uso del Blog en la empresa

Tomado de Blog and Web

“Manual de uso del blog en la empresa: Cómo prosperar en la sociedad de la conversación”. Es un libro escrito Alberto Ortiz de Zárate de introducción al mundo de los blogs para las organizaciones, en el que pretende mostrar las ventajas, métodos y usos de los que una empresa se puede valer para tener un presencia actualizada en internet.

Les adjunto este post como lectura para sus vacaciones, espero que lo aprovechen.

56 plantillas para blogger

Tomado de Blog and Web

Les coloco un enlace de Blog and Web, donde recopila sus adaptaciones de Plantillas para Blogger.

IR AL ENLACE

Menu Flotante

Tomado de Escaparate de Rosa

Tarea para los alumnos de E-business:


Pegar el siguiente código CSS antes de: ]]></b:skin>

/* Scroll MenuIcon
---------------------------------------------
*/
#MenuIcon{
position:fixed;
text-align:left;
/*Si la ubicación del menú no es la adecuada modifica los valores siguiente: */
margin-top:0px;
margin-left:-50px;
}

* html #MenuIcon{ /*IE only*/
position:absolute;
}

#MenuIcon a img{
opacity:1;
-moz-opacity:1;
filter:alpha(Opacity=100);
}

#MenuIcon a:hover img{
opacity:0.8;
-moz-opacity:0.8;
filter:alpha(Opacity=80);
position:relative;top:0px;left:2px;
}

* html #MenuIcon a img{
filter:alpha(Opacity=100);
}

#MenuIcon img{
margin-bottom: -3px;
}

* html .MenuIcon{
margin-bottom: -3px;
}

Guardamos cambios.

Una vez añadido el CSS vamos a la parte de editar de nuestra plantilla y añadimos un nuevo elemento HTML-Javascript, donde pegamos el código para el menú y lo arrastramos después sobre las entradas o debajo de la cabecera:

<div id="MenuIcon">?<span>?<a style="border:0;" href="#" rel="external" title="VOLVER AL INICIO"><img alt="Home" src="http://img114.imageshack.us/img114/5226/homeuo9.jpg" class="MenuIcon"/></a>?<br/>?<a style="border:0;" href="mailto:#" title="CONTACTAME"><img alt="Contactar al Autor" src="http://img114.imageshack.us/img114/118/mailforwardgr2.png" class="MenuIcon"/></a>?<br/> <a style="border:0;" href="# " title="IR ARRIBA"><img alt=" ir arriba" src="http://img69.imageshack.us/img69/1295/flecha12zi1.jpg" class="MenuIcon"/></a>?</span>?</div>

Lo que está escrito con letras mayúsculas, es el texto que se leerá cuando pasemos el ratón sobre cada uno de los iconos.
Donde se lee esta frase en el código: /*Si la ubicación del menú no es la adecuada modifica los valores siguiente: */ cambiáis los valores si el menú queda muy arriba o muy abajo.
En cada caso el resultado será distinto, dependiendo del tamaño del "cuerpo" del blog.
Usa la vista previa para evitar sorpresas.

Imágenes para su cabecera

Aquí les coloco un enlace a un catálogo de imágenes para ser ubicadas en la cabecera de sus Blogs.

http://www.freewebpageheaders.com/gallery/

Que lo disfruten!!!!

Menús desplegables para tu Blog

Aquí les coloco un enlace muy bueno, para que ubiquen en sus blogs menús desplegables.
Tienen que personalizarlos, tarea relativamente fácil, solo requiere un poco de tiempo, cuando coloquen Save (Grabar), inmediatamente el programa les bota el código en HTML y CSS que deben colocar.

IR A QUICK MENU

Demus Design

Les coloco un enlace para que descarguen templates en HTML y CSS para su blog personal.

DEMUSDESIGN
TEMPLATE WORLD

Quitar la barra NAVBAR de Blogger

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

Deben pegar el código de la parte superior, antes de:
]]></b:skin>
</head>