Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 8 de 8

Tema: Como colocar el boton de google +1 en mi barra de navegación

  1. #1
    Recien Llegado! Habitante
    Fecha de Ingreso
    23 abr, 12
    Mensajes
    19
    Poder de Reputación
    13

    Question Como colocar el boton de google +1 en mi barra de navegación

    Hola, me gustaria colocar el botón de google+1(tamaño pequeño) abajo de los de twitter y facebook tal como indico en la siguiente imagen

    Muchas gracias y un saludo

    duda cctw.jpg
    Mi código html es este:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>Page title</title>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    </head>
    <meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
    <body>
    <div id="global">
    <div id="curva-superior"></div>
    <div id="cabecera">
    <div id="logotipo"><a href="index.html"><img src="objetos/cabecera1.png" width="270px"
    height="80px" alt="Haz clic aquí para volver a la página de inicio"></a></div>
    <div id="publicidad"></div>
    </div>

    </head>

    <body>


    <div id="navegacion">
    <ul>
    <li><a href="#"><img src="objetos/inicio.png" alt=""></a></li>
    <li><a href="#"><img src="objetos/ultimasrecetas.png" alt=""></a></li>
    <li><a href="#"><img src="objetos/toprecetas.png" alt=""></a></li>
    <li><a href="#"><img src="objetos/chocoadictos.png" alt=""></a></li>
    <li><a href="#"><img src="objetos/enviarreceta.png" alt=""></a></li>
    <li><a href="http://www.facebook.com/tu_usuario"><img src="objetos/facebook.jpg" /></a></li>
    <li><a href="http://twitter.com/tu_usuario_twitter"><img src="objetos/twitter.jpg" /></a></li>
    </ul>
    </div>

    </body>
    <div id="contenido">
    <h1>¡Bienvenidos a<font color=#D2691E>"Golosos.com"<font color="black">!</h1>
    </div>
    <p>En esta web encontrarás fantásticas recetas de repostería casera para tu día a día.
    <p>Si te gusta el dulce y eres goloso, ¡esta es tu web!.</p>
    <p>En la barra de navegación encontrarás varias secciones:</p>
    <font color="white">.</font>
    <h2>-Inicio:</h2><p> La pagina principal, en la cual te encuentras ahora; y donde te explico la mecánica<p>
    <p>de la web.</p>
    <h2>-Últimas recetas:</h2><p>En este apartado encontrarás las últimas recetas publicadas.</p>
    <h2>-<font color="gold">Top</font> recetas:</h2><p>Aquí encontrarás las recetas mejor valoradas por los usuarios.
    <h2>-Chocoadictos:</h2><p>A todos nos encanta el <font color=#D2691E>chocolate</font>, por lo que esta sección está</p>
    <p>dedicada exclusivamente a deliciosas recetas de chocolate.
    <h2>-Enviar receta:</h2><p>¡Registrate ya y podrás enviar y compartir tus propias recetas en la web!<p>
    <p>(No disponible aún)</p>
    <font color="white">.</font>
    <p>Así es como funciona la web, ¡pincha ya en la sección que prefieras y disfruta de las recetas!</p>

    <div id="pie">
    <div id="pieuno">
    <ul>
    <li><a href="#"></a></li><li><a href="#">Contacto</a></li><li><a href="#"><font color="black">.</font></a></li>
    </ul>
    </div>
    <div id="piedos"><ul>
    <li><a href="#"></a></li><li><a href="#">© Copyright 2012</a></li><li><a href="#"><font color="black"></font></a></li>
    </ul></div>
    <div id="pietres">
    <ul>
    <li><a href="#"></a></li><li><a href="#">Condiciones de uso</a></li><li><a href="#"><font color="black">.</font></a></li>
    </ul>
    </div>
    </div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>

  2. #2
    Esto empieza a ser un vicio... Habitante Avatar de Rabs
    Fecha de Ingreso
    16 jun, 11
    Ubicación
    Madrid
    Mensajes
    780
    Poder de Reputación
    17
    http://www.comocreartuweb.com/promoc...plusone-1.html

    Luego solo te queda darle los estilos que deses

    Saludos :)
    Mericherno.es - Web del servidor DayZ hecha con la inestimable ayuda de johnetrep :)
    http://www.fernandosalcedo.com

  3. #3
    Recien Llegado! Habitante
    Fecha de Ingreso
    23 abr, 12
    Mensajes
    19
    Poder de Reputación
    13
    Ya lo he intentado así pero no me sale el botón...

  4. #4
    Esto empieza a ser un vicio... Habitante Avatar de Rabs
    Fecha de Ingreso
    16 jun, 11
    Ubicación
    Madrid
    Mensajes
    780
    Poder de Reputación
    17
    Código HTML:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
    <title>Page title</title>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    <script type="text/javascript">
      window.___gcfg = {lang: 'es'};
    
      (function() {
        var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
        po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
      })();
    </script>
    </head>
    <body>
    <div id="global">
    <div id="curva-superior"></div>
    <div id="cabecera">
    <div id="logotipo"><a href="index.html"><img src="objetos/cabecera1.png" width="270px"
    height="80px" alt="Haz clic aquí para volver a la página de inicio"></a></div>
    <div id="publicidad"></div>
    </div>
    <div id="navegacion">
    <ul>
    <li><a href="#"><img src="objetos/inicio.png" alt=""></a></li>
    <li><a href="#"><img src="objetos/ultimasrecetas.png" alt=""></a></li>
    <li><a href="#"><img src="objetos/toprecetas.png" alt=""></a></li>
    <li><a href="#"><img src="objetos/chocoadictos.png" alt=""></a></li>
    <li><a href="#"><img src="objetos/enviarreceta.png" alt=""></a></li>
    <li><a href="http://www.facebook.com/tu_usuario"><img src="objetos/facebook.jpg" /></a></li>
    <li><a href="http://twitter.com/tu_usuario_twitter"><img src="objetos/twitter.jpg" /></a></li>
    <li><g:plusone size="small"></g:plusone></li>
    </ul>
    </div>
    
    </body>
    <div id="contenido">
    <h1>¡Bienvenidos a<font color=#D2691E>"Golosos.com"<font color="black">!</h1>
    </div>
    <p>En esta web encontrarás fantásticas recetas de repostería casera para tu día a día.
    <p>Si te gusta el dulce y eres goloso, ¡esta es tu web!.</p>
    <p>En la barra de navegación encontrarás varias secciones:</p>
    <font color="white">.</font>
    <h2>-Inicio:</h2><p> La pagina principal, en la cual te encuentras ahora; y donde te explico la mecánica<p>
    <p>de la web.</p>
    <h2>-Últimas recetas:</h2><p>En este apartado encontrarás las últimas recetas publicadas.</p>
    <h2>-<font color="gold">Top</font> recetas:</h2><p>Aquí encontrarás las recetas mejor valoradas por los usuarios.
    <h2>-Chocoadictos:</h2><p>A todos nos encanta el <font color=#D2691E>chocolate</font>, por lo que esta sección está</p>
    <p>dedicada exclusivamente a deliciosas recetas de chocolate.
    <h2>-Enviar receta:</h2><p>¡Registrate ya y podrás enviar y compartir tus propias recetas en la web!<p>
    <p>(No disponible aún)</p>
    <font color="white">.</font>
    <p>Así es como funciona la web, ¡pincha ya en la sección que prefieras y disfruta de las recetas!</p>
    
    <div id="pie">
    <div id="pieuno">
    <ul>
    <li><a href="#"></a></li><li><a href="#">Contacto</a></li><li><a href="#"><font color="black">.</font></a></li>
    </ul>
    </div>
    <div id="piedos"><ul>
    <li><a href="#"></a></li><li><a href="#">© Copyright 2012</a></li><li><a href="#"><font color="black"></font></a></li>
    </ul></div>
    <div id="pietres">
    <ul>
    <li><a href="#"></a></li><li><a href="#">Condiciones de uso</a></li><li><a href="#"><font color="black">.</font></a></li>
    </ul>
    </div>
    </div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html> 
    Hay devería de funcionar (No me extraña que no lo hiciese, tenias 2 vezes abierto el body, y 3 cerrando el head (O algo asi) Cuidado con esos fallos, ya que son cosas que llega un momento en el que Google "te odia" y casi ni te saca en los resultados)
    Mericherno.es - Web del servidor DayZ hecha con la inestimable ayuda de johnetrep :)
    http://www.fernandosalcedo.com

  5. #5
    Recien Llegado! Habitante
    Fecha de Ingreso
    23 abr, 12
    Mensajes
    19
    Poder de Reputación
    13
    pff sigue sin salirmeee, tengo que tener descargado la imagen del botón o estar registrado en google o algo???? no entiendo porque no me salee

  6. #6
    Esto empieza a ser un vicio... Habitante Avatar de Rabs
    Fecha de Ingreso
    16 jun, 11
    Ubicación
    Madrid
    Mensajes
    780
    Poder de Reputación
    17
    No, en google no es necesario estar registrado, pero creo, que si estas usando la web en local (Que no la has subido a internet) NO se podrá ver
    Mericherno.es - Web del servidor DayZ hecha con la inestimable ayuda de johnetrep :)
    http://www.fernandosalcedo.com

  7. #7
    Recien Llegado! Habitante
    Fecha de Ingreso
    23 abr, 12
    Mensajes
    19
    Poder de Reputación
    13
    Todavia no he subido la web a la red, será eso???

  8. #8
    Recien Llegado! Habitante
    Fecha de Ingreso
    23 abr, 12
    Mensajes
    19
    Poder de Reputación
    13
    Ah vale jaja. Muchas gracias por tu atención y por arreglarme el código

Temas Similares

  1. Respuestas: 7
    Último Mensaje: 24/04/2012, 20:41
  2. Como crear sub menu en la barra de navegacion??
    Por Augus Sam en el foro Foro General
    Respuestas: 4
    Último Mensaje: 28/06/2010, 18:27
  3. ¿Como se enlaza la barra de navegación?
    Por edop_25 en el foro Foro General
    Respuestas: 1
    Último Mensaje: 03/06/2008, 14:43

Etiquetas para este Tema

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •