Tutoriales sobre Programacion: blogger

Mostrando entradas con la etiqueta blogger. Mostrar todas las entradas

viernes, 27 de febrero de 2015

Infografía: TOP 11 consejos para optimizar el SEO de las entradas de tublog – Culture – Email – Credit – Shipping – Lincoln – php – Miami

Mientras leía artículos en algunascomunidades de Google+ me topé con estaInfografíaenelespaciogeeks sobre11consejos claves paraoptimizar el SEOde nuestrasentradas para los motores de búsquedala cual les quiero compartir.

Algunos de los consejos sobre SEO presentes en la infografía son:

Palabras claves en los títulos
Gancho en el título
Multimedia
150 palabras: "Menciona la KeyWord"
Velocidad de carga
URLs Ricas
Redes Sociales
Longitud de nuestro contenido
Links Internos
Sinónimos
Links Externos

Incluso sí lo notan, esos consejos están aplicados en esta entrada. Ahora bien, una imagen vale más que mil palabras, y más sí es una infografía como la siguiente.

También te podría interesar:

martes, 2 de septiembre de 2014

Insertar la insignia de Google+ en nuestro sitio web o blog. – Hipotecario – World – cancer – php

Parainsertar lainsignia de Google+ en nuestro sitio webo blog lo que haremos será ingresar al siguiente enlace:
https://developers.google.com/+/web/badge/?hl=es

Debemos haber ingresado con nuestra cuenta de google+ y nos aparecerá una página mostrándonos del lado izquierdo la configuración de la insignia, y del lado derecho una vista previa de la insignia que insertaremos en nuestro sitio web o blog junto al códigohtml que necesitaremos para ello.

Lo primero que haremos será configurar la insignia a nuestro gusto y dependiendo del diseño de nuestro sitio web.

Entre las opciones tenemos:

Usuario de Google+ en mi caso+Francisco Velasquez
Funciones, para esta ocasión elegiremos insignia.
Diseño,se cuenta con dos tipos de diseño: retrato y paisaje. Para retrato nos muestra nuestra imagen de perfil junto a la foto de portada, nuestro nombre y el botón de seguir. Para paisaje nos muestra lo anteriormente mencionado sin la foto de portada.
Temas de color,claro y oscuro (color blanco y gris oscuro).
Sí elegimos la opción retratopodemos quitar la foto de portada deshabilitándole.
A su vez podemos deshabilitar el eslogan.
Por último el idioma.

Una vez configurada la insigniacopiaremos el código html y lo insertaremos en el lugar que deseemos dentro de la plantilla del sitio web.

Para agregar nuestra insignia a nuestro blog deblogger tenemos la opción de ir adiseño.

Una vez allí hacemos clic enañadir un gadget.

Añadiremos la insignia de Google+.

Luego, configuraremos nuestra insignia y hacemos clic enguardar para añadirla a nuestro blog.

También te podría interesar:
Pop-up caja de me gusta facebook para blogger
Bloquear el acceso a sitios web utilizando archivo hosts
Solución - No puedo ver los anuncios de adsense desde mi computadora

CAR INSURANCE QUOTES PA Donate your Car for Money Proud Italian cook Seo companies data recovery raid Online casino WordPress hosting ONLINECLASSES arizona auto accident attorney Best social media platforms washington mesothelioma attorney ONLINE MOTOR INSURANCE QUOTES MESOTHELIOMA LAW FIRM Hire php developers mesothelioma attorney california Mortgage Email bulk service Mobile casino Live casino MET AUTO structured settlement annuity companies Massage School Dallas Texas harddrive data recovery services Criminal defense lawyer Casino dallas mesothelioma attorneys Dallas mesothelioma attorneys personal injury accident lawyer Car Accident Lawyers Online Christmas cards Italian cooking school DONATE CARS IN MA Php programmers for hire New social media platforms mesothelioma claims Make money online Australia Casino reviews verizon sip mesothelioma attorney florida mesothelioma charities massage school dallas texas World Trade Center Footage Nunavut culture Motor replacements Cheap domain registration hosting Criminal lawyer mesothelioma personal injury lawyers Car Insurance Quotes Colorado criminal defense attorneys florida Social media campaigns HOME PHONE INTERNET BUNDLE DUI lawyer georgia truck accident lawyer Met Auto student loan consolidation program motorcycle lawyer los angeles DONATE YOUR CAR FOR KIDS Social media platforms for business Cheap Domain Registration Hosting Auto Mobile Shipping Quote asbestos mesothelioma lawsuit how to donate a car in california Hire php programmers google affiliate la personal injury lawyer Dwi lawyer donate your car for money HOW TO DONATE A CAR IN CALIFORNIA lease management software Automobile Accident Attorney Online motor insurance quotes Hire php developer Cheap car insurance for ladies city college in miami mesothelioma selling a structured settlement Service business software structured settlement quote Best Seo company structered settlement sell structured settlement calculator Asbestos Lung Cancer CAR INSURANCE QUOTES UTAH Bankruptcy lawyer motorcycle accident lawyer san diego dui lawyer scottsdale Email Bulk Service Computer science classes online online colledges adverse credit remortgage Php programmers mesothelioma lawyer virginia Dayton Freight Lines DALLAS MESOTHELIOMA ATTORNEYS email bulk service asbestos lung cancer canada personals yahoo domain yahoo Best social media platforms for business Social media strategies Donate cars Illinois motorcycle accident lawyer california mortgage adviser mesotheolima Psychic for Free Business finance group Royalty free images stock Custom WordPress theme designer alabama mesothelioma lawyer Seo services mesothelioma attorney illinois accident attorney in los angeles business voice mail service Donate a Car in Maryland car accident lawyer san bernardino injury lawyer houston tx Cheap car insurance in Virginia Injury Lawyers Sell Annuity Payment DONATE CAR FOR TAX CREDIT Business management software Cheap Car Insurance for Ladies alcohol rehab center in florida criminal defense federal lawyer Online Motor Insurance Quotes business voip solutions offshore accident lawyer Seo company Custom Christmas cards Register free domains Asbestos Lawyers structured settlement broker Photo Christmas cards WordPress themes for designers Donate Car for Tax Credit selling annuity Criminal Defense Attorneys Florida diagnosed with mesothelioma Psd to WordPress Social media examiner google adsense Html email HOLLAND MICHIGAN COLLEGE Social media management Tech school Social media tools mesothelioma settlements mesothelioma attorney directory Social media platforms Donating Used Cars to Charity Paperport Promotional Code Donating a Car in Maryland Christmas cards anti spam appliance MOTOR REPLACEMENTS Psd to html WordPress theme designers structured annuity settlement mesothelioma care domain name yahoo DONATE OLD CARS TO CHARITY Adobe illustrator classes Learning adobe illustrator DONATE CARS ILLINOIS STRUCTURED ANNUITY SETTLEMENT Mesothelioma Law Firm Donate Car to Charity California mesothelioma attorney assistance Car Insurance Quotes PA Donate Your Car Sacramento VIRTUAL DATA ROOMS Donate Cars in MA workplace accident attorney Dayton freight lines How to Donate A Car in California Donate Your Car for Kids Online College Course CHEAP CAR INSURANCE FOR LADIES Structures Annuity Settlement Insurance Companies Life Insurance Co Lincoln NUNAVUT CULTURE firm law mesothelioma Annuity Settlements Nunavut Culture buy gift card Hard drive Data Recovery Services cash out structured settlement online criminal justice degree accident lawyers in los angeles buyers of structured settlements donate your car for kids Futuristic Architecture AUTOMOBILE ACCIDENT ATTORNEY Motor Replacements workers compensation lawyer los angeles Donate Cars Illinois Low Credit Line Credit Cards Cheap auto insurance in VA Best Criminal Lawyers in Arizona Car Insurance Quotes Utah REGISTER FREE DOMAINS Criminal lawyer Miami Holland Michigan College Online Colleges accident attorneys orange county CAR INSURANCE QUOTES MN DAYTON FREIGHT LINES Online Classes structured settlement purchasers most profitable internet business CAR ACCIDENT LAWYERS Donate Old Cars to Charity fortis health insurance temporary Dallas Mesothelioma Attorneys miami personal injury attorney Forensics online course Car Insurance Quotes MN domain registration yahoo cheap car insurance in virginia Personal Injury Lawyers personal injury attorney springfield mo Cheap Auto Insurance in VA Forensics Online Course Home Phone Internet Bundle PHD on Counseling Education Neuson Royalty Free Images Stock injury lawyers Car Insurance in South Dakota Webex Costs WEBEX COSTS Cheap Car Insurance in Virginia Register Free Domains Better Conference Calls Mortgage Adviser Car Donate motorcycle accident attorney chicago Virtual Data Rooms Car insurance quotes Utah Auto Accident Attorney Paperport promotional code Data Recovery Raid motor replacements Motor Insurance Quotes Car Insurance Quotes houston tx auto insurance Health Records Personal Health Record Personal Injury Law Firm WORLD TRADE CENTER FOOTAGE

domingo, 22 de junio de 2014

Pop-up caja de me gusta facebook para blogger – School – Hard drive – Accident – Dominios

Una buena idea para mantenernos en contacto con nuestros lectores es mediante las redes sociales, con facebook podemos crear páginas de fans de nuestro sitio web y compartir constantemente nuestras entradas. Una buena forma de asegurarnos de que los que visitan nuestro blog hagan clic en "me gusta" es con un pop-up que se abra cuando visitan nuestro blog.

Para agregar este pop-up a nuestro blog lo que haremos será ir al panel de administración de blogger y entramos en diseño.

Una vez allí hacemos click en añadir un gadget

Agregaremos un gadget del tipo HTML/Javascript

Nos abrirá una nueva ventana en la que pegaremos el siguiente código

script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/script
style
#fanback {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#fan-exit {
width:100%;
height:100%;
}
#JasperRoberts {
background:white;
width:420px;
height:270px;
position:absolute;
top:58%;
left:63%;
margin:-220px 0 0 -375px;
-webkit-box-shadow: inset 0 0 50px 0 #939393;
-moz-box-shadow: inset 0 0 50px 0 #939393;
box-shadow: inset 0 0 50px 0 #939393;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: -220px 0 0 -375px;
}
#TheBlogWidgets {
float:right;
cursor:pointer;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtkBHl_C4YqtG-PHmJkpMNoGc42VYk_cId7jUtPCMQ92gMWbRIoc-n1gtahnAy6Jmtqd8JN9xGeiDm6Suhzhh2QOU_km6iXGLjveb4YfePsHUC2yhxMWl7dnpmZ1c-_Q4A_c4thBNBJiHX/s1600/TheBlogWidgets.png) repeat;
height:15px;
padding:20px;
position:relative;
padding-right:40px;
margin-top:-20px;
margin-right:-22px;
}
.remove-borda {
height:1px;
width:366px;
margin:0 auto;
background:#F3F3F3;
margin-top:16px;
position:relative;
margin-left:20px;
}
#linkit,#linkit a.visited,#linkit a,#linkit a:hover {
color:#80808B;
font-size:10px;
margin: 0 auto 5px auto;
float:center;
}
/style


script type='text/javascript'
//![CDATA[
jQuery.cookie = function (key, value, options) {

// key and at least value given, set cookie...
if (arguments.length  1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);

if (value === null || value === undefined) {
options.expires = -1;
}

if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}

value = String(value);

return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}

// key and possibly options given, get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//
/script
script type='text/javascript'
jQuery(document).ready(function($){
if($.cookie('popup_user_login') != 'yes'){
$('#fanback').delay(20000).fadeIn('medium');
$('#TheBlogWidgets, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
});
/script

div id='fanback'
div id='fan-exit'
/div
div id='JasperRoberts'
div id='TheBlogWidgets'
/div
div class='remove-borda'
/div
iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?

href=http://www.facebook.com/BlogUnEstudiantedeInformatica&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'

style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'/iframecenter
span style="color:#a8a8a8;font-size:8px;" id="linkit"Powered by a rel="nofollow" style="color:#a8a8a8;font-size:8px;" href="http://jasperroberts.com"Jasper Roberts Consulting/a - a style="color:#a8a8a8;font-size:8px;" href="http://www.theblogwidgets.com"Widget/a/span/center
/div
/div

Copiamos y pegamos el código anterior como se muestra en esta imagen. Además buscamos la línea que contiene el enlacehttp://www.facebook.com/BlogUnEstudiantedeInformatica y la cambiamos por el enlace de nuestra página de facebook.Finalmente hacemos click en guardar.

Es importante resaltar que este pop-up solo se mostrará una vez a cada visitante, a menos que este borre las cookies. El pop-up se mostrará luego de 20 segundos, sí queremos aumentar o disminuir este tiempo buscamos la línea$('#fanback').delay(20000).fadeIn('medium'); yeditamos el delay que es el tiempo en milisegundos que tarda en mostrarse el pop-up. Es decir, sí son 20000 milisegundos correspondería a 20 segundos. Y sí queremos que se muestre en 10 segundos entonces cambiaríamos 20000 por 10000.

Agregar dos FanPages al pop-up:

En los comentarios de esta entradaAnaTuron preguntaba sí es posible agregar más de una página de fans al pop-up. Si, es posible.

Sí poseemos mas de una página de fans en facebook una buena opción podría ser agregar al menos dos de estas al pop-up, esto lo haremos insertando un nuevo iframe de la caja de facebook cambiando para este el enlace de la fanpage. También hacer un cambio en el css en cuanto a la altura del gadget. El código html para poder agregar dos fanpage es el siguiente:

script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/script
style
#fanback {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#fan-exit {
width:100%;
height:100%;
}
#JasperRoberts {
background:white;
width:420px;
height:540px;
position:absolute;
top:58%;
left:63%;
margin:-220px 0 0 -375px;
-webkit-box-shadow: inset 0 0 50px 0 #939393;
-moz-box-shadow: inset 0 0 50px 0 #939393;
box-shadow: inset 0 0 50px 0 #939393;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: -220px 0 0 -375px;
}
#TheBlogWidgets {
float:right;
cursor:pointer;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtkBHl_C4YqtG-PHmJkpMNoGc42VYk_cId7jUtPCMQ92gMWbRIoc-n1gtahnAy6Jmtqd8JN9xGeiDm6Suhzhh2QOU_km6iXGLjveb4YfePsHUC2yhxMWl7dnpmZ1c-_Q4A_c4thBNBJiHX/s1600/TheBlogWidgets.png) repeat;
height:15px;
padding:20px;
position:relative;
padding-right:40px;
margin-top:-20px;
margin-right:-22px;
}
.remove-borda {
height:1px;
width:366px;
margin:0 auto;
background:#F3F3F3;
margin-top:16px;
position:relative;
margin-left:20px;
}
#linkit,#linkit a.visited,#linkit a,#linkit a:hover {
color:#80808B;
font-size:10px;
margin: 0 auto 5px auto;
float:center;
}
/style


script type='text/javascript'
//![CDATA[
jQuery.cookie = function (key, value, options) {

// key and at least value given, set cookie...
if (arguments.length  1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);

if (value === null || value === undefined) {
options.expires = -1;
}

if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}

value = String(value);

return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}

// key and possibly options given, get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//
/script
script type='text/javascript'
jQuery(document).ready(function($){
if($.cookie('popup_user_login') != 'yes'){
$('#fanback').delay(20000).fadeIn('medium');
$('#TheBlogWidgets, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
});
/script

div id='fanback'
div id='fan-exit'
/div
div id='JasperRoberts'
div id='TheBlogWidgets'
/div
div class='remove-borda'
/div
piframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?

href=http://www.facebook.com/NombreDeLaPrimeraFanPage&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'

style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'/iframe/p
piframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?

href=http://www.facebook.com/NombreDelaSegundaFanPage&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'

style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'/iframe/pcenter
span style="color:#a8a8a8;font-size:8px;" id="linkit"Powered by a rel="nofollow" style="color:#a8a8a8;font-size:8px;" href="http://jasperroberts.com"Jasper Roberts Consulting/a - a style="color:#a8a8a8;font-size:8px;" href="http://www.theblogwidgets.com"Widget/a/span/center
/div
/div

IMPORTANTE
Solo debemos editar el enlace de nuestras páginas de fans de facebook donde dice:

http://www.facebook.com/NombreDeLaPrimeraFanPage
http://www.facebook.com/NombreDelaSegundaFanPage

Una vez agregado el gadget nuestro pop-up con dos páginas de fans se vería de la siguiente manera:

También te podría interesar:
Slider automático de últimas entradas para blogger
Iconos sociales color azul para blogger
Crear formulario de contacto para blogger
Colocar código en entradas de blog