Añadir códigos QR en las entradas de Blogger – Free – Lawyers

Gracias a las API's de Google es posible insertar códigos Quick Response en las entradas de Blogger o en cualquier plataforma web. Con este método facilitamos el manejo de nuestro blog en dispositivos móviles.

Jugando un poco con los valores "data" y "expr" es posible adaptar esta API para que tome la URL de cada post y además que direccione directamente hacia la versión móvil del blog.

Puedes ver el resultado pasando el cursor del mouse por encima de la siguiente imagen (El QR es de prueba, direcciona hacia la página principal del blog):

El tutorial:

Paso 1: Insertando la función:

En este paso debemos buscar alguna sección en la cual insertar esta función, en el tutorial explicaré la manera de situarlas justo a la derecha de las entradas.

En "Diseño | Edición HTML" deberás buscar la siguiente línea:

data:post.body/

Arriba de ésta pega el siguiente (Si quieres que se vea debajo de cada entrada pégalo debajo):

div class="qr-codigos"img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcfixPQqLUQD6UjTQHzUuG6yffaDuFrMmoRd9yi13tx-PHZoJLuYG5kPjpSJzHEl3ZbWuUhRvkkP5fG4qgRluxwfnKpMMuAXfYirMf99agrye361uoUopouxuLVJ7TalWGNOVOF-OYcDQ/s1600/Mobile.png" width="30px" height="auto" /spanimg expr:src='"http://chart.apis.google.com/chart?chs=100x100&cht=qr&chld=|0&chl=" + data:post.url + "?m=1"' height='100' width='100'//span/div

Si quieres cambiar el ícono basta con reemplazar la URL destacada por algún otro ícono.

Paso 2: Añadiendo CSS:

Ahora deberás buscar el siguiente código:

/b:skin

Arriba de este pega el siguiente:

.qr-codigos{
position: relative;
float:right;
z-index: 0;
}
.qr-codigos:hover {
z-index: 60;
}

.qr-codigos img{
padding:0;
}

.qr-codigos span{
background:#fff;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition:0.5s;
transition: 0.5s;
position: absolute;
visibility: hidden;
left: -80px;
bottom: -80px;
color: #2d2d2d;
font-size:18px;
font-weight:normal;
font-family: Arial, Helvetica, sans-serif;
opacity:0;
text-align:center;
border:1px solid #d2d2d2;
padding:0;
}

.qr-codigos:hover span {
visibility: visible;
opacity:1;

}

Guarda los cambios y listo.

Importante:

Si quieres que la función no se muestre en la página principal deberás usar las condicionantes /b:if
Puedes modificar la orientación del ícono cambiando float:right; por float:left; .

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 DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINES HARDDRIVE 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 search 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

att call conference Make money online Australia Casino reviews Hire php programmers mesothelioma symptoms Donate cars Illinois DONATE CAR FOR TAX CREDIT Annuity Settlements miami personal injury lawyer Data Recovery Raid auto accident lawyer san francisco DUI lawyer phd in counseling education WordPress hosting google affiliate Online casino Php programmers for hire arizona auto accident attorney structured settlement buyer chicago hair laser removal federal criminal defense attorney personal injury law firm massage school dallas texas Cheap Domain Registration Hosting Forensics Online Course CAR ACCIDENT LAWYERS meso lawyer Social media platforms for business mesothelioma charities adverse credit remortgage Hire php developer Donating a Car in Maryland Donate Your Car Sacramento Business VOIP Solutions Sell Annuity Payment bus accident attorney los angeles Casino Mobile casino Futuristic Architecture benchmark lending Personal Injury Lawyers Asbestos Lawyers attorney lawyer mesothelioma Adobe illustrator classes mesothelioma dallas mesothelioma attorneys Life insurance co Lincoln Best social media platforms mesotheioma Cheap Auto Insurance in VA Cheap car insurance for ladies World trade center footage auto accident attorney World Trade Center Footage HOLLAND MICHIGAN COLLEGE Social media examiner mesothelioma personal injury lawyers Nunavut culture mesothelioma attorney assistance DONATE CARS IN MA Car Insurance Quotes PA georgia truck accident lawyer Live casino california law lemon ROYALTY FREE IMAGES STOCK Tech school car crash attorneys Custom WordPress theme designer CAR INSURANCE QUOTES MN DONATE CARS ILLINOIS home phone internet bundle Personal Injury Law Firm Photo Christmas cards New social media platforms Hire php developers Dwi lawyer Car Insurance in South Dakota Email bulk service mesothelioma care Social media tools Criminal lawyer Donate Old Cars to Charity Car Accident Lawyers Service business software Car Donate car insurance quotes Criminal defense lawyer life insurance quotes Health Records Personal Health Record Best Criminal Lawyers in Arizona asbestos mesothelioma lawsuit Bankruptcy lawyer alabama mesothelioma lawyer online motor insurance quotes How to Donate A Car in California Best social media platforms for business Psd to WordPress HOW TO DONATE A CAR IN CALIFORNIA Computer science classes online Futuristic architecture Social media campaigns Criminal Defense Attorneys Florida FORENSICS ONLINE COURSE Php programmers Hard drive Data Recovery Services Psd to html Dayton Freight Lines illinois law lemon Seo companies Learning adobe illustrator Online Motor Insurance Quotes mesothelioma claims Business finance group Seo services Claim

Cosas Para Blogueros

Añadir códigos QR en las entradas de Blogger – Free – Lawyers – php

Categories