Mostrando entradas con la etiqueta Gadgets. Mostrar todas las entradas
Mostrando entradas con la etiqueta Gadgets. Mostrar todas las entradas

5 atractivos diseños para el Formulario de Contacto de Blogger – School – Car


Una de las novedades que me perdí fue el gadget deFormulario de Contacto de Blogger, un formulario con el que nuestros lectores pueden ponerse en comunicación privada con nosotros sin necesidad de que ellos tengan que abrir el correo. El gadget por sí solo es útil, y aunque no tiene opciones me parece que incluye los campos más básicos y suficientes que la mayoría de los bloggers necesita.

La ventaja de este gadget es que no tenemos que depender de servicios externos que luego nos limitan con un número mensuales de envíos y nos obligan a mantener visible su link.
La desventaja es que su diseño es demasiado simple, y tal vez esa sea una razón por la que muchos usuarios no se atreven a usarlo.

La buena noticia es que esa misma simplicidad de su diseño permite que podamos modificarlo a nuestro gusto y adaptarlo a nuestra plantilla.

Ya saben que no soy muy bueno con el diseño, no obstante ayer dedicando una horas realicé estos ejemplos con los que se podrán dar una idea de la manera como podemos transformar radicalmente estos widgets y pasar de los simple a lo llamativo.

Son 5 diseños, y el código está listo para copiar y pegar. Primero deberás tener el gadget del Formulario, si aún no lo tienes entra enDiseño | Añadir un gadget, se abrirá una ventanita, del menú de la izquierda seleccionaMás gadgets y ahí eligeFormulario de contacto.



Ya que lo tengas en tu blog entra enPlantilla | Edición de HTML y antes de/b:skin pega el código del estilo del formulario que prefieras. Guarda los cambios y listo.




Estilo Básico

/* Formulario de Contacto, Estilo Básico
----------------------------------------------- */
/* Contenedor principal */
.contact-form-widget {
width:100%;
max-width: 280px;
margin: 0 auto;
margin-bottom: 25px;
float: left;
padding: 10px;
background: #d5dde6;
color: #000;
border: 1px solid #C1C1C1;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
border-radius: 5px;
}
/* Estilos de los campos */
.contact-form-name, .contact-form-email, .contact-form-email-message {
width: 100%;
max-width: 100%;
margin-bottom: 10px;
border-radius: 40px;
}
/* Campo del mensaje */
.contact-form-email-message {
padding: 5px;
border-radius: 5px;
}
/* Botón de enviar */
.contact-form-button-submit {
float: right;
width: 25%;
max-width: 35%;
height: auto;
background: #28597a;
padding: 2px 5px;
border-radius: 15px;
border: none;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: #fff;
font-size: 13px;
font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
font-weight: normal;
margin-bottom: 10px;
}
/* Botón de enviar al pasar el cursor */
.contact-form-button-submit:hover{
background: #4a7694;
border: none;
}


Estilo Postal

/* Formulario de Contacto, Estilo Postal
----------------------------------------------- */
/* Contenedor principal */
.contact-form-widget {
width:100%;
max-width: 280px;
margin: 0 auto;
margin-bottom: 25px;
padding: 10px;
border:none;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr177mJUhoUjYF8IMbTgko9E2I98IXY6qlMzDYoY4gUbKe55pG6I1vU7YaL-Et-CK1jxJHWEtlKBbuB0N9vmvIvdh9WdwWiPkqqzml2l6v9MRZ0BDlzJwNabp9n4JvH7OnsLtMnRzkrxLk/s74/postal.png);
color: #000;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}
/* Estilos del contenedor interno */
.contact-form-widget div.form {
background: #fff;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpVN9gBYAzPcqMNeJo_pHolhNCOxEqO6VAIVZll6VJw3SnQJxvc0665aJrLZxezNCeHNxB3OZOmGor_js1kkjAY4NVv8qjczowYV-Ik_MOhTUiD-HfX_VA5HXyduGYVBtBHsmLe5Rc_RhX/s133/stamp.png);
background-repeat: no-repeat;
background-position: 95% 85%;
padding: 1px 10px;
}
/* Estilos de los campos */
.contact-form-name, .contact-form-email, .contact-form-email-message {
width: 100%;
max-width: 100%;
margin-bottom: 10px;
}
/* Campo del mensaje */
.contact-form-email-message {
width: 60%;
max-width: 60%;
padding: 5px;
}
/* Botón de enviar */
.contact-form-button-submit {
width: 25%;
max-width: 35%;
height: auto;
background: #28597a;
padding: 2px 5px;
border-radius: 5px;
border: none;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: #fff;
font-size: 13px;
font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
font-weight: normal;
margin-bottom: 10px;
}
/* Botón de enviar al pasar el cursor */
.contact-form-button-submit:hover{
background: #a14248;
border: none;
}


Estilo Negro Limón

/* Formulario de Contacto, Estilo Negro Limón
----------------------------------------------- */
/* Contenedor principal */
.contact-form-widget {
width:100%;
max-width: 280px;
margin: 0 auto;
margin-bottom: 25px;
padding: 10px;
border:none;
background: #282828;
border-bottom: 35px solid #98bd3c;
color: #98bd3c;
}
/* Estilos de los campos */
.contact-form-name, .contact-form-email, .contact-form-email-message {
width: 100%;
max-width: 100%;
margin-bottom: 10px;
}
/* Campo del mensaje */
.contact-form-email-message {
padding: 5px;
}
/* Botón de enviar */
.contact-form-button-submit {
width: 25%;
max-width: 35%;
height: auto;
background: #98bd3c;
padding: 2px 5px;
border-radius: 2px;
border: none;
color: #282828;
font-size: 13px;
font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
font-weight: normal;
margin-bottom: 10px;
}
/* Botón de enviar al pasar el cursor */
.contact-form-button-submit:hover{
background: #F9D423;
color: #282828;
border: none;
}


Estilo Girly

/* Formulario de Contacto, Estilo Girly
----------------------------------------------- */
/* Contenedor principal */
.contact-form-widget {
width:100%;
max-width: 280px;
margin: 0 auto;
margin-bottom: 25px;
padding: 10px;
border-top: 35px solid #d44897;
border-bottom: 10px solid #d44897;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPb-_ITjev9ML99HjrZsH9ORDin3SsWyQdBjtsU7Y0qGoHF2uNr7oJFzrjCajqN8RCYRXVqkVCVVZxMU5AVQeq38j9tWL6bQwTDlspZ7hLXoEMvvieqi5M8fxRwDLz4vl46HnP511s-8pD/s55/pink.png);
color:#424242;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
border-radius: 18px;
}
/* Estilos del contenedor interno */
.contact-form-widget:before {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlYa9jPGCF6Q_pmM3fP3ZKCGKENHcPpvU2zfVrHlQ4lhxrpIBE3w6ykvgyzOtvYJbt1KntC2H_NBhuD2CD41MXIji15zv8t3zsqa6dbMeZyT_fMtxDXdyv9BBitmbfry9T_m8qxW78IMOD/s160/lazo.png);
background-repeat: no-repeat;
background-position: 100% 0;
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
}
/* Estilos de los campos */
.contact-form-name, .contact-form-email, .contact-form-email-message {
width: 100%;
max-width: 100%;
margin-bottom: 10px;
}
/* Campo del mensaje */
.contact-form-email-message {
padding: 5px;
}
/* Botón de enviar */
.contact-form-button-submit {
width: 25%;
max-width: 35%;
height: auto;
background: #d44897;
padding: 2px 5px;
border-radius: 2px;
border: none;
color: #fff;
font-size: 13px;
font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
font-weight: normal;
margin-bottom: 10px;
}
/* Botón de enviar al pasar el cursor */
.contact-form-button-submit:hover{
background: #d1f6ff;
color: #424242;
border: none;
}


Estilo Metálico

/* Formulario de Contacto, Estilo Metálico
----------------------------------------------- */
/* Contenedor principal */
.contact-form-widget {
width:100%;
max-width: 280px;
margin: 0 auto;
margin-bottom: 25px;
padding: 10px;
border-top: 35px solid #424242;
border-bottom: 25px solid #424242;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVOyWTHBQhLBUHOOnvli2z6tZ6HsR1RVWbanV0KgsSFs6sEJ4_hVSUFTqp2MEE5yjkejDNWhpd0INzhuAAsRjj8tAMVWls6QioOAdTI0itIjqAQiILAEBYyZ35KTsn_a97DUzfKgZ5R_pz/s128/metal.gif);
color:#424242;
text-shadow: 1px 1px 1px #FFFAFB;
box-shadow: -6px 6px 6px 0px rgba(50, 50, 50, 0.65);
border-radius: 18px;
float: left;
}
/* Estilos de los campos */
.contact-form-name, .contact-form-email, .contact-form-email-message {
width: 100%;
max-width: 100%;
margin-bottom: 10px;
box-shadow:inset 1px 1px 5px 1px #808080;
}
/* Campo del mensaje */
.contact-form-email-message {
padding: 5px;
}
/* Botón de enviar */
.contact-form-button-submit {
width: 40%;
max-width: 40%;
height: auto;
border: none;
border-top: 1px solid #9c9c9c;
background: #424242;
background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#575757));
background: -webkit-linear-gradient(top, #424242, #575757);
background: -moz-linear-gradient(top, #424242, #575757);
background: -ms-linear-gradient(top, #424242, #575757);
background: -o-linear-gradient(top, #424242, #575757);
padding: 2px 5px;
border-radius: 8px;
box-shadow: rgba(0,0,0,1) 0 1px 0;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: #fff;
font-size: 13px;
font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
text-decoration: none;
vertical-align: middle;
margin-bottom: 10px;
float: right;
}
/* Botón de enviar al pasar el cursor */
.contact-form-button-submit:hover{
background: #424242;
color: #ccc;
border: none;
}

En colorverde he puesto a qué área pertenece cada grupo de estilos por si alguien le quiere modificar algo, o por si alguien se anima a hacer sus propio diseño.
En todos los casos el ancho máximo del gadget se controla en esta parte:max-width: 280px;
Toma en cuenta que algunos estilos al ser CSS3 podrían no verse de la misma manera en todos los navegadores, sobre todo en Internet Explorer.

Espero que les gusten y los disfruten.

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetMundial FootballFIFA World Cup Vestidos de Perros y gatosHosting Dominio web movilSelling annuity payments for cashSelling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlementStructured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDNos ofrece Mundial Football eloan com, FIFA World Cupuna gran variedad para contratar mesothelioma info y obtener un equity line of credit y una buena estructura de negocio SEO consolidate loans y visitar su casa matriz Mesothelioma law firm,home equity loans domain name searchSelling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Mobile casino Online Criminal Justice Degree Car Accident Lawyers Business VOIP Solutions supportpeachtreecom Neuson donating used cars to charity Annuity Settlements Asbestos Lung Cancer houston mesothelioma attorney DONATE CARS ILLINOIS VIRTUAL DATA ROOMS domain yahoo Make money online Australia business administration masters earthlink business internet LOW CREDIT LINE CREDIT CARDS Health Records Personal Health Record Online casino domain name yahoo CHEAP CAR INSURANCE FOR LADIES DONATE A CAR IN MARYLAND Gas/Electricity mesothelioma lawyer texas state of california car insurance dallas mesothelioma attorneys onlineclasses motorcycle accident lawyer california los angeles auto accident attorneys FUTURISTIC ARCHITECTURE car accident lawyers west palm beach workers compensation lawyer los angeles online criminal justice degree WordPress themes for designers saskatchewan auto insurance Casino Injury Lawyers Structures Annuity Settlement Social media examiner car accident lawyer san bernardino HOW TO DONATE A CAR IN CALIFORNIA Better Conference Calls Dwi lawyer World trade center footage Donate a Car in Maryland Photo Christmas cards Criminal defense lawyer BETTER CONFERENCING CALLS adverse remortgage Email bulk service FORENSICS ONLINE COURSE LIFE INSURANCE CO LINCOLN mesothelioma attorney florida mesothelioma claims wisconsin mesothelioma attorney Criminal Defense Attorneys Florida Casino reviews student loan consolidation program Hire php programmers lawsuit mesothelioma Social media platforms for business Forensics online course event management security Live casino Donate Car to Charity California Mortgage baltimore mesothelioma attorneys Car Donate mesothelioma attorney california car donate Donate Cars in MA Hard drive Data Recovery Services city college in miami Dedicated Hosting Dedicated Server Hosting New social media platforms mesothelioma settlements Learning adobe illustrator How to Donate A Car in California DUI lawyer Hire php developers CHEAP CAR INSURANCE IN VIRGINIA Dallas Mesothelioma Attorneys holland michigan college Criminal lawyer CAR INSURANCE QUOTES PA Social media platforms Christmas cards structured settlement investments Service business software Donate your Car for Money ANNUITY SETTLEMENT Nunavut Culture mesotheliama CAR ACCIDENT LAWYERS Php programmers for hire Hire php developer Bankruptcy lawyer Computer science classes online Php programmers Seo companies Best social media platforms for business Custom WordPress theme designer motor replacements workplace accident attorney boca raton personal injury attorney PHD on Counseling Education personal injury solicitor Online Motor Insurance Quotes Business management software cheap domain registration hosting how to donate a car in california Donating Used Cars to Charity Webex Costs Business finance group mesothelioma law suit

Share:

Blogger: 3 formas de poner un buscador en tu blog – Criminal – Texas

Blogger: 3 formas de poner un buscador en el blog
Si quieres añadiruna caja de búsquedaa tu blog en blogger, al terminar de leer este tutorial habrás aprendido 3 formas de hacerlo. Podrás ver las diferencias que hay entre todos los tipo de búsqueda, para que puedas elegir la que más te guste, además veremos lo fácil que es cambiarle el aspecto.

A veces, aunque tengamos muy organizado nuestro blog, con etiquetas, opciones de menú, etc. El usuario no es capaz de encontrar lo que necesita. Cuando el número de entradas de tu blog comienza a crecer, cada vez le será más difícil dar con el contenido correcto.

Un recuadro de búsqueda, en una zona visible, ayudará a que el usuario intente encontrar la solución a su problema en tu blog, si no lo tuvieses, seguramente ese mismo usuario terminaría utilizando la búsqueda de Google u otro buscador, con lo que estaríamos perdiendo una visita, posiblemente dándosela a la competencia.

Sin más preámbulo, vamos a exprimir todas las posibilidades de búsqueda de las que disponemos en Blogger. Estoy convencido que te costará decidirte por alguna de ellas.

1. Gadget "Cuadro de búsqueda"

Vamos a empezar por la más fácil de incluir en nuestro blog:Cuadro de búsqueda. Éste es el nombre tan original que le han dado los chicos de Blogger, es la búsqueda que nos dan por defecto, así que veamos que tal está.

Pasos para incluir el cuadro de búsqueda

  1. BloggerDiseñoAñadir un gadget (en la posición que desees, dentro del diseño)
  2. De la lista de gadgets, seleccionamos Cuadro de búsqueda
    Blogger - Configurar cuadro de búsqueda
  3. Le ponemos un título a nuestro gadget
  4. De la sección Pestañas, marcamos las opciones que nos interesen. Lo normal es marcar sólo "Este blog", ya que el resto de opciones nos permite buscar elementos externos
  5. Guarda el gadget y visualiza tu blog
Perfecto, ya tenemos nuestro cuadro de búsqueda funcionando.

Como hemos visto, incluir este gadget es inmediato, nos ofrece bastantes posibilidades, pero tiene un gran inconveniente: falla más que una escopeta de feria.

El mayor problema, es que usa código basado en javascript y estructurado en capas, si los chicos de Blogger "pulsan" el botón incorrecto, te quedas sin buscador. De hecho, ahora mismo la comunidadse está quejando porque no les funciona... quién sabe, quizás mañana esté resuelto, pero visto lo visto, yo no me arriesgaría.

Las búsquedas de este gadget se hacen sobre elbuscador de blogs de Google. Por tanto, hasta que la gran G no indexe nuestras entradas, no hay nada que hacer. Si bien es cierto, que lo suele hacer muy rápido.

2. Búsqueda interna de Blogger

Lo que haremos en este caso, es incluir un cuadro de búsqueda personalizado, que hace una petición a Blogger para que haga la búsqueda por nosotros.

Pasos para incluir la búsqueda interna de Blogger

  1. BloggerDiseñoAñadir un gadget(en la posición que desees, dentro del diseño)
  2. De la lista de gadgets, seleccionamosHTML/Javascript
  3. Ponle un títuloadecuado, si quieres, y copia este código en el contenido:
    form action="search/" id="ba-cuadrobusqueda" method="get"
    input id="ba-cadenabusqueda" name="q" /
    input id="ba-enviar" type="submit" value="Buscar" /
    /form
  4. Guarda el gadget y visualiza el blog

Una de las mayores ventajas de este cuadro de búsqueda, es lo fácil que es de añadir y personalizar. En el ejemplo hemos utilizado el código en su mínima expresión, pero luego veremos lo fácil que es de personalizar mediante CSS.

Quizás una de sus mayores ventajas es que no hace uso de ningún motor de búsqueda externo, por lo que no tenemos que esperar a que se indexe.
Cuando pulsamos sobre una etiqueta en Blogger, realmente estamos haciendo una búsqueda. El proceso que hemos empleado, utiliza la misma base para buscar el texto en todas las entradas.

Cuadro de búsqueda naranja

Veamos un ejemplo de personalización utilizando tan solo CSS. Para incluirlo, sigue los pasos explicados anteriormente y en el paso 3 sustituye el código por este otro.

Éste es el aspecto del cuadro de búsqueda en funcionamiento:

style
#ba-cuadrobusq .ba-textobusq {
border: 1px solid #DDD;
box-sizing: border-box;
color: black;
font-family: 'Lora', serif;
font-size: 14px;
padding:9px;
width: 220px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
#ba-cuadrobusq .ba-textobusq:hover {
box-shadow:inset 1px 1px 8px gainsboro;
}
#ba-cuadrobusq .ba-textobusq:focus {
background-image: -webkit-linear-gradient(white,white);
background-image: -moz-linear-gradient(white,white);
background-image: -ms-linear-gradient(white,white);
background-image: -o-linear-gradient(white,white);
background-color:white;
outline:1px solid #E8550B;
color:black;
font-style:normal;
box-shadow:inset 1px 1px 8px gainsboro;
border:1px solid #E8550B;
}
#ba-cuadrobusq .ba-enviar {
background:#E8550B;
border: 1px solid #E3E3D9;
color: white;
cursor: pointer;
font-family: 'Droid Sans', sans-serif !important;
color: #fff;
cursor: pointer;
line-height: 19px;
padding: 8px 10px;
text-decoration: none;
}
#ba-cuadrobusq .ba-enviar:hover {
background:#e8320f;
}
/style
form action="search/" id="ba-cuadrobusq"
input class="ba-textobusq" name="q" /
input class="ba-enviar" type="submit" value="Buscar" /
/form

3. Búsqueda personalizada de Google

Cuando hablamos de buscadores, siempre vieneGoogleal rescate y esta vez no iba a ser menos. Si bien es cierto que el anterior sistema de búsqueda no está nada mal, éste tiene algunas peculiaridades muy atractivas, pasen y vean.

En este caso no estamos ante un gadget de Blogger, sino que vamos a utilizar una herramienta facilitada por Google para generar unabúsqueda personaliza, que luego incluiremos como código HTML.

Las posibilidades que nos ofrece la herramienta de Google son prácticamente infinitas, necesitaríamos otro artículo para describir cada una de ellas. Lo que haremos es incluir un ejemplo de búsqueda, explicando las funcionalidades más importantes.

Paso 1: Obtenemos el código del motor de búsqueda

  1. Accedemos al motor de búsqueda personalizado de Google
  2. Pulsamos sobre crear un motor de búsqueda personalizado
    CSE - Crear motor de búsqueda
  3. Ensitios en los que buscar, pon la dirección de tu blog
  4. En idiomaselecciona español, o el que gustes
  5. Pulsa sobre el botón crear
  6. Pulsa sobre el botón obtener código
    CSE - Motor de búsqueda creado
    Si quieres ver el aspecto de tu motor de búsqueda, puedes pulsar sobre el botón "URL pública", si no te gusta el aspecto actual, puedes modificarlo en el botón "Panel de control".
  7. Obtendrás código HTML parecido a este:
    script
    (function() {
    var cx = '011498994498619844799:t4vzeynckjs';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
    '//www.google.com/cse/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
    })();
    /script
    gcse:search/gcse:search

Paso 2: Incluimos el código del motor de búsqueda en Blogger

  1. BloggerDiseñoAñadir un gadget(en la posición que desees, dentro del diseño)
  2. De la lista de gadgets, seleccionamosHTML/Javascript
  3. Ponle untítuloadecuado, si quieres, y copia el código generado en el paso anterior en el contenido
  4. Guarda y visualiza tu blog
Este es el aspecto que tendrá el cuadro de búsqueda:
cse - Cuadro de búsqueda en blogger

Ya tenemos funcionando la búsqueda personalizada de Google en nuestro blog. El diseño que viene por defecto, presenta los resultados de búsqueda en una ventana emergente, por lo que añadir el gadget ha resultado muy sencillo.

Si quieres modificar el comportamiento o el aspecto del motor de búsqueda, puedes curiosear por laayuda que te proporciona Google. Si interesa este punto, coméntamelo y podemos preparar un artículo especial profundizando en el tema. A groso modo, decir que podemos presentar el cuadro de búsqueda en una zona de nuestro blog y los resultados en otra, además de poder modificar los colores de ambos.

Veamos algunas ventajas de este método:
  • Tenemos la potencia del motor de búsqueda de Google
  • Podemos personalizarlo sin modificar el código fuente
  • Podemos incluir AdSense, obteniendo beneficios de los anuncios
  • Incluye búsqueda de imágenes
  • Los resultados de búsqueda pueden incluir a más de un sitio
Y algunas de sus desventajas:
  • Nuestras entradas deben estar indexadas en Google, para que se muestren
  • Aparece marca de agua y publicidad de Google
Al cuadro de búsqueda personalizado de Google, también le podemos cambiar su aspecto mediante CSS, tal como hicimos con el anterior. Podríamos utilizar, por ejemplo, el cuadro de búsqueda naranja del punto 2 y modificar tan solo la URL hacia la que apunta elaction delform. En todo caso, si no dispones de los conocimientos necesarios, con la herramienta de personalización de Google podrás elegir entre varios diseños y personalizarlos.

Conclusión

Como puedes observar, hay muchasformas de poner un buscador en tu blog, elegir la mejor depende del tipo de blog que tengas y de tus gustos. El objetivo de este artículo, es que veas las posibilidades que tienes y que aprendas a modificar y adaptar tu mismo los cuadros de búsqueda.

Espero que te haya resultado útil lo aquí expuesto. Como sabes, este blog lo comencé hace muy poco, agradezco cualquier crítica o comentario que desees hacer. Por otra parte, si te ha gustado, te estaría muy agradecido de que lo compartas con los botones sociales de la parte superior. Se que soy un pesado, pero inicialmente todo esto ayuda mucho :-)

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetMundial Football Perros,FIFA World Cup Peinados caninos,Veterinarios caninos,MESOTHELIOMA LAW FIRM,MESOTHELIOMA LAW FIRM,DONATE CAR TO CHARITY CALIFORNIA ,DONATE CAR FOR TAX CREDIT,DONATE CARS IN MA,DONATE YOUR CAR SACRAMENTO,HOW TO DONATE A CAR IN CALIFORNIA,SELL ANNUITY PAYMENT,DONATE YOUR CAR FOR KIDS,ASBESTOS LAWYERS,DONATE YOUR CAR FOR KIDS ,Selling annuity payments for cashSelling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDMundial Football history FIFA World Cup,smart,huge/big,scienciemedia,blog spot and amazes,unites pero for you gives ,, inspires and future now help and pero mas aya del visita and Mesothelioma law firm CHEAP CAR INSURANCE IN VIRGINIA,Selling annuity payments for cashSelling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Casino Donate Your Car for Kids royalty free images stock Html email mesothelioma attorney illinois Social media platforms for business Hard drive Data Recovery Services mesothelioma compensation PHD IN COUNSELING EDUCATION futuristic architecture MET AUTO DALLAS MESOTHELIOMA ATTORNEYS Forensics Online Course houston tx auto insurance mesothelioma help Car insurance quotes MN mesothelioma settlement amounts mesothelioma claim Motor Replacements Online casino Hire php developer DUI lawyer MOTOR REPLACEMENTS Php programmers for hire Automobile Accident Attorney MORTGAGE ADVISER Hire php developers Donate car for tax credit Seo companies Personal Injury Law Firm fortis health insurance temporary Donating a Car in Maryland mesothelioma attorney florida Mobile casino Make money online Australia injury attorney baton rouge harddrive data recovery services Seo company Social media management donate old cars to charity Asbestos Lawyers mesothelioma lawyer houston Casino reviews DONATE YOUR CAR FOR MONEY Dwi lawyer domain name yahoo accident attorney san bernardino Live casino Online colledges World Trade Center Footage Custom WordPress theme designer business voice mail service federal criminal defense attorney car insurance companies insurance medical temporary dui lawyer scottsdale best consolidation loan student asbestos lung cancer Mesothelioma Law Firm structured settlement brokers Claim Hire php programmers CAR INSURANCE IN SOUTH DAKOTA Mortgage Adviser purchase structured settlements structured settlement cash out structured settlement buyers WEBEX COSTS Dedicated Hosting Dedicated Server Hosting business administration masters phd in counseling education Social media examiner structured annuity settlement Criminal lawyer email bulk service automobile accident attorney Service business software Criminal defense lawyer Donate Old Cars to Charity personal injury lawyer primary pulmonary hypertension quotes car selling a structured settlement pharmacist jobs in chicago Criminal lawyer Miami Bankruptcy lawyer Massage School Dallas Texas mesothelioma attorney california alabama mesothelioma lawyer Computer science classes online Php programmers Cheap Domain Registration Hosting offshore accident lawyer mesothelioma Donate Cars in MA WordPress theme designers personal injury attorney springfield mo Best social media platforms for business most profitable internet business CAR INSURANCE QUOTES COLORADO life insurance quotes cheap car insurance in virginia ashely madis Proud Italian cook best mesothelioma lawyers MESOTHELIOMA LAW FIRM New social media platforms Business finance group Seo services auto insurance cost by state mesotheloma How to Donate A Car in California arizona auto accident attorney Car Insurance Quotes PHD on Counseling Education

Share:

Blogger: Cómo Incluir Suscripción por Email con FeedBurner al Detalle – Hosting – Colleges

Cómo añadir suscripción por email en Blogger
Cuando tienes un blog, uno de los elementos que no pueden faltar es lasuscripción por email. Debemos facilitar a los usuarios, el que puedan seleccionar el medio por el que prefieren recibir lasnotificaciones de las nuevas entradas.

Elcorreo electrónico es un medio muy potente, para llegar a tus lectores. Aunque las redes sociales juegan un papel muy importante, el email tiene la baza de ser un mecanismo más cercano y directo. Créeme que una buena campaña demailing, puede hacer subir muchas posiciones o vender ese producto que se resiste.

Se escapa a la pretensión de este artículo, profundizar en las posibilidades delmarketing por email, pero prometo que lo trataremos en otro artículo, puesto que es un tema muy interesante. Lo que si vamos a tratar ahora, es como añadir la suscripción mediante email,de la forma más sencilla que existe en Blogger:FeedBurner.

Cómo añadir FeedBurner en Blogger

Como añadir FeedBurner en Blogger
FeedBurner es un servicio de Google, que ofrece, entre otras posibilidades, la suscripción por email. Está completamenteintegrado en Blogger, como un gadget, por lo que la inclusión en nuestro blog es directa. De hecho, podrías terminar de leer este apartado y no continuar leyendo... eso sí, te perderás la mejor parte :-)

Vamos a incluirlo en nuestro blog:
  1. En Blogger, elegimos la opciónDiseñoy desde aquí elegimos la opciónAñadir un gadget, en la sección de la plantilla donde quieras colocarlo
  2. Selecciona el gadget "Seguir por correo electrónico", aparecerá la siguiente pantalla:

    Gadget seguir por correo electrónico de Blogger
  3. Pon el "Título" que desees
  4. Deja el campo "URL de FeedBurner", tal como te aparece por defecto
  5. Pulsa sobre el botón "Guardar"

Cómo funciona la suscripción por email con FeedBurner

Si has seguido los pasos anteriores, ya tienes en tu blog el servicio de suscripción por correo electrónico. Ahora lo más importante es entender como funciona exactamente este servicio, para facilitar a nuestros usuarios el proceso de suscripción.

Qué debe hacer un usuario para suscribirse por email

Supongamos que un usuario desea suscribirse a tu blog, el primer paso que tendrá que dar, es introducir su correo electrónico en la caja de suscripción:
Caja de suscripción por email
Luego pulsará sobre el botón y le aparecerá una ventana emergente como ésta:

Petición de Captcha de FeedBurner
FeedBurner solicita confirmación mediante un captcha, para evitarspam. El usuario debe introducir el captcha y pulsar sobre el botón "Complete Subscription Request". Le aparecerá un mensaje final, invitándole a leer su buzón de correo.

Suscripción por email aceptada en FeedBurner

El mensaje que recibirá, tendrá este aspecto por defecto:
Correo electrónico de confirmación de FeedBurner
Para que el proceso de suscripción termine, el usuario debe pulsar sobre el enlace.

Como puedes observar, la suscripción no es "tan directa" como hubiésemos deseado. Si el usuario se pierde en alguno de los pasos, perderemos una suscripción. Por tanto, toca facilitarle estos pasos.

Veamos algunos de los aspectos que podríamos mejorar:
  • La caja de suscripción es poco estética, puede pasar desapercibida
  • Todos los mensajes aparecen en inglés
  • El correo de confirmación es muy genérico, parece spam, además de que también está en inglés
Antes de solucionar estos problemas, analicemos ahora el proceso de suscripción, desde tu punto de vista, como blogger.

Qué debe hacer un blogger con los suscriptores

No basta con incluir la caja de suscripción, ahora toca controlar el qué, cuándo y cómo enviamos nuestras entradas. Además, es conveniente controlar el número de suscriptores que tenemos, recibir notificaciones si alguno se da de baja, etc.

Como usuarios de FeedBurner, vamos a sacarle el jugo a esta herramienta, al menos a la parte que nos toca hoy, que es la suscripción vía correo electrónico.

Estas son algunas de las cosas que lograremos:
  • Enviar las nuevas entradas de forma programada, cuando tú decidas
  • Los mensajes que reciban nuestros suscriptores estarán en español
  • Recibir notificación cuando un suscriptor se de de baja
  • Consultar el número total de suscriptores y poder gestionarlos

Cómo mejorar la caja de suscripción por email

Cuando incluimos el gadget "Seguir por correo electrónico", se generó el código XML correspondiente en nuestra plantilla. Vamos a retocar ese código generado, para que aparezcan todos los mensajes en español y, además, incluiremos un mensaje de "llamada a la acción", para animar a los usuarios a que se suscriban.

Como siempre, antes de comenzar, te recomiendo que hagas una copia de seguridad de la plantilla.
  1. Desde el menú de Blogger, seleccionamos Plantillay luego Editar HTML
  2. Buscamos FollowByEmail1. Pulsamos CTRL+F desde el código y en el recuadro de búsqueda escribimos "FollowByEmail1" (si la sección de código está contraída, expándela)
  3. Te encontrás el siguiente código:
    b:widget id='FollowByEmail1' locked='false' title='Suscríbete por email' type='FollowByEmail'
    b:includable id='main'
    b:if cond='data:title != ""'h2 class='title'data:title//h2/b:if
    div class='widget-content'
    div class='follow-by-email-inner'
    form action='http://feedburner.google.com/fb/a/mailverify' expr:onsubmit='"window.open(\"http://feedburner.google.com/fb/a/mailverify?uri=" + data:feedPath + "\", \"popupwindow\", \"scrollbars=yes,width=550,height=520\"); return true"' method='post' target='popupwindow'
    table width='100%'
    tr
    td
    input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/
    /td
    td width='64px'
    input class='follow-by-email-submit' type='submit' value='Submit'/
    /td
    /tr
    /table
    input expr:value='data:feedPath' name='uri' type='hidden'/
    input name='loc' type='hidden' value='en_US'/
    /form
    /div
    /div
    span class='item-control blog-admin'
    b:include name='quickedit'/
    /span
    /b:includable/b:widget
  4. Modifica las entradas que he resaltado en amarillo, sustituye "Email address..." por "Dirección email...", "Submit" por "Enviar" y "en_US" por "es_ES". Con este cambio tendrás todo en español
  5. (Opcional) Puedes añadir un texto de llamada a la acción, justo después de "div class='widget-content'"
  6. Este sería el resultado con todo incluido:
     b:widget id='FollowByEmail1' locked='false' title='Suscríbete por email' type='FollowByEmail'
    b:includable id='main'
    b:if cond='data:title != ""'h2 class='title'data:title//h2/b:if
    div class='widget-content'
    spanSuscríbete al boletín para recibir lo último en tu correo electrónico/spanbr/br/
    div class='follow-by-email-inner'
    form action='http://feedburner.google.com/fb/a/mailverify' expr:onsubmit='"window.open(\"http://feedburner.google.com/fb/a/mailverify?uri=" + data:feedPath + "\", \"popupwindow\", \"scrollbars=yes,width=550,height=520\"); return true"' method='post' target='popupwindow'
    table width='100%'
    tr
    td
    input class='follow-by-email-address' name='email' placeholder='Dirección de email...' type='text'/
    /td
    td width='64px'
    input class='follow-by-email-submit' type='submit' value='Enviar'/
    /td
    /tr
    /table
    input expr:value='data:feedPath' name='uri' type='hidden'/
    input name='loc' type='hidden' value='es_ES'/
    /form
    /div
    /div
    span class='item-control blog-admin'
    b:include name='quickedit'/
    /span
    /b:includable/b:widget
  7. Guarda la plantilla y visualiza tu blog
Con este cambio, ya tenemos todo en español, tanto la caja de suscripción, como todos los mensajes de las ventanas emergentes de FeedBurner.

Caja de suscripción en español
Petición de suscripción por email en español

Petición aceptada en español

¡¡ Listo !! Ya tenemos el gadget de FireBurner completamente traducido al español y sabemos retocarlo para modificar el aspecto del recuadro de suscripción.
Aunque no he explicado en detalle cómo hacerlo, sabiendo donde está el código XML que genera Blogger, podríamos modificar por completo el aspecto de la caja de suscripción. Incluso, si te animas a hacerlo, podrías incluir una caja de suscripción al final de cualquier entrada. Al final de este artículo, puedes ver una caja de suscripción incrustada.

Cómo configurar las suscripciones por email en FeedBurner

Ahora le toca el turno a la herramienta FeedBurner, cuando abres el gadget desde la plantilla, fíjate que tienes un enlace que apunta hacia la gestión del mismo: "Ver las estadísticas y obtener más información".

Tal como comenté al inicio de este artículo, FeedBurner no se usa sólo para el servicio de suscripción de correo electrónico, sino que dispone de otras herramientas. Puede resultar un poco confusa su utilización al principio, ya que dispone de muchas opciones.

Para simplificar, vamos a hacer un paso a paso, para resolver cada uno de los temas comentados anteriormente.

Cómo modificar el mensaje de correo electrónico de FeedBurner

Como vimos, el mensaje de confirmación que reciben nuestros usuarios, está en inglés. Aplicando estos pasos podrás configurar y personalizar el mensaje de confirmación.
  1. Accede a FeedBurnery elige la cuenta que deseas gestionar
  2. Selecciona la pestaña Publicize
  3. En el menú lateral selecciona Communication Preferences, bajoSuscripciones por Email
  4. Guíate por esta pantalla:
    FeedBurner - Preferencias de comunicación
  5. Desde aquí podrás modificar el correo del remitente, el asunto y el cuerpo del mensaje. FeedBurner explica en detalle cada una de las opciones. Mi consejo, es que redactes lo mejor posible el cuerpo del mensaje, de tal forma que resulte atractivo. Recuerda que hasta que el usuario no pulse el enlace, no estará suscrito.

Cómo modificar la hora de envío

Se aplica cuando quieres enviar todas las modificaciones del día, si las hubiesen, en una franja horaria determinada.
  1. Accede aFeedBurnery elige la cuenta que deseas gestionar
  2. Selecciona la pestañaPublicize
  3. En el menú lateral seleccionaDelivery Options, bajoSuscripciones por Email
    FeedBurner: Opciones de envío
  4. Elige la zona horaria y la franja horaria en la que se hará el envío de actualizaciones
  5. Guarda

Cómo ver el número de suscriptores y gestionarlos

Desde esta sección podrás ver el número de suscriptores que tienes y sus correos electrónicos, además podrás recibir una notificación si alguno de tus suscriptores se da de baja.
  1. Accede aFeedBurnery elige la cuenta que deseas gestionar
  2. Selecciona la pestañaPublicize
  3. En el menú lateral seleccionaSubscription Management, bajoSuscripciones por Email
  4. Al final del documento, podrás marcar la opción Envíame un email cuando alguien cancele su suscripción
  5. A continuación puedes ver el número total de suscriptores. Si pulsas sobre ver detalles de suscriptor, podrás gestionar el listado completo de emails suscritos. También tienes la posibilidad de exportar el listado.

Cómo modificar la apariencia del Email

Si deseas modificar el tamaño del texto, títulos, incluir un logotipo, etc. FeedBurner tiene una sección específica para ello. Recuerda que desde aquí, lo único que puedes modificar es el aspecto de los mensajes, pero no el contenido.
  1. Accede aFeedBurnery elige la cuenta que deseas cambiar, si tienes varias
  2. Selecciona la pestañaPublicize
  3. En el menú lateral seleccionaEmail Branding, bajoSuscripciones por Email
  4. Sigue las indicaciones en pantalla, para modificar el aspecto de las entradas que reciben tus suscriptores por email.

Conclusión

Hemos hecho un recorrido por las posibilidades de la suscripción por email de FeedBurner y hemos aprendido como aprovecharlas en Blogger. Pero nos falta mucho más por aprender.

Si te interesa profundizar sobre el tema, puedes comentarlo, quizás sería interesante explicar otros aspectos que están relacionados con el RSS y no hemos tratado aquí, como la posibilidad de enviar entradas reducidas al email.

Te invito a que des tu opinión o corrijas cualquier cosa que se me haya escapado por aquí. Se que ha quedado un poco larga esta entrada, pero creí interesante no dividirla y tener toda la información en el mismo sitio. Si te ha gustado y crees que le puede resultar útil a alguien, compártelo en los botones de arriba

¡Ah! Se me olvidaba, si estamos hablando de suscripciones por correo y de ayuda a bloggers, que mejor que suscribirte a nuestro boletín y ser el primero en enterarte de los próximos artículos.


Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDNos ofrece Mundial Football eloan com, FIFA World Cupuna gran variedad para contratar mesothelioma info y obtener un equity line of credit y una buena estructura de negocio SEO consolidate loans y visitar su casa matriz Mesothelioma law firm,home equity loans domain name searchSelling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDMundial Football free legal advice,FIFA World Cup cheap web hosting donde me dieron un available domain name,cheap domain name registration,pero salio muy caro y mejor me hice student credit card ,accept credit pero me recomendaron mejor utilizar credit counseling service donde tienen un mejor soporte y credito support stocking pero mejor me compre un linux hosting y mejor me afilie a affiliate programs pero buy �web position gold�,microsoft certification,Mesothelioma law firm,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

st louis mesothelioma attorney Hire php developer buy gift card Online casino personal injury attorney ocala fl Casino benchmark lending Seo services buyer of structured settlement annuity HOME PHONE INTERNET BUNDLE WordPress theme designers PAPERPORT PROMOTIONAL CODE Webex Costs MOTOR REPLACEMENTS mesothelioma care Seo company miami personal injury lawyer washington mesothelioma attorney asbestos lawyers selling a structured settlement Donate Your Car for Kids Business management software Paperport promotional code seattle mesothelioma lawyer Bankruptcy lawyer Low Credit Line Credit Cards Neuson mesotheloma accident attorney san bernardino Home phone internet bundle Christmas cards Cheap car insurance for ladies new york mesothelioma law firm Seo companies Criminal lawyer Car Insurance Quotes Colorado Car Insurance Quotes MN Donate car for tax credit Donate old cars to charity DONATE YOUR CAR SACRAMENTO mesothelioma attorneys better conferencing calls Donate a Car in Maryland injury lawyers Custom Christmas cards Donate Your Car Sacramento WEBEX COSTS primary pulmonary hypertension CAR INSURANCE QUOTES COLORADO Donating a car in Maryland best consolidation loan student illinois mesothelioma lawyer Donate your car for money online criminal justice degree structured settlements companies Online Classes Mobile casino insurance medical temporary Social media management Php programmers domain yahoo average mesothelioma settlement miami personal injury attorney structured settlement purchasers sell structured settlement calculator online motor insurance quotes Met auto Mesothelioma Law Firm houston mesothelioma attorney mesothelioma claim mesothelioma lawyers san diego Make money online Australia DONATE YOUR CAR FOR KIDS Casino reviews FUTURISTIC ARCHITECTURE WORLD TRADE CENTER FOOTAGE Hire php developers Auto Mobile Insurance Quote anti spam appliance royalty free images stock Donate your Car for Money asterisk call center software PHD on Counseling Education holland michigan college Nunavut Culture Live casino Attorney Online Christmas cards how to donate a car in california motor insurance quotes DUI lawyer NEUSON structured settlement investments EMAIL BULK SERVICE structured settlement need cash now Hire php programmers Dwi lawyer Register Free Domains business voip solutions Social media campaigns donate old cars to charity los angeles auto accident attorneys structured settlement buyer Service business software Donate your car Sacramento CHEAP DOMAIN REGISTRATION HOSTING Donate Cars in MA Criminal defense lawyer motor replacements Php programmers for hire AUTO ACCIDENT ATTORNEY Donate a car in Maryland caraccidentlawyer Best Criminal Lawyers in Arizona New social media platforms

Share:

Cómo Poner la Insignia de Google+ en tu Blog – cancer – Colleges

Google+

Tener presencia en lasredes sociales, cobra cada vez más importancia, máxime cuando se trata de la red social propietaria del buscador más utilizado.La insignia de Google+ es un plugin que permite a los usuarios de tu blog seguirte de forma rápida, además de poder acceder directamente a tu perfil.

Éste es el aspecto típico de la insignia de Google+:

Insignia estándar de Google+

Como usuarios de Blogger, nos va a resultar muy sencillo incluirla y personalizarla, ya que la tenemos disponible directamente como gadget.
Al igual que otras redes sociales, Google dispone de unaherramienta para desarrolladores, desde donde puedes configurar y personalizar tu insignia. A través de esta herramienta se generará el código HTML que podrás incluir en tu blog. Si eres usuario de Blogger, no necesitarás utilizar este método.

Incluir insignia de Google+ en Blogger

  1. Accede a diseño, desde el menú de Blogger
  2. En la plantilla de diseño selecciona "Añadir gadget", en la posición donde desees colocarlo
  3. De la lista de gadgets que te aparece, selecciona "Insignia de Google+"
  4. Configura los parámetros, consulta el siguiente apartado ver todas las posibilidades, paso a paso
  5. Guarda y visualiza tu blog, ya tienes la insignia de Google+

Configuración de la insignia de Google+

Configuración de la insignia de Google+

Éste es el gadget de insignia de Google+, el cual nos permite ir viendo el aspecto que va tomando, según vayamos modificando los parámetros.

Veamos en detalle cada una de las opciones, siguiendo la numeración de la imagen:
  1. Título.- El título que tendrá nuestro gadget en el blog
  2. Tipo de insignia.- Google+ nos permite 3 tipos de insignia: "Persona", para perfiles personales; "Página", para perfiles de página, como la que se muestra en la imagen y "Comunidad", para perfiles de comunidad.
  3. ID de Google+.- Si has vinculado tu blog a Google+, podrás marcar la opción "Utilizar el perfil del blog o el Id de la página", en caso contrario, desmarcamos la casilla e introducimos nuestra ID de Google+. Puedes conocer tu ID accediendo a tu perfil de Google+ y fijándote en la url:
    URL del perfil de Google+
    La parte seleccionada en la imagen, corresponde con el ID a introducir en esta casilla, en mi caso tengo disponible el nuevo formato de ID de Google+, pero podría haber sido una serie de dígitos.
  4. Tamaño.- El ancho, en píxeles, que deseas que tenga la caja que contiene la insignia. Mi consejo es que lo ajustes manualmente, para que encaje perfectamente en la sección donde lo vas a colocar.
  5. Diseño.- Puedes presentar la insignia en formato horizontal o vertical, éste es el aspecto de ambos:

    Insignia de Google+ en formato horizontal
    Insignia horizontal

    Insignia de Google+ en formato vertical
    Insignia vertical
  6. Gama de colores.- Puedes elegir entre un fondo claro u oscuro
  7. Foto de portada.- Sólo se aplica al formato en vertical. Indica si deseas mostrar la foto que hayas seleccionado en tu portada de Google+
  8. Eslogan.- Sólo se aplica al formato vertical. Puedes mostrar el eslogan que hayas indicado en el perfil de Google+, como el ejemplo de la imagen
Como has visto, incluir la insignia de Google+ es realmente sencillo. En Blogger, además de este gadget, tenemos disponible el de "Botón +1" y "Seguidores de Google+".

Si te ha resultado útil este artículo, te invito a que opines o sugieras a través de los comentarios. Si, además, crees que puede ser de interés para algunos de tus contactos, puedes compartirlo a través de los botones que tienes arriba, en el título. Como siempre, muchas gracias por seguirme.

Puede que te interese también:

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDMundial Football free legal advice,FIFA World Cup cheap web hosting donde me dieron un available domain name,cheap domain name registration,pero salio muy caro y mejor me hice student credit card ,accept credit pero me recomendaron mejor utilizar credit counseling service donde tienen un mejor soporte y credito support stocking pero mejor me compre un linux hosting y mejor me afilie a affiliate programs pero buy �web position gold�,microsoft certification,Mesothelioma law firm,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDUn dia en Mundial Football MESOTHELIOMA LAW FIRM FIFA World Cup,DONATE CAR TO CHARITY CALIFORNIA , and STRUCTURED ANNUITY SETTLEMENT ,ANNUITY SETTLEMENTS, habia mucha monja pero fui a NUNAVUT CULTURE, DAYTON FREIGHT LINES and BUSINESS VOIP SOLUTIONS,CAR INSURANCE COMPANIES pero for you ONLINE CRIMINAL JUSTICE DEGREE ,PERSONAL INJURY LAW FIRM, Virtual data rooms and future now Automobile accident attorney and pero mas aya del visita and Mesothelioma law firm CHEAP CAR INSURANCE IN VIRGINIA,Selling annuity payments for cashSelling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

student loan consolidation program Online casino structured settlements annuities Hire php developer Social media strategies Criminal lawyer Auto Accident Attorney Mobile casino Cheap Car Insurance for Ladies paperport promotional code Massage school Dallas Texas Dwi lawyer World Trade Center Footage mesothelioma litigation Casino car insurance in south dakota Online Stock Trading Gas/Electricity Cheap Domain Registration Hosting ANNUITY SETTLEMENT mesothelioma attorney illinois adverse credit remortgage Live casino motorcycle lawyer los angeles Make money online Australia annuity payment dallas mesothelioma lawyer Hard drive Data Recovery Services better conferencing calls Donate Your Car for Kids Tech school best structured settlement companies houston motorcycle accident lawyer Seo companies attorney lawyer mesothelioma asterisk call center software Social media platforms for business cheap car insurance in virginia Social media platforms Custom Christmas cards Best Seo company DUI lawyer car accident lawyer san bernardino ASBESTOS LAWYERS criminal defense federal lawyer Insurance Companies Claim Casino reviews FUTURISTIC ARCHITECTURE Hire php developers WordPress hosting alcohol rehab center in florida buyers of structured settlements Proud Italian cook Hire php programmers business voip solutions mesothelioma lawyer texas Car Insurance Quotes How to Donate A Car in California Donate Car to Charity California auto insurance cost by state AUTOMOBILE ACCIDENT ATTORNEY Car insurance quotes MN mesothelioma suit CAR INSURANCE QUOTES PA Data Recovery Raid mesothelioma charities purchase structured settlements Criminal defense lawyer Service business software anti spam exchange server supportpeachtreecom personal injury solicitor cash out annuity REGISTER FREE DOMAINS Php programmers for hire Home Phone Internet Bundle MET AUTO Computer science classes online mesotheliama motor replacements mesothelioma attorney florida ONLINE MOTOR INSURANCE QUOTES Bankruptcy lawyer Futuristic Architecture anti spam appliance Car Insurance Quotes PA Life insurance co Lincoln structured settlement blog st louis mesothelioma attorney Mortgage Php programmers car insurance companies buy gift card DONATE CARS IN MA CRIMINAL DEFENSE ATTORNEYS FLORIDA Best social media platforms for business Donate Your Car Sacramento Online Criminal Justice Degree PhD in counseling education New social media platforms illinois law lemon Business finance group Online Colleges WordPress themes for designers WORLD TRADE CENTER FOOTAGE Forex Trading Platform Learning adobe illustrator Custom WordPress theme designer Seo services Business management software Structures Annuity Settlement Car Donate Donate old cars to charity accident attorney in los angeles

Share: