tag:blogger.com,1999:blog-21260733536681717022012-02-16T04:14:44.742-08:00Crear un Menu para mi Blog de forma FacilLuis Francisco Melendez Salashttp://www.blogger.com/profile/13954310587454215884noreply@blogger.comBlogger11100tag:blogger.com,1999:blog-2126073353668171702.post-77222580993093996232011-05-09T20:15:00.000-07:002011-05-19T23:55:01.569-07:00Como poner un Menu en nuestro blog de blogger<div style="text-align: justify;"><div style="text-align: center;"><span class="Apple-style-span" style="font-size: large;">Como crear un Menu en mi Blog</span> </div><br />En esta entrada vamos a aprender a crear un menu para nuestro blog de una manera rapida y sencilla, solo sigue los siguientes pasos, en caso de que no entiendan vean los videos para quitarse alguna duda, espero y les sirva. =)</div><br /><div style="text-align: justify;">1.- En este primer paso nos vamos a ir a mi Diseño para poder correguir lo que es el mi <a href="http://html-color-codes.info/codigos-de-colores-hexadecimales/"><span class="Apple-style-span" style="color: red;">codigo HTML</span></a> de nuestro blog, ya que <a href="http://www.blogger.com/"><span class="Apple-style-span" style="color: red;">Blogger</span></a> por defecto no nos permite poner un menu o algo mas sobre la cabecera de nuestro blog, asi que tenemos que ir a modificar mi <a href="http://html-color-codes.info/codigos-de-colores-hexadecimales/"><span class="Apple-style-span" style="color: red;">codigo de HTML</span></a> asi que vean el Video de abajo para poder Modificarlo, les recuerdo que primero hay que hacer un backup de mi plantilla ya que si nos llegamos a equivocar en algun codigo no perdamos mi informacion, de nuestro Blog.</div><div class="separator" style="clear: both; text-align: center;"><object width="320" height="266" class="BLOG_video_class" id="BLOG_video-2f2b82f7a3a92042" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="movie" value="http://www.youtube.com/get_player"><param name="bgcolor" value="#FFFFFF"><param name="allowfullscreen" value="true"><param name="flashvars" value="flvurl=http://v15.nonxt6.googlevideo.com/videoplayback?id%3D2f2b82f7a3a92042%26itag%3D5%26app%3Dblogger%26ip%3D0.0.0.0%26ipbits%3D0%26expire%3D1332882525%26sparams%3Did,itag,ip,ipbits,expire%26signature%3DAE464668977180E7E67C6B66759211C81DCD7C7.5BFD9784F0409314BEBE2AE60724282B9E24846A%26key%3Dck1&iurl=http://video.google.com/ThumbnailServer2?app%3Dblogger%26contentid%3D2f2b82f7a3a92042%26offsetms%3D5000%26itag%3Dw160%26sigh%3DCQkJ3ExrYnAQu3N2JdZRV8QQAjM&autoplay=0&ps=blogger"><embed src="http://www.youtube.com/get_player" type="application/x-shockwave-flash"width="320" height="266" bgcolor="#FFFFFF"flashvars="flvurl=http://v15.nonxt6.googlevideo.com/videoplayback?id%3D2f2b82f7a3a92042%26itag%3D5%26app%3Dblogger%26ip%3D0.0.0.0%26ipbits%3D0%26expire%3D1332882525%26sparams%3Did,itag,ip,ipbits,expire%26signature%3DAE464668977180E7E67C6B66759211C81DCD7C7.5BFD9784F0409314BEBE2AE60724282B9E24846A%26key%3Dck1&iurl=http://video.google.com/ThumbnailServer2?app%3Dblogger%26contentid%3D2f2b82f7a3a92042%26offsetms%3D5000%26itag%3Dw160%26sigh%3DCQkJ3ExrYnAQu3N2JdZRV8QQAjM&autoplay=0&ps=blogger"allowFullScreen="true" /></object></div><div style="text-align: justify;">Les recuerdo que para poder Buscar el maxwi en el HTML en nuestro blog lo puedes hacer con las teclas Contro+F para poder buscarlo como aparece en el video.</div><br /><div style="text-align: justify;">2.- Despues Copiamos el codigo que aparece en este blog y lo vamos a pegar tambien en el <a href="http://html-color-codes.info/codigos-de-colores-hexadecimales/"><span class="Apple-style-span" style="color: red;">Codigo HTML</span></a> en,pero antes de <Head> para poder ponerlo en la cabezera, chequen el Video, les dejo el codigo que tienen que copiar para pasarlo antes de <Head></div><br /><style type='text/css'><br />.barrademenu {<br />margin: 0;<br />padding: 0;<br />float: left; width: 100%;<br />font-family: Tahoma;<br />font-size:13px;<br />font-weight: bold;<br />margin-top: 0px;<br />border-bottom: 2px solid black;<br />border-top: 2px solid black;<br />background: #990000;<br />}<br />.barrademenu li {display: inline;}<br />.barrademenu li a, .solidblockmenu li a:visited {<br />float: left;<br />padding: 4px 15px;<br />text-decoration: none;<br />color: white;<br />border-right: 2px solid black;<br />outline: none;<br />}<br />.barrademenu li a:hover {<br />color: #ffffff;<br />background: #000000;<br />outline: none;<br />}<br /></style><br /><div class="separator" style="clear: both; text-align: center;"><object width="320" height="266" class="BLOG_video_class" id="BLOG_video-a561c09af7f7419e" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="movie" value="http://www.youtube.com/get_player"><param name="bgcolor" value="#FFFFFF"><param name="allowfullscreen" value="true"><param name="flashvars" value="flvurl=http://v21.nonxt2.googlevideo.com/videoplayback?id%3Da561c09af7f7419e%26itag%3D5%26app%3Dblogger%26ip%3D0.0.0.0%26ipbits%3D0%26expire%3D1332882525%26sparams%3Did,itag,ip,ipbits,expire%26signature%3D3B59C278BE3CA0428826D10F52B51FB9F1D92825.68D9C929897896DB2B661EE71CB50E250D0EE14A%26key%3Dck1&iurl=http://video.google.com/ThumbnailServer2?app%3Dblogger%26contentid%3Da561c09af7f7419e%26offsetms%3D5000%26itag%3Dw160%26sigh%3DpHFYU5oSRvmb1cK2jlACFqFA_vI&autoplay=0&ps=blogger"><embed src="http://www.youtube.com/get_player" type="application/x-shockwave-flash"width="320" height="266" bgcolor="#FFFFFF"flashvars="flvurl=http://v21.nonxt2.googlevideo.com/videoplayback?id%3Da561c09af7f7419e%26itag%3D5%26app%3Dblogger%26ip%3D0.0.0.0%26ipbits%3D0%26expire%3D1332882525%26sparams%3Did,itag,ip,ipbits,expire%26signature%3D3B59C278BE3CA0428826D10F52B51FB9F1D92825.68D9C929897896DB2B661EE71CB50E250D0EE14A%26key%3Dck1&iurl=http://video.google.com/ThumbnailServer2?app%3Dblogger%26contentid%3Da561c09af7f7419e%26offsetms%3D5000%26itag%3Dw160%26sigh%3DpHFYU5oSRvmb1cK2jlACFqFA_vI&autoplay=0&ps=blogger"allowFullScreen="true" /></object></div><div><div style="text-align: justify;">3.- Despues nos vamos a la pestaña de Diseño y vamos nuevamente a copiar un Codigo de este blog, cuando lo hayamos copiado nos vamos a diseño, y en la parte de arriba le damos un click en Añadir un nuevo Gadget, buscamos la opcion HTML/Javascript y pegamos el codigo que Copiamos aqui y le damos guardar, chequen el Video.</div><br /><ul class="barrademenu"><br /><span class="Apple-tab-span" style="white-space: pre;"> </span><li><a title="INICIO" href="http://www.direccion-de-tu-blog-aqui.com">Inicio</a></li><br /><span class="Apple-tab-span" style="white-space: pre;"> </span><li><a title="Informacion" href="http://www.direccion-de-tu-blog-aqui.com">Acerca<br />de</a></li><br /><span class="Apple-tab-span" style="white-space: pre;"> </span><li><a title="Contáctame" href="http://www.direccion-de-tu-blog-aqui.com">Contacto</a></li><br /></ul><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><div style="text-align: center;"><object width="320" height="266" class="BLOG_video_class" id="BLOG_video-9a8a97bfbc4b3305" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="movie" value="http://www.youtube.com/get_player"><param name="bgcolor" value="#FFFFFF"><param name="allowfullscreen" value="true"><param name="flashvars" value="flvurl=http://v1.nonxt2.googlevideo.com/videoplayback?id%3D9a8a97bfbc4b3305%26itag%3D5%26app%3Dblogger%26ip%3D0.0.0.0%26ipbits%3D0%26expire%3D1332882525%26sparams%3Did,itag,ip,ipbits,expire%26signature%3D352898F93DA438912E2489A2C917D8A148D14196.530925F398F6B7B7A032333025CD4D6905DBFF52%26key%3Dck1&iurl=http://video.google.com/ThumbnailServer2?app%3Dblogger%26contentid%3D9a8a97bfbc4b3305%26offsetms%3D5000%26itag%3Dw160%26sigh%3D9C_mHS0ZBhlheEu1gG9TvYVptsY&autoplay=0&ps=blogger"><embed src="http://www.youtube.com/get_player" type="application/x-shockwave-flash"width="320" height="266" bgcolor="#FFFFFF"flashvars="flvurl=http://v1.nonxt2.googlevideo.com/videoplayback?id%3D9a8a97bfbc4b3305%26itag%3D5%26app%3Dblogger%26ip%3D0.0.0.0%26ipbits%3D0%26expire%3D1332882525%26sparams%3Did,itag,ip,ipbits,expire%26signature%3D352898F93DA438912E2489A2C917D8A148D14196.530925F398F6B7B7A032333025CD4D6905DBFF52%26key%3Dck1&iurl=http://video.google.com/ThumbnailServer2?app%3Dblogger%26contentid%3D9a8a97bfbc4b3305%26offsetms%3D5000%26itag%3Dw160%26sigh%3D9C_mHS0ZBhlheEu1gG9TvYVptsY&autoplay=0&ps=blogger"allowFullScreen="true" /></object></div>4.- Ahora Vamos a cambiar el color de nuestro en caso de que el rojo no les guste o no les quede para su plantilla de <a href="http://www.blogger.com/"><span class="Apple-style-span" style="color: red;">blogger</span></a>, para ello vamos a entrar a esta pagina de <a href="http://html-color-codes.info/codigos-de-colores-hexadecimales/"><span class="Apple-style-span" style="color: red;">Codigo HTML</span></a> y vamos a escoger un color para nuestro blog, lo unico que vamos a cambiar son 6 numero o letra, dependiendo del color solo escoge el color y listo puede ser FFFFF o 222222 solo eso se va a cambiar cheque el Video =)<br /><div class="separator" style="clear: both; text-align: center;"><object width="320" height="266" class="BLOG_video_class" id="BLOG_video-d492105b7649da45" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="movie" value="http://www.youtube.com/get_player"><param name="bgcolor" value="#FFFFFF"><param name="allowfullscreen" value="true"><param name="flashvars" value="flvurl=http://v13.nonxt8.googlevideo.com/videoplayback?id%3Dd492105b7649da45%26itag%3D5%26app%3Dblogger%26ip%3D0.0.0.0%26ipbits%3D0%26expire%3D1332882525%26sparams%3Did,itag,ip,ipbits,expire%26signature%3D79CCEB407E75C55E7D2A751460B991FF5DA1C4FD.5E149D6A7CAEEE4AC66284B831E41CCD6060C6D2%26key%3Dck1&iurl=http://video.google.com/ThumbnailServer2?app%3Dblogger%26contentid%3Dd492105b7649da45%26offsetms%3D5000%26itag%3Dw160%26sigh%3DT4gQzWeZb9kRGEM9KRYZ4C3dGhM&autoplay=0&ps=blogger"><embed src="http://www.youtube.com/get_player" type="application/x-shockwave-flash"width="320" height="266" bgcolor="#FFFFFF"flashvars="flvurl=http://v13.nonxt8.googlevideo.com/videoplayback?id%3Dd492105b7649da45%26itag%3D5%26app%3Dblogger%26ip%3D0.0.0.0%26ipbits%3D0%26expire%3D1332882525%26sparams%3Did,itag,ip,ipbits,expire%26signature%3D79CCEB407E75C55E7D2A751460B991FF5DA1C4FD.5E149D6A7CAEEE4AC66284B831E41CCD6060C6D2%26key%3Dck1&iurl=http://video.google.com/ThumbnailServer2?app%3Dblogger%26contentid%3Dd492105b7649da45%26offsetms%3D5000%26itag%3Dw160%26sigh%3DT4gQzWeZb9kRGEM9KRYZ4C3dGhM&autoplay=0&ps=blogger"allowFullScreen="true" /></object></div>5.- Ahora por ultimo vamos a arreglar, los enlaces del menu, nos vamos a la parte superior de Diseño donde pusimos los codigos anteriores y lo que vamos a hacer es cambiar la URL o direccion de las paginas hacia donde queremos mandarla, asi como lo que queremos que diga, chequen el video.<br /><div class="separator" style="clear: both; text-align: center;"><object width="320" height="266" class="BLOG_video_class" id="BLOG_video-d057d88b5ec21317" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="movie" value="http://www.youtube.com/get_player"><param name="bgcolor" value="#FFFFFF"><param name="allowfullscreen" value="true"><param name="flashvars" value="flvurl=http://v23.nonxt6.googlevideo.com/videoplayback?id%3Dd057d88b5ec21317%26itag%3D5%26app%3Dblogger%26ip%3D0.0.0.0%26ipbits%3D0%26expire%3D1332882525%26sparams%3Did,itag,ip,ipbits,expire%26signature%3D3DC555546EAB1795E76E6200D66CE7D0457C7EC7.1E32AB73FAE5AC187956EB9CC3B3EFD4A9FE1B12%26key%3Dck1&iurl=http://video.google.com/ThumbnailServer2?app%3Dblogger%26contentid%3Dd057d88b5ec21317%26offsetms%3D5000%26itag%3Dw160%26sigh%3Dyq5aJDOpsfF_0OH0vQ5B8vvjmQM&autoplay=0&ps=blogger"><embed src="http://www.youtube.com/get_player" type="application/x-shockwave-flash"width="320" height="266" bgcolor="#FFFFFF"flashvars="flvurl=http://v23.nonxt6.googlevideo.com/videoplayback?id%3Dd057d88b5ec21317%26itag%3D5%26app%3Dblogger%26ip%3D0.0.0.0%26ipbits%3D0%26expire%3D1332882525%26sparams%3Did,itag,ip,ipbits,expire%26signature%3D3DC555546EAB1795E76E6200D66CE7D0457C7EC7.1E32AB73FAE5AC187956EB9CC3B3EFD4A9FE1B12%26key%3Dck1&iurl=http://video.google.com/ThumbnailServer2?app%3Dblogger%26contentid%3Dd057d88b5ec21317%26offsetms%3D5000%26itag%3Dw160%26sigh%3Dyq5aJDOpsfF_0OH0vQ5B8vvjmQM&autoplay=0&ps=blogger"allowFullScreen="true" /></object></div>Listo el Menu ya debe de estar instalado correctamente, no se preocupen si todavia tienen alguna duda, pues les dejo otro video donde explico paso a paso y detalladamente como instalarlo para que no tengan ningun problema, les recuerdo que ya tengo<a href="http://www.facebook.com/pages/Porterazo29/224214677591957"><span class="Apple-style-span" style="color: red;"> Facebook</span></a> y que si tienen duda o quieren dejar algun comentario lo pueden hacer mediante <a href="http://www.facebook.com/pages/Porterazo29/224214677591957"><span class="Apple-style-span" style="color: red;">Facebook</span></a> ahi les contestare cualquier pregunta solo pongan Me gusta y haga su comentario o pregunta, que Dios los Bendiga. =)<br /><br /><div style="text-align: center;">Generador de Colores</div><div style="text-align: left;">Antes de ponerles el ultimo Video me gustaria ponerles un Generador de Colores para <a href="http://www.blogger.com/"><span class="Apple-style-span" style="color: red;">Blogger</span></a> ya que esto les va a ayudar a encontrar el Color adeacuado para su Barra de menu, lo unico que tienes que hacer para poder utilizar es darle click en la combinacion que mas te guste y en el lado derecho te va aparecer el Codigo el cual vas a poner en el Codigo del Menu, puedes escoger muchas combinaciones y es muy simple de usar, te recomiendo que sea lo mas parecido al fondo de tu blog para que no se vea tanto el menu, pues hay plantillas que ciertos menu no se ven muy bien, asi que trata de adecuarlo de la mejor manera posible, asi se va a ver con mejor Diseño.</div></div><span style="direction: ltr; text-align: left;"></span><br /><div id="TrixCGv1"><div style="text-align: center;"><span style="direction: ltr; text-align: left;"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab" height="430" width="400"><param name="movie" value="http://e-infotainment.com/trixapps/trixcg/trixcgv1/trixcgv1.swf"><param name="quality" value="high"><param name="bgcolor" value="#cccccc"><embed src="http://e-infotainment.com/trixapps/trixcg/trixcgv1/trixcgv1.swf" flashvars="lng=Tamil&timeint=30&skt=yes" quality="high" bgcolor="#cccccc" width="400" height="430" name="flash" align="middle" play="true" loop="false" quality="high" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></object></span></div></div>Bueno ahora si los dejo con el ultimo Video de como colocar la Barra de Menu en <a href="http://www.blogger.com/"><span class="Apple-style-span" style="color: red;">Blogger</span></a>, espero y con este video se les quita toda duda que tenga con respecto a esto, les recuerdo que si siguen teniendo alguna duda o les gustaria que hablara sobre otro tema, me pueden localizar en <a href="http://www.facebook.com/pages/Porterazo29/224214677591957"><span class="Apple-style-span" style="color: red;">Facebook</span></a> con el apodo de <a href="http://www.facebook.com/pages/Porterazo29/224214677591957"><span class="Apple-style-span" style="color: red;">Porterazo29</span></a>, solo denle click a Me Gusta y los va a mandar al <a href="http://www.facebook.com/pages/Porterazo29/224214677591957"><span class="Apple-style-span" style="color: red;">Facebook</span></a> ahi me puede hacer cualquier tipo de pregunta respecto a los blogs en <a href="http://www.blogger.com/"><span class="Apple-style-span" style="color: red;">Blogger</span></a> y si les puedo ayudar con gusto lo hare, me despido y que Dios los Bendiga a todos. =)<br /><iframe allowfullscreen="" frameborder="0" height="400" src="http://www.youtube.com/embed/7YUyv7zWloI" width="500"></iframe><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2126073353668171702-7722258099309399623?l=comohacerocrearunmenuenmiblog.blogspot.com' alt='' /></div>Luis Francisco Melendez Salashttp://www.blogger.com/profile/13954310587454215884noreply@blogger.com1