La primera aplicación de Blogger en España para buscar las gasolineras más baratas o puntos de recarga de coches eléctricos y motos eléctricas ya está disponible para que puedas utilizarla en tu blog de Blogger.
En este artículo te explicamos cómo instalarla, aunque también puedes incluir este buscador en otras plataformas conocidas:
- Web: instrucciones para instalarlo en tu web
- Facebook: instrucciones para instalarlo en Facebook
- WordPress: instrucciones para instalarlo en WordPress
El post está compuesto por los siguientes apartados:
A) Cómo instalar la aplicación en Blogger (Blogspot)
B) Configurar la aplicación en Blogger
C) Condiciones de uso
D) Ayuda: preguntas más frecuentes
Aquí puedes interactuar con el buscador para que compruebes cómo funciona:
A) Cómo instalar la aplicación en Blogger (Blogspot)
1.1. Iniciamos la sesión en Blogger con nuestro usuario y nos dirigimos a “Diseño“. Una vez allí hacemos click en “Añadir un gadget” justo en la ubicación del blog donde queremos situar la aplicación.
1.2. A conantinuación se nos abrirá una venta con los gadgets de Blogger, justo en la sección “Lo básico”. En este apartado buscaremos el gadget “HTML/Javascript” y hacemos click en el texto o en la cruz.
1.3. Después tendrás que incluir en la ventana que te aparece el código que te proporcionamos en Ecomotriz y que encontrarás abajo de este pantallazo.
Según el tipo de gadget que quieras utilizar tendrás que elegir entre las siguientes opciones:
1. El buscador por localidades
2. El buscador en una ruta dada
1. Buscador por localidades
<div id=”widget_ecomotriz”>
<iframe src=”https://www.ecomotriz.com/embed/search.php” style=”width: 550px; height: 400px; border: 0; padding: 0; margin:0;” border=”0″ frameBorder=”0″></iframe><div style=”vertical-align: middle; width: 100%”>
Tecnología de <a title=”buscador gasolineras puntos recarga coches electricos” href=”https://www.ecomotriz.com” target=”_blank”>Ecomotriz.com</a><br/><br/>
</div>
</div>
2. Buscador en una ruta dada (* ideal para ahorrar en tus viajes)
<div id=”widget_ecomotriz”>
<iframe src=”https://www.ecomotriz.com/embed/search_route.php” style=”width: 550px; height: 400px; border: 0; padding: 0; margin:0;” border=”0″ frameBorder=”0″></iframe><div style=”vertical-align: middle; width: 100%”>
Tecnología de <a title=”buscador gasolineras puntos recarga coches electricos” href=”https://www.ecomotriz.com” target=”_blank”>Ecomotriz.com</a><br/><br/>
</div>
</div>
1.4. Una vez elegido el código que más se ajuste al servicio que quieras ofrecer en tu blog de Blogger, le damos a “Guardar“.
1.5. Ahora que estamos de nuevo en la página de “Diseño” del blog, volvemos a hacer click en “Guardar” (situado en la parte superior derecha).
B) Configurar la aplicación en Blogger
1. Anchura y altura
Para ajustar correctamente el gadget en tu blog tienes que modificar los valores width (anchura) y height (altura) que aparecen en el código que te hemos facilitado más arriba.
Por ejemplo, si quieres que tu gadget tenga 200px de ancho y 250px de alto, el código quedaría así:
style=”width: 200px; height: 250px; border: 0; padding: 0; margin:0;”
2. Resultados de búsqueda
Por petición de algunos portales relacionados exclusivamente a la Ecología hemos incluido la opción para que los resultados de búsqueda sólo muestre datos sobre puntos de recarga de coches eléctricos y motos eléctricas.
Si sólo quieres que aparezcan puntos de recarga eléctricos, tienes que añadir ?carburante=gasolina después de search.php
src=”https://www.ecomotriz.com/embed/search.php?carburante=PRE”
Si sólo quieres que aparezcan gasolineras, tienes que añadir ?carburante=gasolina después de search.php
src=”https://www.ecomotriz.com/embed/search.php?carburante=gasolina”
3. Color de fondo del gadget Blogger
En algunas ocasiones el color de fondo que viene por defecto en la aplicación del buscador puede coincidir con el fondo de vuestro blog. Por lo tanto, para poder cambiar el color de fondo hay que sustituir la línea de código background-color: none; por:
Si lo quieres azul background-color: blue;
Si lo quieres verde background-color: green;
Si lo quieres rojo background-color: red;
* así con los diferentes colores con su nombre en inglés o podéis utilizar # para poder poner cualquier matiz de color que se quiera
C) Condiciones de uso
El gadget de Ecomotriz para Blogger es gratuito siempre y cuando se mantenga el logo de Ecomotriz y el link de referencia a nuestra web principal. Es una forma de agradecer el servicio gratuito que os ofrecemos. En el código que os hemos facilitado ya viene incluído el logo y el enlace y es condición necesaria que aparezca tal cual.
Por otro lado, te comunicamos que el gadget utiliza cookies para recordar las opciones de búsqueda de cada usuario, como la ciudad y el carburante, sin embargo Ecomotriz no almacena ninguno de estos datos.
Te recomendamos que indiques esta información en las cláusulas de uso de tu web o blog.
D) Ayuda: preguntas más frecuentes
Cualquier duda que surja con el gadget de Blogger puede que esté resuelta en los comentarios de este post. Si tuvieras una nueva consulta, compártela con un comentario y te responderemos lo más pronto posible. Gracias por confiar en Ecomotriz.