Menu blog

Menu en vuestro blog
Os teneis que preparar y os aviso os enfrentais a un post bastante largo y quizás muy complejo para los recien principiantes en blogger pero con un poco de paciencia de vuestra parte para releeros el post hasta que lo hagais y por mi parte se lo más clara posible creo que conseguiremos que tengais un menu en el blog como realmente vosotros querais....OK?
Pues vamos a empezar con vuestro menu en el blog.
Por cierto os estoy oyendo a los más perezosos...que, qué?
Que copie el código y me deje de rollos???? pues no va a ser que no si quereis tenerlo a LEER y APRENDER....
Allá vamos!!!!!

Lo pimero que nos centraremos será en la ubicación del menú en el blog, por temas de no confundir al usuario de nuestro blog lo más sencillo y lo que más se ajusta a los estandares web es en la parte superior tal y como veis en este mismo blog, eso es algo que agradece el usuario en vez de marearlo a dar vueltas por el blog, este punto puede ser determinate para que una primera visita vuelva o no...podéis tener el contenido pero si no dais "masticado" como acceder a él quizás abandone muy rápido la página.
El éxito de un blog depende de muchos factores y este es uno de los más importantes por ser la primera toma de contacto con nuestro espacio.

1.- Accedemos al panel;Pinchamos sobre la vista diseño.....

2.-Según la plantilla que tengais puede diferir de la mia realmente lo importante es que en casi todas se puede arrastrar el "añdir un elemento de página" a la ubicación que os muestro.

Antes de comenzar debemos tener en cuenta en que parte vamos a estructurar todo el menú...
como máximo cinco no pongais más!!!
resumir en poco espacio!!!!!
facilitar todo el proceso al usuario del blog!!!!

La imagen que vayais a utilizar en el menú será de vuestra elección debeis tener en cuenta que
esta forma de editar el menu del blog os facillita trabajar con cualquier tipo de imágen, botones, formas lo que querais sólo necesitareis un editor de fotos en esta web hay varios online, y os facilito uno para la descarga segura desde google.

3.- Nos vamos a dirigir a "crear una nueva entrada" y vamos a proceder a editar todo el menú en este post...Ojo guardarlo siempre como Borrador es un proceso un poco largo pero podeis dejarlo y volver al tema cuando os apetezca, os recomiendo que si os cuesta dejeis ratos libres...no os ofusqueis en "conseguirlo"
para quien no lo haya hecho nunca posee demasiados términos nuevos y correis el rieso de no hacerlo por aburrimiento...tener paciencia los resultados bien merecen la pena :o)

Una vez creada vamos a alojar la primera imagen en el servidor de Google ya sabeis darle a añadir imagen

y aseguraros en las opciones de alineacion poner ninguno.


Una vez la tengáis si habéis cambiado de pestaña el post situaros en "edicion de html".

Abriros un documento (sino abriis otro post y lo guardas como borrador cuando acabeis lo elimianais y ya está) ....y copiaros toda la url que identifica a la imagen, podéis ir subiendo todas las que vayais a utilizar y cuando estén alojadas copiarlas en el documento poniendolas de forma ordenada par que las identifiqueis facilmente.
En el código de la url de la foto hay una etiqueta llamada Alt=""
Introducir dos palabras que identifiquen la imagen por ej; inicio menú .

4,. Ahora deberemos pensar en la estructuración del blog...

que apartados quereis que tenga...cuando lo tengais decidido debereis crear etiquetas con ese nombre menos en Inicio nombralo de otra como se os ocurra,... creadas estas cinco etiquetas se os estructurará el blog con cinco subpaginas que recogeran todos los posts de esa categoria por lo que el usuario de un vistazo visualizara lo que le pueda interesar y con un siguiente click...accederá al contenido que buscaba si realmente existe, a veces los buscadores mezclan entradas no váidas para el usuario...son las de 0 segundos no es que esten a disgusto en tu blog es que buscaban otro resultado y google os muestra como un resultado válido sin serlo.

Para estructurarlo en etiquetas deberéis coger papel y lápiz; conseguir palabras afines para darle nombre a ese apartado del menu y el visitante encuentre lo que busca.

y llegamos ya casi al final y ahora me vais a picar ;O)

El código....

<div id="Layer1" style="position:justify; left:53px; top:29px; width:623px; height:62px; z-index:1"><br /> <table border="0" width="624" cellpadding="0" cellspacing="0" height="72" align="center"><br /> <tr><br /> <td width="75" height="72"><img border="0" usemap="#Map" alt="herramientas y utilidades blog" width="90" src="http://img124.imageshack.us/img124/8240/herramientasutilidadesbty3.png" height="75" /><br /> <map name="Map"><br /> <area shape="circle" coords="48,34,22" href="http://trucosblogsblogger.blogspot.com/2007/07/herramientas-y-utilidades-para-tu-blog.html"><br /> </map></td><br /> <td width="75"><img border="0" usemap="#Map2" alt="imagenes en tu blog" width="90" src="http://img230.imageshack.us/img230/8922/menublogimagenesqp4.png" height="75" /><br /> <map name="Map2"><br /> <area shape="circle" coords="50,31,24" href="http://trucosblogsblogger.blogspot.com/search/label/Imagenes%20en%20todo%20para%20tu%20blog"><br /> </map></td><br /> <td width="75"><img border="0" usemap="#Map3" alt="edicion textos blog" width="100" src="http://img66.imageshack.us/img66/3803/menuediciontextosne1.png" height="75" /><br /> <map name="Map3"><br /> <area shape="circle" coords="51,31,24" href="http://trucosblogsblogger.blogspot.com/2007/07/edicion-textos-en-blog.html"><br /> </map></td><br /> <td width="75"><img border="0" usemap="#Map4" alt="editar plantillas blog" width="90" src="http://img168.imageshack.us/img168/471/editarplantillastj6.png" height="75" /><br /> <map name="Map4"><br /> <area shape="circle" coords="50,33,21" href="http://trucosblogsblogger.blogspot.com/2007/07/cambiar-la-plantilla-del-blog.html"><br /> </map></td><br /> <td width="75"><img border="0" usemap="#Map5" alt="scripts para tu blog" width="100" src="http://img66.imageshack.us/img66/8052/menublogscriptshv7.png" height="75" /><br /> <map name="Map5"><br /> <area shape="circle" coords="47,29,21" href="http://trucosblogsblogger.blogspot.com/2007/07/scripts-en-todo-para-tu-blog.html"><br /> </map></td><br /> <td width="75"><img border="0" usemap="#Map6" alt="generadores para tu blog" width="90" src="http://img187.imageshack.us/img187/1433/menubloggeneradoresit4.png" height="75" /><br /> <map name="Map6"><br /> <area shape="circle" coords="49,31,19" href="http://trucosblogsblogger.blogspot.com/2007/07/generadores-para-tu-blog.html"><br /> </map></td><br /> <td width="174"><img border="0" usemap="#Map7" alt="Pon tu blog aqui en todo para tu blog" width="100" src="http://img214.imageshack.us/img214/8307/tublogaquidm8.png" height="75" /><br /> <map name="Map7"><br /> <area shape="circle" coords="51,30,23" href="http://trucosblogsblogger.blogspot.com/search/label/LISTADO%20DE%20BLOGS"><br /> </map></td><br /> </tr><br /> </table><br /></div><br />

Eliminar todas las
que aparecen en el código <@/br>

Debereis sustiuir cada url en su posición:Identificar las urls de imagenes img src = y asociarlas con sus respectivas etiquetas a href=


Bueno espero que el enfado se os pase si al final del post habeis conseguido aprender cosas interesantes para el futuro manejo del blog.....En un mismo post hemos tratado diferentes temas que si bien ahora no las entendis...empezareis a que os suenen e incluso interesaros por ellas....

tags blog menu+blog edicion+html trucos trucos+blogs plantillas+gratis plantillas+blog scripts+gratispersonalizar+blog generadores+bloggeneradores blog trucos blog menu blog todo para tu blogedicion html blog utilidades blog