Read More

}*

Read More

Tenga una comunicación más rápida con sus clientes, programe entregas, citas, haga un muestrario de sus productos, todo muy fácilmente y enlazado a su teléfono móvil tableta o computadora. ¿Aún no tiene un sitio web? ¿Quiere mantener el contenido actualizado? ¿Desea que su página tenga un aspecto de actualidad?

 ¡ESTÁ EN EL LUGAR CORRECTO!...Crearémos juntos un sitio prolijo y utilidad profesional! Solo necesita crear o tener una cuenta Gmail o Google.

Read More

Read More

El artilugio está programado para calcular la tarifa de un envío en base a la distancia total y algunas variables y características específicas.  Se utilizan las siguentes APIs de Google para su operación:

Matriz de distancia.
El servicio de matriz de distancia de Google computa la distancia y la duración de viajes entre varios orígenes y destinos según determinados modos de viaje. Este servicio no devuelve información detallada sobre rutas. La información sobre rutas, incluidas las polilíneas y las indicaciones textuales, puede obtenerse pasando el origen y el destino deseados al servicio de indicaciones.

Servicio de autocompletado de sitios. 
Puede encontrar coincidencias con palabras completas y con subcadenas. Por lo tanto, las aplicaciones pueden enviar consultas a medida que el usuario escribe para proporcionar predicciones de sitios en el momento.

Google Maps Directions API
Es un servicio que calcula indicaciones entre ubicaciones usando una solicitud HTTP.
Funciones de la Directions API:
Buscar indicaciones para diferentes medios de transporte, incluidos el transporte público o particular y el desplazamiento a pie o en bicicleta.
Mostrar indicaciones en varias partes usando una serie de waypoints.
Especificar orígenes, destinos y waypoints como strings de texto como coordenadas de latitud y longitud o ID de sitios.

HTTPS o HTTP

La seguridad es importante y se recomienda usar HTTPS, siempre que sea posible, especialmente para aplicaciones que incluyen en las solicitudes datos confidenciales de los usuarios, como la ubicación. El uso de encriptación HTTPS aporta más seguridad a tu aplicación y la hace más resistente contra las intromisiones o la manipulación.

Si no es posible usar HTTPS, usa lo siguiente para acceder a la Google Maps Directions API a través de HTTP:

http://maps.googleapis.com/maps/api/directions/outputFormat?parameters

Las predicciones devueltas están diseñadas para su presentación al usuario con el fin de ayudarlo en la selección del sitio deseado. Puedes enviar una solicitud de detalles del sitio para obtener más información acerca de cualquiera de los sitios devueltos.

Read More

Para insertar un pie de página capaz de alojar tres widget en blogger, lo primero que se tiene que hacer es añadir el contenedor en la plantilla de blogger. Por lo tanto,debemos ir a la edición HTML de la plantilla , y en buscar la etiqueta </ body>  y justo encima  pegar el siguiente fragmento de código:

<div id='footer-widgets-container'>
<div id='footer-widgets-containerback'>
<div class='clearfix' id='footer-widgets'>
<div class='footer-widget-box'>
<ul class='widget-container'>
<li>
<b:section class='footersec' id='footersec1' showaddelement='yes'>
  <b:widget id='HTML66' locked='false' title='' type='HTML'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
</b:section>
</li>
</ul>
</div>
<div class='footer-widget-box'>
<ul class='widget-container'>
<li>
<b:section class='footersec' id='footersec2' showaddelement='yes'>
  <b:widget id='HTML67 locked='false' title='Gallery' type='HTML'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
</b:section>
</li>
</ul>
</div>
<div class='footer-widget-box footer-widget-box-last'>
<ul class='widget-container'>
<li>
<b:section class='footersec' id='footersec3' showaddelement='yes'>
  <b:widget id='HTML68' locked='false' title='About' type='HTML'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
</b:section>
</li>
</ul>
</div>
</div>
</div></div>
<div style='clear:both;'/>


Lo siguiente es aplicar la hoja de estilo para que se vea compatible con su diseño y que aparezca de manera eficiente. Así que en la misma plantilla HTML, buscarmos la etiqueta: ]]> </ b: skin>   y justo encima de ella pegamos el siguiente fragmento de código.

#footer-widgets {
    padding: 20px 0 0 0;
}
.footer-widget-box {
    width: 300px;
    float: left;
    margin-left: 15px;
}
.footer-widget-box-last {
}
#footer-widgets .widget-container {
    color: #374142;
}
#footer-widgets h2 {
    font-family: inherit;
    text-shadow: none;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    border-bottom: 4px solid #444444;
    padding-bottom: 10px;
}
#footer-widgets .widget ul {
    list-style-type: none;
    list-style: none;
    margin: 0px;
    padding: 0px;
}
#footer-widgets .widget ul li {
    padding: 0 0 9px 0;
    margin: 0 0 8px 0;
}
#footer-widgets-containerback {
    width: 980px;
    margin: auto;
}
#footer-widgets-container {
    background: #484848;
    border-top: 10px solid #66b381;
}
.footersec {
    color: #A1A6AF;
    font-size: 13px;
    line-height: 18px;
}
.footersec .widget {
    margin-bottom: 20px;
}
#footer-widgets-container { background: #484848; border-top: 10px solid #66b381; float: left; width: 100%; }
.footersec ul {
}
.footersec ul li {
}

 CSS puedes editarlo de acuerdo a tus preferencias.


Ahora vamos a Blogger >> Diseño y verificamoss que hay tres áreas de widgets en la parte inferior de la página. Se pueden agregar más gadgets depende de tus necesidades . Visita tu blog para ver todo en acción. 

Read More

Se puede aplicar el efecto esquinas redondeadas a todas las imágenes de un blog, para esto habremos de modificar el formato HTML de la plantilla, simplemente buscando el fragmento de código: ]]></b:skin> , y justo antes hay que escribir lo siguiente:

.post-body img {
border-radius: 25px;
}

La parte resaltada en verde es editable y corresponde al grado de curvatura deseado para las imágenes.

Read More

Incorporar un efecto en el título de las pestañas para desplazar el título completo de la web,  el efecto es útil cuando el espacio donde debe aparecer el título es muy reducido.

Es simple de implementar, seguimos la  ruta en blogger: Personalizar-->Diseño-->Edición de HTML. Buscarla siguiente línea de código:  </head>  y justo antes pegar el siguiente fragmento de codigo:

<!-- INICIO CODIGO TITULO MOVIMIENTO --> <script type="text/JavaScript"> var repeat = 1 // Si ponemos valor 0 sólo se repetirá unavez el movimiento var title = document.title var leng = title.length var start = 1 function titlemove() { titl = title.substring(start, leng) + title.substring(0, start) document.title=titl start++ if (start==leng+1) { start=0 if (repeat==0) return } setTimeout("titlemove()",150) // 150 es la velocidad de movimiento, se puede ampliar o reducir } if (document.title) titlemove() </script> <!-- FIN CODIGO TITULO MOVIMIENTO -->

Read More

MANAGE ACCOUNT

Your profile

Read More

Read More

Read More

Read More

Read More