InicioHazlo Tu Mismocodigos html para personalizar tu blog o pagina web

codigos html para personalizar tu blog o pagina web

Hazlo Tu Mismo8/11/2011


PRIMERO SI SABES DONDE INSERTARLO NO HAY PROBLEMA, PERO SI NO PUES EN LA EDICION DE TU PAGINA, YO POR EJEMPLO USO BLOGGER PORQUE ES MUY SENCILLA DE EDITAR. ENTRAS A DONDE DICE EDICION HTML PARA HACER CAMBIOS GENERALES EN LA PLANTILLA, GUARDA SIEMPRE UNA COPIA PARA SEGURIDAD POR SI ALGO SALE MAL, BLOGGER TE DA LA OPCION DE PREVISUALIZAR, SI NO TE GUSTA COMO QUEDA O SI DA ERROR NO GUARDES LOS CAMBIOS...


[/color]
PUEDES INCLUIR UN CODIGO HTM SOLOL EN UNA ENTRADA, EN UNA PARTE DEL BLOG O EN EL BLOG COMPLETO


primero les voy a decir como poner menus personalizados en su blog


ESTOS SON SENCILLOS PERO LLAMATIVOS PUES PUEDEN CAMBIAR EL COLOR POR UNO QUE ELIJAN:


Primero entra a Diseño > Edición de HTML y pega antes de ]]></b:skin> lo siguiente:

PARA UN MENU GRIS COMO ESTE:



/* 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(https://lh6.googleusercontent.com/--GO1_O0J58s/TeUuqqN2R-I/AAAAAAAABdA/dDziUaN3MYQ/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}

LUEGO VEAN EN LA PREVISUALIZACION, NO TIENE AUN QUE SALIR NADA, SOLO ES PARA VER QUE LO HICIERON BIEN Y QUE NO DA ERROR. LUEGO GUARDAN Y VAN A DISEÑO-- AGREGAR UN GADGET Y ELIGEN AGREGAR CODIGO HTML-JAVASCRIPT Y PEGAN LOS SIGUIENTE:

<div id='menu'>
<ul>
<li><a href='URL del enlace'><span>Título 1</span></a></li>
<li><a href='URL del enlace'><span>Título 2</span></a></li>
<li><a href='URL del enlace'><span>Título 3</span></a></li>
<li><a href='URL del enlace'><span>Título 4</span></a></li>
</ul>
</div>

EN MEDIO DE LAS COMILLAS"" LA PAGINA A LA QUE DIRIGE, SI ES UN A UNA ENTRADA DE SU BLOG COPIEN LA URL A LA QUE VA A DIRIGIR Y EN DONDE DICE TITULO X AÑADEN EL NOMBRE QUE LLEVARA LA PESTAÑA, PUEDE PONER TANTAS COMO QUIERAN PERO NO SE OLVIDEN QUE AL PEGAR TIENE QUE COPIAR BIEN EL CODIGO EJ: <li><a href='URL del enlace'><span>Título 1</span></a></li> ASI ES COMO LO DEBEN COPIAR, ENTERO.



ARRASTREN EL GADGET EN DONDE MAS LES GUSTE, YO LO TENGO EN LA PARTE SUPERIOR, PERO TAMBIEN PUEDEN PONERLO EN LOS LADOS


PARA PONER LOS MENUS DE OTRO COLOR, CAMBIAN EL PRIMERO CODIGO, EL DE LA PLANTILLA Y PONEN ANTES DE
]]></b:skin>
UNO DE ESTOS :




/* Menú horizontal
----------------------------------------------- */
#menu ul { margin:0; list-style:none;}
#menu li {display:inline;margin:0;padding:0;}
#menu a { float:left;background:url(http://lh3.ggpht.com/_dsEG33PDaHw/Sk0PpgVjCmI/AAAAAAAAABo/1ngE9K8oKUM/s128/lefttabbed-blue.PNG) no-repeat left top;margin:0 1.5px 0 1.5px;padding:0 0 0 7px;text-decoration:none;}
#menu a span {float:left;display:block; background: url(http://3.bp.blogspot.com/_dsEG33PDaHw/TLneat8CR3I/AAAAAAAAAaA/xeRSiRhsVl8/s1600/tabbedblue.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ú */



/* 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/_dsEG33PDaHw/Sk0Ppu0JhrI/AAAAAAAAABs/t0vZPWdFl38/s128/lefttabbed-green.PNG) no-repeat left top;margin:0 1.5px 0 1.5px;padding:0 0 0 7px;text-decoration:none;}
#menu a span {float:left;display:block; background: url(http://3.bp.blogspot.com/_dsEG33PDaHw/TLnea6eTG3I/AAAAAAAAAaE/gb65X4n2bX0/s1600/tabbedgreen.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ú */




/* Menú horizontal
----------------------------------------------- */
#menu ul { margin:0; list-style:none;}
#menu li {display:inline;margin:0;padding:0;}
#menu a { float:left;background:url(http://lh4.ggpht.com/_dsEG33PDaHw/Sk0PpoN4alI/AAAAAAAAABw/8ednVAn295Q/s128/lefttabbed-purple.PNG) no-repeat left top;margin:0 1.5px 0 1.5px;padding:0 0 0 7px;text-decoration:none;}
#menu a span {float:left;display:block; background: url(http://4.bp.blogspot.com/_dsEG33PDaHw/TLnebBChZzI/AAAAAAAAAaI/rL-bNJcIPc8/s1600/tabbedpurple.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ú */





/* Menú horizontal
----------------------------------------------- */
#menu ul { margin:0; list-style:none;}
#menu li {display:inline;margin:0;padding:0;}
#menu a { float:left;background:url(http://lh3.ggpht.com/_dsEG33PDaHw/Sk0Pps0fcVI/AAAAAAAAAB0/HN5FX_MoRMU/s128/lefttabbed-red.PNG) no-repeat left top;margin:0 1.5px 0 1.5px;padding:0 0 0 7px;text-decoration:none;}
#menu a span {float:left;display:block; background: url(http://2.bp.blogspot.com/_dsEG33PDaHw/TLneb7XhRBI/AAAAAAAAAaM/d960qFS196g/s1600/tabbedred.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ú */




/* 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/_dsEG33PDaHw/Sk0PpvhhHeI/AAAAAAAAAB4/-BK98lkjqZs/s128/lefttabbed-yellow.PNG) no-repeat left top;margin:0 1.5px 0 1.5px;padding:0 0 0 7px;text-decoration:none;}
#menu a span {float:left;display:block; background: url(http://1.bp.blogspot.com/_dsEG33PDaHw/TLnecIqugnI/AAAAAAAAAaQ/gmnF50rrcoE/s1600/tabbedyellow.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ú */


SI LO QUE LES GUSTA ES EL ANIME, HAY PAGINAS CON GADGETS, QUE SE INSERTAR COMO CODIGOS HTML PARA SU BLOG COMO
VISITAR:





ESTE ES UNO DE LOS CODIGOS PARA RELOJ DE ANIME HARUHI:

<embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://www.fileden.com/files/2010/2/2/2747140/haruhi.swf" type="" wmode="transparent" height="225" width="150"></embed>


CODIGO RELOJ NARUTO SASKE


<Embed pluginspage = "http://www.macromedia.com/go/getflashplayer" src = "http://fc03.deviantart.com/fs30/f/2008/139/2/b/Naruto_turns_to_sasuke_clock_by_sd0711.swf" type = "" wmode = "transparent" height = "250" width = "180"> </ embed>


PARA COLOCAR ENCUESTAS EN TU BLOG O WEB:




http://www.modpoll.com/

LO MALO CON ESTAS ES QUE TIENES QUE REGISTRARTE, AUNQUE ES GRATIS



ESTE ES UNO SOBRE PERSONAJES CELEBRES PARA TU BLOG CAMBIA TODOS LOS DIAS:

<iframe width="190" height="330" scrolling="no" src="http://pagina-del-dia.euroresidentes.es/cumples-famosos-del-dia/gadget-cumples-famosos-del-diav.php?estilo=4" frameborder="0"></iframe>


UN CODIGO UTIL TAMBIEN ES UNA IMAGEN QUE TE LLEVE A UN SITIO O UNA DE TUS ENTRADAS PARA HACERLO COPIA Y PEGA ESTE CODIGO EN AÑADIR GADGET--CODIGO HTML:


<a href="AQUI LA URL A LA QUE VA"><img border="0" height="125" width="120" src="AQUI LA IMAGEN QUE SE VERA" /></a>


ESTAS SON PAGINAS PARA SACAR TU PROPIO CHAT, PODRIA PONER EL CODIGO PERO ES MEJOR QUE LOS HAGAN USTEDES PUES ES PERSONALIZADO, REQUIERE QUE TE INSCRIBAS PERO ES GRATIS:
YO PREFIERO EL PRIMERO PORQUE PUDES PERSONALIZAR LA IMAGEN DE FONDO...







http://chatango.com/




RECUERDEN PRACTICANDO Y PRACTICANDO ( Y ECHANDO A PERDER) APRENDEN A HACER UNA PAGINA ACEPTABLE, BUSQUEN SIEMPRE CODIGOS SENCILLOS, PARA QUE NO LA RIEGUEN, COMO YO VARIAS VECES Y GRACIASSSS POR HACERME NFU AAHHHH Y FELIZ CUMPLE MI AMOR BUNBURY !!!


Datos archivados del Taringa! original
0puntos
1,032visitas
0comentarios
Actividad nueva en Posteamelo
0puntos
2visitas
0comentarios
Dar puntos:

Dejá tu comentario

0/2000

Autor del Post

k
karinalizeth🇦🇷
Usuario
Puntos0
Posts7
Ver perfil →
PosteameloArchivo Histórico de Taringa! (2004-2017). Preservando la inteligencia colectiva de la internet hispanohablante.

CONTACTO

18 de Septiembre 455, Casilla 52

Chillán, Región de Ñuble, Chile

Solo correo postal

© 2026 Posteamelo.com. No afiliado con Taringa! ni sus sucesores.

Contenido preservado con fines históricos y culturales.