Entrar

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

elvis95 · · Solicitar retirada
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


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>
Rabs · · Solicitar retirada
<!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)
elvis95 · · Solicitar retirada
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
Rabs · · Solicitar retirada
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
elvis95 · · Solicitar retirada
Ah vale jaja. Muchas gracias por tu atención y por arreglarme el código