Widgets para Blogger

Blogger es una plataforma gratuita, por lo que no tienes que preocuparte por las tarifas de alojamiento o dominio. Es muy fácil de usar incluso como principiante, puedes crear uno en minutos y comenzar a publicar contenido de inmediato...Muchos temas y plantillas que pueden usar para personalizar la apariencia de tu blog.

Ofrecemos widgets que ayudan a mejorar la gestion, aumentar la participación del usuario, obtener más clientes potenciales y aumentar las ventas.

Widgets sociales
Comercio electrónico
Chat de Soporte Técnico
Complementos de redes sociales
Monetización de contenido
Los mejores complementos para fortalecer tu sitio.
Crea tus propias herramientas para actualizar tu sitio.

Ahorra tiempo y dinero con soluciones listas para usar. Selecciona de este BLOG un widget específico. 

Configura y personaliza con el editor HTML nativo y unos pocos clics. Colócalo en tu sitio web en segundos.

Incrementar el número de visitantes, aumentar el número de conversiones, generar leads, brindar servicio al cliente y aumentar el número de seguidores. Responde y resuelve más rápido y manten contentos a los clientes. Incrementa las ventas mediante consultoría, con información útil que convenza a la gente para que compre.

¿No puedes agregar o personalizar un widget? No dudes en contactarnos, nuestro equipo se encargará de verificar los principales parámetros para su uso en tu sitio web. 

Banner (marquesina en desplazamiento)

Probador de código HTML

 <script type="text/javascript">
//<![CDATA[
 
function probar(texto) {
 ventana = window.open('', 'popup', '');
 ventana.document.write(texto);
}
//]]>
</script>
<form name="probador" action="" id="probador">
    <font face="Verdana" size="2">AQUI EL TEXTO</font>

    <hr />

    <textarea name="texto" cols="80" rows="10">
</textarea> <font face="Verdana" size="2"><br /></font> <input type="button" value="Probar" onclick="probar(texto.value)" />
</form> 

Ejemplo:

AQUI EL TEXTO

---

Slider de texto y CSS

99% en bicicleta.

• Entregamos para empresas, hoteles, médicos, tiendas, restaurantes, pero también para particulares.
  - Lo que necesites
• Nos encargamos de todo tipo de compras y trámites por usted, y/o los entregamos directamente en la puerta de su casa u oficina.
  - Seguro llegamos
• Entregas programadas con recolección a domicilio o depósito en sucursal.
  - hasta 5 destinos para envíos múltiples
• Artículos que necesitan ser distribuidos de manera rápida y confiable.
  - Documentos o paquetes a su destino y retorno con firma o sello.
• Nuestro programa de lealtad ofrece beneficios especiales y tarifas preferentes.
  -Aún puede conseguir una cuenta de aliado, contáctenos y le asignaremos las credenciales necesarias.

Web Radio

El tag <audio> Se utiliza mayormente para insertar contenido sonoro como música o podcasts en documentos HTML. Es soportado por todos los navegadores modernos. No así con Internet Explorer 8 y sus versiones anteriores.  Para insertar un fichero de audio en tu sitio web. En HTML, puede utilizarse para reproducir archivos de audio en los siguientes formatos:

mp3: Soportado por todos los navegadores modernos

wav: No soportado por Internet Explorer

ogg: No soportado ni por Internet Explorer ni por Safari

Lo primero que debemos hacer es cargar el *.archivo que desea reproducir en el directorio que desea en su servidor.

Se utiliza el atributo autoplay para que el fichero se reproduzca automáticamente. Debe evitar reproducir sonidos automáticamente en una página web, ya que es molesto para los visitantes.

<audio src="sound.mp3" autoplay></audio>

Reproducir en bucle un archivo de sonido

Si quieres reproducir un archivo indefinidamente, puedes agregar el atributo loop en tu elemento audio:

<audio src="sound.mp3" autoplay loop></audio>

Mostrar los controles del navegador

En lugar de que se reproduzca automáticamente, puedes hacer que el navegador muestre unos controles volumen, play/pausa, para que el usuario maneje la reproducción... añadiendo el atributo controls al tag:

<audio src="sound.mp3" controls></audio>

Múltiples formatos de fichero

El tag <audio> te permite definir diferentes formatos para un mismo archivo de sonido. Esto es especialmente útil si quieres reproducir un fichero en formato .ogg, el cual como hemos visto antes no es soportado ni por Internet Explorer, ni por Safari.

<audio controls>

  <source src="sound.ogg">

  <source src="sound.mp3">

</audio>

Definir MIME Types

Cuando utilizamos diferentes formatos de audio, es muy buena idea especificar el MIME type de cada fichero para ayudar al navegador a localizar el fichero que soporta. Esto se puede hacer facilmente utilizando el atributo type en el elemento source.

<audio controls>

  <source src="sound.ogg" type="audio/ogg" >

  <source src="sound.mp3" type="audio/mp3" >

</audio>

¿Qué hacemos con los navegadores antiguos?

Todos los navegadores modernos soportan el tag <audio>. Sin embargo, es posible avisar a los usuarios que utilizan navegadores antiguos que el tag <audio> no es compatible con su navegador.

Como puedes ver a continuación, solo tienes que insertar el mensaje que quieras dentro de la etiqueta <audio>. Si el navegador del usuario no admite dicho tag, se mostrará el mensaje en lugar del reproductor de audio.

<audio controls>

  <source src="sound.ogg" type="audio/ogg" >

  <source src="sound.mp3" type="audio/mp3" >

  Tu navegador no soporta el tag audio

</audio>

Precargar ficheros

Cuando reproducimos archivos grandes, lo ideal es almacenar esos archivos en el búfer para que el usuario no tenga que esperar y esperar para reproducir dicho audio y lo escuche fluidamente.

¿Cómo hacer esto? Pues con el atributo preload. Este atributo acepta 3 valores: none (si no deseas que el archivo se guarde en el búfer), auto (si deseas que el navegador almacene el archivo en el búfer) y metadata (para almacenar solo los metadatos cuando se carga la página).

<audio controls>

  <source src="sound.mp3" preload="auto" >

</audio>

Controlar el reproductor con Javascript

Controlar la reproducción del audio con Javascript es muy sencillo. En el siguiente ejemplo muestro cómo construir un rudimentario reproductor de audio con controles basiquitos (Play, Pausa, Volumen +, Volumen -) utilizando HTML y Javascript.

<audio id="player" src="sound.mp3"></audio>

<div>

        <button onclick="document.getElementById('player').play()">Play</button>

        <button onclick="document.getElementById('player').pause()">Pausa</button>

        <button onclick="document.getElementById('player').volume+=0.1">Volumen +</button>

        <button onclick="document.getElementById('player').volume-=0.1">Volumen -</button>

</div> 

Personalizando el tag <audio> con CSS

Actualmente, las opciones que tenemos para personalizar el tag de audio son algo limitadas. Las propiedades de CSS que podemos utilizar son: width, box-shadow, border-radius y transform.

audio { 

  width: 600px; 

  box-shadow: 5px 5px 20px rgba(0,0, 0, 0.4);

  border-radius: 90px;

  transform: scale(1.05);

}*

Convertir archivos Json a Excel

Consulte la web:https://www.convertcsv.com/json-to-csv.htm

Proteger página o entrada con contraseña

Descripción: muestra un cuadro de mensaje de entrada en la página, permite visualizar el contenido a través de una clave secreta. Modificar lo que está indicado en texto rojo. (666) es la clave de ingreso.

<script language="javascript">

var getin = prompt("Necesitas una CLAVE DE AFILIADO para poder editar!!! - Desea acceder con ACCESO LIMITADO?")

if (getin!="666")

{location.href='https://vempirik.blogspot.com'}

else

{alert('Clave confirmada. Acceso Permitido - BIENVENDO, YA PUEDES EDITAR')}

</script>

Crear pie de página de tres columnas en Blogger

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. 

iNTERCAMBIO DE ANUNCIOS

1	Descargar el archivo
2	Sube ese archivo a tu página y enlazalo a nuestra home page.
3	Envíenme sus anuncios a esta dirección: Debe medir no más de 777X555 pixeles
4	Gracias por el intercambio de pancartas!  Tu anuncio aparecerá pronto en nuestro sitio.

Su sitio web debe estar relacionado  al tema,

para aceptar el intercambio de pancartas

Social Media Side Bar

25 sitios y apps

• 

  Antivirus + Seguridad |Lookout

  ---

• 

  buffer.com

  ---

• 

  capacitateparaelempleo.org

  ---

• 

  cbox.ws

  ---

• 

  cdmx.gob.mx

  ---

• 

  codepen.io

  ---

• 

  CoopCycle

  ---

• 

  Ecolana

  ---

• 

  facebook.com

  ---

• 

  Fantacycling

  ---

• 

  google.com

  ---

• 

  Instagram

  ---

• 

  jotform.com

  ---

• 

  konami.net

  ---

• 

  live.com

  ---

• 

  mailchimp.com

  ---

• 

  Mensajeros Urbanos - Conductor

  ---

• 

  mobileservice.android.samsung.com

  ---

• 

  PayPal Business

  ---

• 

  pxhere.com

  ---

• 

  samsung.com

  ---

• 

  Spotify: app música y podcasts

  ---

• 

  tweepsmap.com

  ---

• 

  twitter.com

  ---

• 

  Waze Navegación y Tráfico