Hace tiempo ya que es sabido que podemos usar una opci??n del gadget «Etiquetas» de Blogger, para mostrar nuestras etiquetas en forma de nube.Se da la casualidad que ayer recib?? dos emails sobre el mismo tema: como cambiar el dise??o de la nube una vez a??adida en el blog, as?? que veremos en esta entrada como hacerlo.Una vez a??adido el gadget en la sidebar, tendremos una nube de etiquetas con un…
COMO HACER UN Men?? tipo acorde??n con efecto deslizante
Antes de ponerlo considera que, Mootools no es compatible con la mayor??a de las librer??as de efectos, as?? que si usas jQuery, Prototype o Scriptaculous estoy casi seguro que no les funcionar??. Adem??s que es un men?? de im??genes, as?? que cada qui??n deber?? crear sus im??genes con sus textos o lo que se le quiera agregar a la imagen. Bien, habiendo aclarado lo anterior empecemos, primero hay que descargar este…
No Comments
Como A??adir gadgets en nuevos sitios de la plantilla
Voy a explicar c??mo podemos habilitar nuevas zonas de nuestra plantilla para poder a??adir gadgets en ellas, zonas como pueden ser la zona de encima de las entradas, el crosscol, encima del header (cabecera)… Dise??o>edici??n HTML>expandimos artilugios 1) Para habilitar la zona de encima del header (cabecera), busca esta l??nea: <div id=’header-wrapper’> y un poquito m??s abajo, ver??s esta otra: <b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’no‘> Simplemente debes cambiar la palabra «no» por…
No Comments
De donde descargar men??s CSS
Las grandes ventajas de los men??s CSS que podr??amos llamar ???pre-dise??ados???, son que: (1) son muy est??ticos, y le dan a un sitio una apariencia profesional; (2) generalmente son muy livianos; (3) son f??ciles de a??adir; (4) y que pueden adaptarse a cualquier sitio. Adem??s, podemos encontrar una gran variedad de ellos en forma gratuita. Aqu?? hice una lista de los sitios que ofrecen men??s CSS gratis: 13 STYLES CSS…
No Comments
Poner Men??s CSS desplegables sin javascript
s??lo con un poco de CSS y HTML, pero sin javascript: #menu { height:120px; position:relative;background: transparent url(header_bkg.png) repeat-x scroll top center;}#nav { margin:0px; padding:0px; position:absolute; top: 70px; display:block;}#nav > li { list-style-type:none; float:left; display:block; margin:0px 10px; position:relative; padding:10px; width:100px;}#nav > li:hover ul { display:block; }#nav > li:hover { background-color:#808080; -moz-border-radius:10px; -webkit-border-radius:10px; }#nav li ul { margin:0px; padding:0px; display:none;}#nav li ul li { list-style-type:none; margin:10px 0 0 0;}#nav li ul li…
No Comments
HACER UN Men?? desplegable, con un simple bot??n – PARA BLOG
Este men?? desplegable consiste en hacer clic al bot??n y se muestra una lista de opciones. 1. 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 entre <b:skin><![CDATA[ y ]]></b:skin>. Preferible que lo pegues casi al final (antes de ]]></b:skin>) .texthidden {display:inline} .shown {display:block} 2. Entre ]]></b:skin> y </head> agregar lo siguiente: <script src=’http://andrewhonors.googlepages.com/fecha.js’ type=’text/javascript’/> – Guardar cambios. 3. Ir a…
No Comments
HACER UN MENU DESPLEGABLE EN TU BLOG
Un men?? desplegable viene a ser una lista de opciones para que el usuario escoja alguna que le interese. As?? que, es muy ??til ofrecerles un men?? desplegable.A continuaci??n te explico c??mo tendr??s que hacerlo. Evidentemente, esto solamente es un ejemplo. T?? tendr??as que incluir tus propias secciones y textos sustituyendo a los que aqu?? aparecen.1. Tomemos como punto de partida un men?? en el que aparezcan las siguientes secciones:– Reproductores– Encuestas– Chat– Tagboard 2. Para disponerlas…
No Comments
Menu horizontal con borde superior
Para poner este men?? en tu blog, entra a Dise??o > Edici??n de HTML y antes de ]]></b:skin> pega lo siguiente: /* Men?? horizontal———————————————– */#menulineup {padding: 0;width: 100%;border-top: 5px solid #D10000; /*Color de la l??nea superior*/background: transparent;} #menulineup ul{margin:0;margin-left: 40px; /*Margen izquierdo entre la primera pesta??a y el borde*/padding: 0;list-style: none;} #menulineup li{display: inline;margin: 0 2px 0 0;padding: 0;text-transform:uppercase;} #menulineup a{float: left;display: block;font: bold 12px Arial;color: black;text-decoration: none;margin: 0 1px 0 0; /*Margen entre cada pesta??a*/padding: 5px…
No Comments
MENU DE PESTA??AS EL HORIZONTAL
Primero entra a Dise??o > Edici??n de HTML y pega antes de ]]></b:skin> lo siguiente: /* Men?? horizontal———————————————– */#menu ul { margin:0; list-style:none;}#menu li {display:inline;margin:0;padding:0;}#menu a { float:left;background:url(http://lh5.ggpht.com/_qgZA1ny_dAs/SlimLLGQf4I/AAAAAAAAB-g/YKI9AdhUdng/lefttabbed.png) no-repeat left top;margin:0 1.5px 0 1.5px;padding:0 0 0 4px;text-decoration:none;}#menu a span {float:left;display:block; background: url(http://img148.imageshack.us/img148/8764/tabbedlarge.png) no-repeat right top;padding:5px 12px 4px 12px;color:#fff;}#menu a span {font: bold 12px Arial, Helvetica, sans-serif; color:#000; float:none;}#menu a:hover span {color:#fff;}#menu a:hover {background-position:0% -27px;}#menu a:hover span {background-position:100% -27px;}.clear {clear:left}/* Fin del men?? */ Ahora…
No Comments
MENU SIMPLE,, HACER BLOG
Este men?? es de lo m??s simple que existe, pero para los que acaban de empezar con su blog, no est?? mal. Se trata de poner nuestra categor??as o etiquetas (o lo que consideremos parte de nuestro men?? del blog) ordenadas y accesibles en un solo clic. Para ello necesitamos el siguiente c??digo: <div align=»center»><form><select name=»urldestino»><option selected=»selected»>NOMBRE DEL MEN??</option><option value=»http://DIRECCI??N DEL BLOG»>ETIQUETA 1</option><option value=»http://DIRECCI??N DEL BLOG»>ETIQUETA 2</option><option value=»http://DIRECCI??N DEL BLOG»>ETIQUETA 3</option><option value=»http://DIRECCI??N DEL BLOG»>ETIQUETA 4</option></select><input…
No Comments