Botón Google+1 (PlusOne) en una barra flotante – Rooms – dinero – World

Sé que ya muchos están usando elbotón Google+1 en el blog para que los usuarios puedan recomendar las entradas que les parecen interesantes. Pero también podemos colocar el botón +1 (Plus One) para que se recomiende no la entrada sino la página principal del blog.
Y para ya no poner nada en las entradas (por si ya tienes ahí el botón) vamos a colocar elbotón Google +1 en una barra flotante abajo de la página, de esta forma tus lectores podrán recomendar tu blog.

Puedes ver el ejemplo en esta misma entrada, al final aparece una barra. En ella se muestra un texto que invita a los lectores a recomendar el blog, luego, tal como hicimos para poner unmensaje al hacer click en el botón +1 haremos que el primer mensaje desaparezca al hacer click y que en su lugar se muestre un mensaje de agradecimiento, y al hacer click nuevamente para deshacer el voto se mostrará un mensaje diferente.

Como sé que a muchos les puede parecer molesto tener siempre la barra visible, he incluido una cookie (a duras penas lo hice) para que el lector sólo lo vea una vez por semana, aunque por supuesto este tiempo lo puedes configurar a tu gusto.

Empecemos. Primero entra enDiseño | Edición de HTML y pega antes de/head esto:

script type='text/javascript'
//![CDATA[
// Cookies
function createCookie(name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
}
else var expires = "";
document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}

function eraseCookie(name) {
createCookie(name,"",-1);
}
//
/script

Ahora pega antes de/b:skin estos estilos:

/* Barra Plus One
----------------------------------------------- */
#barraPlus1 {
position:fixed;
bottom:0px;
left:0;
height:24px;
background:#000;/* Color de la barra */
width:100%;
padding:5px;
filter:alpha(opacity=70);/* Transparencia de la barra */
-moz-opacity:0.7;/* Transparencia de la barra */
-khtml-opacity: 0.7;/* Transparencia de la barra */
opacity: 0.7;/* Transparencia de la barra */
z-index:900;
}
#mensajePlus1, #textoPlus1 {
color:#D8D8D8;/* Color del texto */
font-family:Verdana;/* Tipo de fuente */
font-size:16px;/* Tamaño del texto */
vertical-align: middle;
display:table-cell;
}
.botonPlus1 {
display:table-cell;
padding-left:20px;
}
.cerrarTextoPlus1 {display:none !important;}

A continuación busca la etiquetabody o esta línea:

body expr:class='"loading" + data:blog.mobileClass'

Debajo de cualquiera de ellas dos agrega este código:

script type='text/javascript'
//![CDATA[
// barra Google +1 (ciudadblogger.com)
function saludoPlus1(plusone) {
var div_ty = document.getElementById("mensajePlus1");
if (plusone.state == "on") {
document.getElementById('textoPlus1').className='cerrarTextoPlus1';
div_ty.innerHTML = "¡Gracias por recomendarnos! Tu voto es importante para nosotros.";
} else {
document.getElementById('textoPlus1').className='cerrarTextoPlus1';
div_ty.innerHTML = "Parece que ya no te gustamos, ojalá nos des otra oportunidad.";
}
}
//
/script

div align='center' id='barraPlus1'
span id='textoPlus1'¿Te ha gustado el blog? Qué tal si nos regalas un +1/span
script src='http://apis.google.com/js/plusone.js' type='text/javascript'/
div id='mensajePlus1'/span class='botonPlus1'g:plusone callback='saludoPlus1' href='http://nombre-de-mi-blog.blogspot.com'//span
/div

script type='text/javascript'
//![CDATA[
var divName = document.getElementById("barraPlus1");
if(!readCookie('cookiePlus1')) {
divName.style.display='block';
createCookie('cookiePlus1', 'cookiePlus1',7);// Número de días que dejará de verse
}
else {
divName.style.display='none';
}
//
/script

Ahora vamos a personalizar todo esto. En el segundo código, el de los estilos, está señalado en color verde algunas áreas que se pueden modificar como el color de fondo, tamaño de la letra, etc. Ahí mismo se controla la transparencia que tiene la barra, con un valor más alto se hace menos transparente, con uno más bajo se hace más transparente.

El primer texto en rojo es el mensaje que aparece cuando el lector recomienda el blog, el segundo texto es el mensaje cuando deja de recomendarlo, y el tercero es el mensaje que aparece por defecto cuando carga la página.
Un poco más abajo se señala dónde se debe cambiar la dirección de tu blog.

Por último, en color azul verás el 7, ese es el número de días que dejará de verse la barra estática, transcurrido ese tiempo el lector podrá verla de nuevo, a menos claro que él haya borrado las cookies de su navegador. Ese valor puedes cambiarlo por el que quieras.
Yo en mi ejemplo lo he puesto para que dure unos minutos nada más, así que cuando actualices esta página, dejes un comentario o ingreses a otra entrada dejará de verse, pero después estará ahí de vuelta.

El resultado me parece que puede ser muy óptimo para recomendar el blog con el botón +1 de Google, sobre todo porque podemos seguir usando el botón que recomienda las entradas, y al mismo tiempo usar este que recomendará el blog, no las entradas.

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 MARYLAND

HOME PHONE INTERNET BUNDLE Business management software Service business software Bankruptcy lawyer Car insurance in South Dakota Donate cars in ma DONATE CARS IN MA buy gift card Make money online Australia Hire php programmers Forensics online course Psd to html Html email Royalty Free Images Stock CAR INSURANCE IN SOUTH DAKOTA Cheap domain registration hosting CAR INSURANCE QUOTES PA Donate Your Car for Kids Psd to WordPress Insurance Casino reviews Mobile casino Donate Cars in MA Health Records Personal Health Record holland michigan college earthlink business internet How to donate a car in California WEBEX COSTS ashely madis Online casino Casino DUI lawyer Donate your Car for Money online colledges Best Seo company Online Colleges BETTER CONFERENCING CALLS mesothelioma claim Dayton freight lines Live casino Life Insurance Co Lincoln asterisk call center software mesothelioma ct Donating Used Cars to Charity structured settlement sell Php programmers for hire ONLINE COLLEDGES NUNAVUT CULTURE Hire php developers Seo companies Home Phone Internet Bundle auto accident attorney Torrance Donate Car To Charity CALIFORNIA Computer science classes online Donate cars Illinois Online colledges best accident attorneys Donate old cars to charity PHD IN COUNSELING EDUCATION Hire php developer Social media examiner New social media platforms Criminal Defense Attorneys Florida onlineclasses mesothelioma lawsuit Seo company Paperport Promotional Code mesothelioma personal injury lawyers motorcycle lawyer los angeles structured settlements companies mesothelioma attorneys california Dwi lawyer Donate car for tax credit Forex Trading Platform illinois law lemon Criminal lawyer Donating used cars to charity Claim benchmark lending business administration masters Criminal defense lawyer car insurance quotes WordPress theme designers register free domains donate your car for money Cheap Domain Registration Hosting mesothelioma trial attorney Auto Mobile Insurance Quote Adobe illustrator classes compare life assurance Php programmers Cheap Auto Insurance in VA Low Credit Line Credit Cards sell structured settlement calculator anti spam appliance structured settlement company Best social media platforms for business Social media platforms Personal Injury Law Firm Dayton Freight Lines Motor Replacements Social media platforms for business WordPress hosting DAYTON FREIGHT LINES DONATING A CAR IN MARYLAND hair removal washington dc Neuson Dallas mesothelioma attorneys Business finance group Structures Annuity Settlement attorney lawyer mesothelioma Custom WordPress theme designer LOW CREDIT LINE CREDIT CARDS business voice mail service Seo services