Cosas Para Blogueros: Entradas

Mostrando entradas con la etiqueta Entradas. Mostrar todas las entradas

Botones para compartir flotantes que se deslizan al bajar – Hard drive

Damian 14:19 Entradas, Facebook, Google Plus, Twitter

Hace poco veíamos una manera de poner debajo de los títulosbotones para compartir en las redes sociales, de forma flotante, es decir, que éstos permanecían visibles aun cuando se bajara el scroll de la página.

En esta ocasión veremos algo similar, digo similar porque aunque también se mantienen flotantes, éstosbotones para compartir las entradas del blog bajan junto con el scroll de la página pero con un ligeroefecto deslizante, además, éstos botones se encontrarán del lado izquierdo de las entradas. Incluiremos sólo los botones básicos:Facebook, Google+ y Twitter, sin embargo se pueden agregar más o cambiarlos por otros.

Puedes ver el ejemplo aquí mismo en esta entrada, al bajar la página verás que los botones también bajan, y al subir de nuevo los botones regresarán a su lugar.

Para poner estos botones flotantes para compartir usaremos un script muy corto de jQuery.
Lo primero es ingresar aPlantilla | Edición de HTML, marcar la casillaExpandir plantillas de artilugios y pegar antes de/head lo siguiente:

script src='//ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js' type='text/javascript'/
script type='text/javascript'
// ![CDATA[
$(function() {
var offset = $("#BotonesFlotantes").offset();
var topPadding = 15;
$(window).scroll(function() {
if ($(window).scrollTop() offset.top) {
$("#BotonesFlotantes").stop().animate({
marginTop: $(window).scrollTop() - offset.top + topPadding
});
} else {
$("#BotonesFlotantes").stop().animate({
marginTop: 0
});
};
});
});
//
/script
style
#BotonesFlotantes {
position: absolute;
left: -100px;/* Distancia desde la izquierda */
border: 1px solid #FB5F55;/* Borde del contenedor */
border-right: 0px;
padding: 10px;
background-color: #FFF;/* Color de fondo del contenedor */
z-index:9;
}
#BotonesFlotantes div {
margin: 10px 0;
}
/style

Luego buscamos esta línea:

div class='post-header'

Y debajo de ella pega lo siguiente:

b:if cond='data:blog.pageType == "item"'
div id='BotonesFlotantes'
diviframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url+ "&layout=box_count&show_faces=false&width=73&height=63&action=like&font=tahoma&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:73px; height:63px'//div

diva class='twitter-share-button' data-count='vertical' data-lang='es' href='http://twitter.com/share'Tweet/ascript src='http://platform.twitter.com/widgets.js' type='text/javascript'//div

divscript src='http://apis.google.com/js/plusone.js' type='text/javascript'/g:plusone size='tall'//div

/div
/b:if

Guarda los cambios y listo.
En el primer código hemos puesto tanto el script como los estilos ya que ambos son muy breves. Ahí verás en color verde a qué corresponde cada área.
Donde dice/* Distancia desde la izquierda */ debes modificarlo hasta que quede a la distancia correcta según tu plantilla. Ahí mismo verás dónde cambiarle el borde y fondo del contenedor.

Estos botones se verán sólo en las entradas individuales, de otra forma no funcionarían.
Si quisieras agregar más botones entonces añádelos antes de/div y cada uno encerrado entre div y /div

Recuerda que este gadget usa jQuery, por lo que si ya tienesla última versión de jQuery no hace falta repetir el script. Y si usas Mootools o Scriptaculous debesaplicar unos cambios al script.

Sino te aparecieran, pon la/* Distancia desde la izquierda */ en 0px, si tampoco aparecen entonces el último código ponlo arriba dedata:post.body/

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 MARYLAND Mundial 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

MESOTHELIOMA LAW FIRM DONATE CAR TO CHARITY CALIFORNIA HARDDRIVE DATA RECOVERY SERVICES DONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONA STRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private Jet Mundial 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 cash 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

Computer science classes online lease management software personal accident attorney buying structured settlements Criminal defense attorneys Florida Donate your Car for Money mesothelioma Casino Met Auto best accident attorneys Business finance group personal injury law firm Criminal lawyer Automobile Accident Attorney Royalty free images stock Social media management Car Insurance Quotes MN MESOTHELIOMA LAW FIRM car insurance quotes tucson car accident attorney low credit line credit cards att call conference data recovery raid DUI lawyer structured settlement broker firm law mesothelioma Make money online Australia Online casino Bankruptcy lawyer Adobe illustrator classes Mobile casino AUTOMOBILE ACCIDENT ATTORNEY BETTER CONFERENCING CALLS Custom Christmas cards Donate Cars Illinois Casino reviews Hire php developers mesothelioma settlement amounts Social media platforms car insurance in south dakota Massage school Dallas Texas mesothelioma claims Social media tools accident attorneys orange county Live casino structured settlement brokers Donate car for tax credit Forex Trading Platform Italian cooking school sell annuity payment Proud Italian cook WordPress theme designers Psd to WordPress Php programmers for hire SELL ANNUITY PAYMENT Service business software CAR INSURANCE QUOTES COLORADO CAR DONATE Hire php programmers auto insurance yuba city ca los angeles workers compensation lawyers online colledges car insurance companies Social media campaigns PSYCHIC FOR FREE mesothelioma lawyer massachusetts LIFE INSURANCE CO LINCOLN Dwi lawyer Social media platforms for business Photo Christmas cards truck accident attorney los angeles personal injury accident lawyer Best Criminal Lawyers in Arizona car insurance quotes pa car crash attorneys Dayton Freight Lines structured settlement purchasers Injury Lawyers EMAIL BULK SERVICE CAR ACCIDENT LAWYERS Sell Annuity Payment Php programmers Best social media platforms for business Criminal defense lawyer Donate Your Car for Kids criminal defense attorneys florida Hire php developer cheap auto insurance in va houston mesothelioma attorney Annuity Settlements MET AUTO california mesothelioma attorney Gas/Electricity Dayton freight lines Seo companies PHD on Counseling Education Home Phone Internet Bundle massage school dallas texas Custom WordPress theme designer PAPERPORT PROMOTIONAL CODE Social media strategies New social media platforms injury lawyers sell your structured settlement payments Hard drive data recovery services PHD IN COUNSELING EDUCATION STRUCTURED ANNUITY SETTLEMENT Car insurance quotes Utah motorcycle accident lawyer san diego car donate Neuson Car insurance quotes pa Seo company DONATE CARS ILLINOIS Seo services

Poner un link en el nombre del autor en las entradas – coche – Registros

Damian 16:26 Entradas, Trucos

No todos usamos el gadget de perfil, así queponerle al nombre del autor un enlace a nuestro perfil puede servirnos para mostrar a nuestros lectores un poco más de información acerca de nosotros, incluso para que conozcan otros blogs que administramos. Pero además, no tenemos que vernos obligados a poner el enlace a nuestro perfil de Blogger pues bien podemos poner la dirección de nuestro blog, de nuestra página de Facebook, Twitter, o cualquier otra.

Si sólo hay un autor en el blog entra enPlantilla | Edición de HTML, marca la casillaExpandir plantillas de artilugios y busca este código:

span class='post-author vcard'
b:if cond='data:top.showAuthor'
data:top.authorLabel/
b:if cond='data:post.authorProfileUrl'
span class='fn'
a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'
data:post.author/
/a
/span
b:else/
span class='fn'data:post.author//span
/b:if
/b:if
/span

Sino lo encuentras tal como está busca uno parecido (incluso es posible que lo tengas dos veces).
Cambia lo que está en color rojo por esto:

a href="URL del enlace"data:post.author//a

Ahí pon la URL del enlace de tu perfil de Blogger, de Facebook, Twitter o de la página que quieras. Si quieres que se abra en otra ventana agrega el atributotarget="_blank"

Hasta ahí es todo para quienes tienen en su blog sólo un autor, ¿pero qué pasa si el blog tiene dos o más autores? En ese caso la página desoporte de Blogger nos da la respuesta, omitimos los pasos anteriores y buscamos este código:

span class='post-author vcard'
b:if cond='data:top.showAuthor'
data:top.authorLabel/
b:if cond='data:post.authorProfileUrl'
span class='fn'
a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'
data:post.author/
/a
/span
b:else/
span class='fn'data:post.author//span
/b:if
/b:if
/span

Cambia lo que está en color rojo por esto:

script type="text/javascript" makeprofilelink("data:post.author/"); /script

Ahora pega antes de/head el siguiente script:

script type='text/javascript'
//![CDATA[
var team = new Array();
team["Nombre del primer autor"]="XXXXXXXXXXXXXXXXXX";
team["Nombre del segundo autor"]="XXXXXXXXXXXXXXXXXX";
team["Nombre del tercer autor"]="XXXXXXXXXXXXXXXXXX";

function makeprofilelink (authorname) {
var pid = team[authorname];
document.write("a href="http://www.blogger.com/profile/"
+ pid + """ + authorname + "/a");
}
//
/script

Agrega donde se indica el nombre de cada autor del blog, ninguno de ellos deberá tener el mismo nombre/nick. Y en color azul coloca los números que aparecen al final de la URL del perfil de cada autor, por ejemplo, esta es la URL de mi perfil:

http://www.blogger.com/profile/11069825386066411200

Esos números que están al final son los que necesitamos poner.
Si tuvieras más autores agrega una línea como esta por cada autor extra:

team["Nombre de otro autor"]="XXXXXXXXXXXXXXXXXX";

Con eso cada autor tendrá un enlace a su perfil de Blogger, pero también podemos usar otra página.
Por ejemplo, si quieres que enlace a la página de Facebook de cada autor entonces cambia la URL que está en color gris por:
http://www.facebook.com/

Y en las equis azules pon el nombre de usuario de Facebook del autor.
Si quisieras que enlace al perfil de Twitter entonces la URL será esta:
http://www.twitter.com/

Y nuevamente en color azul pondrás el nombre de usuario de Twitter del autor.
De esa forma cada autor tendrá el enlace al perfil de la página que hayas elegido.

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

world trade center footage Social media management Virtual Data Rooms Dwi lawyer Online casino AUTOMOBILE ACCIDENT ATTORNEY MESOTHELIOMA LAW FIRM Criminal defense lawyer Casino Italian cooking school HARDDRIVE DATA RECOVERY SERVICES mesothelioma help Computer science classes online CAR INSURANCE QUOTES COLORADO donate car for tax credit Business management software peritoneal mesothelioma mesothelioma litigation World trade center footage Car insurance quotes MN CAR INSURANCE QUOTES UTAH Mortgage adviser refinance with poor credit Hire php developer Best social media platforms for business selling annuity Business VOIP Solutions Psychic for free buyer of structured settlement annuity Car Insurance Quotes Utah Auto Mobile Shipping Quote mesothelioma cases Structures Annuity Settlement DONATING A CAR IN MARYLAND sell annuity payment semi truck accident lawyers Auto Mobile Insurance Quote Christmas cards Mobile casino Criminal lawyer Make money online Australia structured settlement agreement Casino reviews NUNAVUT CULTURE Live casino Car Insurance Quotes Colorado DUI lawyer low credit line credit cards mesothelioma lawyer asbestos cancer lawsuit student loan consolidation program Hire php developers Hire php programmers WORLD TRADE CENTER FOOTAGE seattle mesothelioma lawyer Online Motor Insurance Quotes PHD IN COUNSELING EDUCATION Personal Injury Law Firm mesothelioma attorney florida Car Insurance in South Dakota truck accident attorney los angeles florida car insurance company illinois law lemon Holland Michigan College Service business software personal injury law firm Photo Christmas cards Car Insurance Quotes MN Business finance group Php programmers for hire sell my structured settlement selling annuity payments for cash Learning adobe illustrator supportpeachtreecom Bankruptcy lawyer Futuristic Architecture Online Christmas cards LOW CREDIT LINE CREDIT CARDS accident car florida lawyer Social media campaigns Php programmers MET AUTO online motor insurance quotes uk homeowner loans cash out annuity Adobe illustrator classes Seo companies domain yahoo mesotheolima Criminal defense attorneys Florida New social media platforms Seo services mesothelioma care Custom WordPress theme designer Register Free Domains domains yahoo asterisk call center software Social media platforms for business st louis mesothelioma attorney Best Seo company Cheap Car Insurance for Ladies Social media strategies Home Phone Internet Bundle Donate Your Car Sacramento Social media examiner Cheap domain registration hosting Online Colleges Best social media platforms Online College Course Seo company Sell Annuity Payment Paperport promotional code Better Conference Calls Email bulk service Cheap Domain Registration Hosting Psd to WordPress

Elegir cuántas entradas mostrar en las páginas de Etiquetas – Law Firm

Damian 22:35 Entradas, Trucos

Quienes configuran el blog para mostrar un número reducido de entradas en la portada usualmente desean que estenúmero de entradas sea el mismo cuando se navega por las páginas de Etiquetas.

Sin embargo Blogger muestra por defecto 20 entradas en esas páginas, o menos en caso de que la velocidad de carga del blog ande lenta, por aquello de laautopaginación.

Como ese número de entradas depende de Blogger lo que podemos hacer es modificar los enlaces de las etiquetas para que muestren el número de entradas que deseamos.

Así que entramos a laEdición HTML de la plantilla, marcamos la casillaExpandir plantillas de artilugios y buscamos este fragmento:

'data:label.url'

Con mucho cuidado cámbialo por esto:

'data:label.url + "?max-results=5"'

Si tuvieras más de una vez ese código aplica el cambio en todos los que encuentres.

En color rojo está el número de entradas que quieras que aparezcan.

Eso hará que en el enlace de la etiqueta, o en el gadget de Etiquetas se cambie la URL para mostrar el número de entradas que hemos elegido.

Si tuvieras un menú con las URLs de las etiquetas de forma directa entonces habrá que añadir un parámetro a esos enlaces. Por ejemplo, la URL de una etiqueta es así:

http://nombre-de-mi-blog.blogspot.com/search/label/Nombre-de-la-etiqueta

Y se le añadiría lo de color azul:

http://nombre-de-mi-blog.blogspot.com/search/label/Nombre-de-la-etiqueta?max-results=5

Nuevamente en el número de color rojo podemos decidir cuántas entradas se mostrarán.
Y con eso podrás elegir cuántas entradas mostrar en las páginas de Etiquetas, siempre y cuando Blogger no te limite con el número de entradas respecto a la autopaginación.

structured settlement brokers Dayton Freight Lines Motor Insurance Quotes mesothelioma lawyer texas tennessee mesothelioma lawyer HOW TO DONATE A CAR IN CALIFORNIA WordPress themes for designers donating used cars to charity better conferencing calls Online Christmas cards Car Insurance Companies alcohol rehab center in florida windows phone for business Casino DUI lawyer att call conference asbestos exposure lawyers Online casino mesothelioma attorney boca raton personal injury attorney mesothelioma lawyers san diego MASSAGE SCHOOL DALLAS TEXAS Car Insurance Quotes MN Holland Michigan College Insurance Photo Christmas cards Cheap car insurance in Virginia Social media campaigns Mobile casino Online colledges Car insurance quotes pa Make money online Australia orlando criminal attorney Car Donate Register Free Domains Car insurance quotes Utah Donate Car for Tax Credit Casino reviews MET AUTO CAR INSURANCE QUOTES MN anti spam exchange server Bankruptcy lawyer Criminal defense lawyer Live casino dui lawyer scottsdale Php programmers HOME PHONE INTERNET BUNDLE structured settlement cash out donate your car for money accident car florida lawyer buying structured settlements DONATE CARS ILLINOIS Adobe illustrator classes asbestos lawyers Psd to html how to donate a car in california Psychic for free Seo company Psd to WordPress Met Auto Donate Your Car for Kids mesothelioma lawyer virginia Hire php developer Custom WordPress theme designer auto insurance cost by state Social media management Hire php developers refinance with bad credit Hire php programmers auto insurance yuba city ca Dwi lawyer Criminal lawyer Service business software CHEAP CAR INSURANCE IN VIRGINIA Php programmers for hire Massage School Dallas Texas data recovery raid Motor Replacements HARDDRIVE DATA RECOVERY SERVICES lease management software Computer science classes online Best social media platforms fortis health insurance temporary yahoo web hosting Personal Injury Law Firm Low Credit Line Credit Cards register free domains BEST CRIMINAL LAWYER IN ARIZONA best structured settlement companies florida car insurance company Seo companies Annuity Settlements Best social media platforms for business Mesothelioma Law Firm Donate a car in Maryland WordPress hosting Donating Used Cars to Charity Seo services ONLINECLASSES Online classes Forex Trading Platform mesothelioma trial attorney DONATE YOUR CAR FOR KIDS best criminal lawyer in arizona New social media platforms personal injury accident lawyer buy my structured settlement HOLLAND MICHIGAN COLLEGE Social media tools selling my structured settlement personal injury lawyer STRUCTURED ANNUITY SETTLEMENT structured settlement blog insurance medical temporary donate old cars to charity

Bloques entrecomillados con :after y :before + ejemplos – cancer – Teleconferencias – Registros

Damian 21:00 Entradas

Tiempo atrás vimos cómo personalizar losbloques entrecomillados aplicando estilos simples tales como un borde y un color de fondo.

Ahora no nos limitaremos tanto, y usaremos laspseudoclases :after y :before para que losbloques entrecomillados (blockquotes) tengan comillas, al inicio y al final de la cita. Además usaremos un poco más de CSS para hacerlos más vistosos.

La pseudoclase:before nos ayudará a poner "algo" antes del bloque entrecomillado, mientras que:after lo pondrá después.

¿Y qué pondrá? Aquí entra la propiedadcontent a echarnos la mano, podremos usar comillas o imágenes para darle estilo a nuestro bloque.

El código base para entender de lo que hablamos es este:

.post-body blockquote:before {
content: "\201C";
}
.post-body blockquote:after {
content: "\201D";
}

Ahí indicamos que antes del bloque usaremos la comilla de apertura \201C que traducido al cristiano es esta:“
Y al final del bloque usaremos la comilla de cierre \201D que es esta:”
También podemos usaropen-quote yclose-quote en su lugar.

.post-body blockquote:before {
content: open-quote;
}
.post-body blockquote:after {
content: close-quote;
}

O bien, una imagen, en la cual la primera sería la imagen de la comilla de apertura y la segunda sería la imagen de la comilla de cierre:

.post-body blockquote:before {
content: url(URL de la imagen);
}
.post-body blockquote:after {
content: url(URL de la imagen);
}

Teniendo la base podemos crear diferentes estilos, este sería uno muy sencillo:

.post-body blockquote {
background:#F7F8E0;/* Color de fondo */
padding:10px;
}
.post-body blockquote:before {
content: "\201C";
font-family: Georgia;
font-size:40px;
font-weight: bold;
line-height:0px;
vertical-align:middle;
}
.post-body blockquote:after {
content: "\201D";
font-family: Georgia;
font-size:40px;
font-weight: bold;
line-height:0px;
vertical-align:middle;
padding-top:10px;
}

A este le podemos aplicar un fondo gradiente y sombras:

.post-body blockquote {
padding:10px;
border-color: #999;/* Color del borde */
background: -webkit-linear-gradient(top, white, #E0E0E0);/* Gradientes */
background: -moz-linear-gradient(top, #fff, #E0E0E0);
background: -ms-linear-gradient(top, #fff, #E0E0E0);
background: -o-linear-gradient(top, #fff, #E0E0E0);
box-shadow: 0px 0px 15px #000000;/* Sombra */
}
.post-body blockquote:before {
content: "\201C";
font-family: Georgia;
font-size:40px;
font-weight: bold;
line-height:0px;
vertical-align:middle;
}
.post-body blockquote:after {
content: "\201D";
font-family: Georgia;
font-size:40px;
font-weight: bold;
line-height:0px;
vertical-align:middle;
padding-top:10px;
}

A este lo haremos más "divertido" poniéndole un color más vivo y girándolo un poco:

.post-body blockquote {
border-radius: 5px; /* Borde redondeado */
box-shadow: 5px 5px 2px #696969;/* Sombra */
-webkit-transform: rotate(-4deg); /* Rotación */
-moz-transform: rotate(-4deg);
-o-transform: rotate(-4deg);
background-color: #F4A460; /* Color de fondo */
padding: 10px;
color: #FFFFFF;/* Color del texto */
}
.post-body blockquote:before {
content: "\201C";
font-family: Georgia;
font-size:40px;
font-weight: bold;
line-height:0px;
vertical-align:middle;
}
.post-body blockquote:after {
content: "\201D";
font-family: Georgia;
font-size:40px;
font-weight: bold;
line-height:0px;
vertical-align:middle;
padding-top:10px;
}

Y a este le pondremos una imagen animada como comillas, además de un borde resplandeciente:

.post-body blockquote {
background:#CEECF5;/* Color de fondo */
padding:10px;
width:85%;
border-radius: 0px 30px;/* Bordes redondeados */
border: 2px solid #fff;/* Borde interior */
-moz-box-shadow: 0 0 15px #D54CB5, inset 0 0 15px #D54CB5;
-webkit-box-shadow: 0 0 15px #D54CB5, inset 0 0 15px #D54CB5;
-goog-ms-box-shadow: 0 0 15px #D54CB5, inset 0 0 15px #D54CB5;
box-shadow: 0 0 15px #D54CB5, inset 0 0 15px #D54CB5;
}
.post-body blockquote:before {
content: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0IDBvxdyugSo4V5BW76UB-rpfW7ivqvwrp79BqPy5if-cWIgPF3IznpE0BNZ0s_qn9FDJfAIDH6VeLeZuUpK0F4cDV120hH3yukrKiZ5Xs-g7JmtrbrTFMt5WPEDW-UuqAQqyI5HWk6g/s52/comilla1.gif);
font-size:40px;
font-weight: bold;
line-height:0px;
vertical-align:middle;
}
.post-body blockquote:after {
content: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMT66tY0hDnGKrmlCWf-_913eeWK2QWEfm4xCGlBIV6KDg6yd5g2ZcsOSrDBUw21IfM6SS3KzVn51fFam5tLEFN2rzhzsI6zLFskrhOXRGmiPQmDstcQiL1R1-mWw2LlUl8K9vM69Qwig/s39/comilla2.gif);
font-size:40px;
font-weight: bold;
line-height:0px;
vertical-align:middle;
}

Cualquiera de los códigos anteriores los puedes poner en sustitución de los que ya tengas, o bien, sino los tienes definidos puedes ponerlos antes de/b:skin

Cualquiera de los ejemplos es completamente personalizable, encolor verde están las anotaciones del área a la que corresponde cada estilo.
En el caso de las comillas verás esto:

font-family: Georgia;
font-size:40px;
font-weight: bold;
line-height:0px;
vertical-align:middle;
padding-top:10px;

font-family es el tipo de fuente,font-size el tamaño de la comilla,font-weight lo pone en negrita con la declaración bold,line-height es el espacio entre líneas,vertical-align es para alinearlo verticalmente, ypadding-top el espacio respecto a la línea de arriba.

Ten en cuenta que algunos de estos estilos sólo se verán en navegadores modernos -ya sabes por cuál lo digo- , pero en el resto se ve perfectamente bien.

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 MARYLAND Mundial Football history FIFA World Cup,smart,huge/big,sciencie media,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 cash 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

CAR INSURANCE QUOTES MN mesothelioma attorneys california anti spam appliance dui lawyer scottsdale Paperport Promotional Code mesothelioma law firms Online casino Annuity Settlements personal injury attorney ocala fl Psychic for Free Seo services mesothelioma settlements STRUCTURED ANNUITY SETTLEMENT tucson car accident attorney insurance medical temporary futuristic architecture DAYTON FREIGHT LINES Holland Michigan College structered settlement Casino Better Conference Calls Best social media platforms for business mesothelioma survival rates Online Criminal Justice Degree Motor Replacements Donate Cars in MA motorcycle lawyer los angeles Make money online Australia Casino reviews world trade center footage donate old cars to charity Car Donate Mobile casino Hire php programmers business voip solutions sell annuity payment Best social media platforms Mesothelioma Law Firm new york mesothelioma law firm Bankruptcy lawyer Register free domains Dwi lawyer Seo company Social media platforms for business Live casino la personal injury lawyer structured settlement investments Car Accident Lawyers Email bulk service mesothelioma litigation DUI lawyer mesothelioma attorney illinois motorcycle accident attorney sacramento buy structured settlements mesotheliama Php programmers for hire saskatchewan auto insurance Online Stock Trading Online classes california mesothelioma attorney phd in counseling education Futuristic Architecture business administration masters Hire php developers Home Phone Internet Bundle business email web hosting Service business software Criminal lawyer Miami MESOTHELIOMA LAW FIRM Criminal lawyer best accident attorneys Criminal defense lawyer mesothelioma attorney assistance mesothelioma charities LOW CREDIT LINE CREDIT CARDS mesothelioma law suit Online Classes Hire php developer boulder personal injury lawyers houston tx auto insurance Donate a car in Maryland WordPress theme designers WordPress hosting Computer science classes online Criminal Defense Attorneys Florida Php programmers Seo companies Donating used cars to charity Adobe illustrator classes NEUSON New social media platforms Auto Mobile Insurance Quote Tech school forensics online course BEST CRIMINAL LAWYER IN ARIZONA houston mesothelioma attorney Business finance group utah mesothelioma lawyer CAR INSURANCE QUOTES UTAH accident car florida lawyer SELL ANNUITY PAYMENT bus accident attorney los angeles Donate Car for Tax Credit mesothelioma symptoms personal injury accident lawyer cheap auto insurance in va Italian cooking school Social media platforms mesothelioma lawsuits Custom WordPress theme designer Best Seo company DONATE CARS ILLINOIS Structures Annuity Settlement car accident lawyer michigan compare life assurance

SEO en las entradas del blog – Miami

Damian 23:15 Entradas, Posicionamiento

No soy un experto en SEO, ni lo que veremos a continuación es un secreto de estado, pero sí es algo de posicionamiento básico que todos podemos aplicar para ayudar aoptimizar las entradas del blog. De manera que con estas técnicas, trabajo, y mucha paciencia logremos ocupar mejores lugares en los resultados de búsqueda de los distintos buscadores.

Por supuesto que no todos los casos son iguales, ni todos los blogs se posicionan de igual forma, algunos tienen más competencia que otros dependiendo de qué tan popular sea la temática que manejan, así que cuando se trata de posicionamento no hay un tiempo específico que aplique para todos, ni mucho menos una fórmula mágica. Habiendo aclarado lo anterior, empecemos.

Enfocarse en un tema

Sea cual sea la temática de tu blog, trata siempre que la entrada que escribas tenga un tema definido, que el objetivo sea claro y no tenga distracciones, por ejemplo, si escribirás sobreCámaras Digitales entonces que el inicio y fin de la entrada sean sobre ello. No empieces hablando sobre cámaras digitales y termines contando tu experiencia del fin de semana en el cine. El lector entra a una página porque está buscando información específica, así que salvo que no se trate de un blog personal (que cuente tu vida diaria) no divagues.

Definir el título de la entrada

El título de la entrada debe ser preciso, de manera que en pocas palabras puedas resumir el contenido del post, pero tampoco hay que abusar, si bien debe ser conciso no ahorres palabras que pueden ser clave para una búsqueda.

Ejemplos:

Compilación de todas las cámaras que salieron el año pasado en el mercado

Las mejores cámaras digitales del 2012

Está claro, el primero no define mucho, el segundo no sólo es más preciso sino que se adecua más lo que los usuarios buscan en la red.

Las palabras clave
Las palabras clave son esos términos que la mayoría busca en la red y en ellos debes centrarte cuando redactes un artículo; estas palabras clave debes incluirlas a lo largo de toda la entrada pero sin abusar la repetición de las mismas.
Ejemplos:

Durante la VI Semana de la Tecnología se presentaron muchos productos que se consumen hoy en día, y los expositores más reconocidos dieron un discurso sobre los mismos.

En la inauguración de la VI Semana de la Tecnología los expertos hablaron de diversos temas, entre ellos elcómo elegir una cámara digital, las discusiones frecuentes sobre lospros y contras del iPad, y cuáles sonlos mejores teléfonos móviles inteligentes también conocidos comosmartphones.

En el primer caso hemos escrito sin darle importancia a ningún término, en el segundo ejemplo hemos usado frases que son buscadas en la red por los usuarios.
Por lo tanto, los términos de búsqueda más frecuentes debes incluirlos de manera inteligente pero sin saturar tus entradas con estas palabras, o puede ser contraproducente.
Estas palabras clave también deben incluirse en el título de las entradas.

Apóyate en los sinónimos

Si bien es bueno usar palabras claves tampoco debemos limitarnos a una sola palabra, sobre todo cuando el idioma español es tan rico y variado. Usa sinónimos, por cuestiones de redacción, y porque los usuarios no nombran a las cosas de la misma forma, así que usando sinónimos lograrás usar palabras claves pero sin que el lector sienta que estás siendo repetitivo e insistente.

Ejemplos:

Lacámara digital Nikon D300s es unacámara digital de 12.3 megapíxeles que saca excelentesfotos, para aquellos que gustan de lasfotos de buena calidad.

Lacámara digital Nikon D300s es unacámara fotográfica de 12.3 megapíxeles que saca excelentesfotos, para aquellos que gustan deimágenes de buena calidad.

En el primer caso hemos repetido dos veces la palabra cámara digital y fotos, en el segundo caso cambiamos cámara digital por cámara fotográfica, y fotos por imágenes.

No es nada complejo, y esto hará que el lector disfrute más del artículo al encontrarse con mayor diversidad de palabras.

El uso de negritas y cursivas

Las palabras claves deben resaltarse, sobresalir de las demás; esto es muy tomado en cuenta por los robots de los buscadores, son como señuelos que les vamos dejando, así que las palabras con las que quieras posicionarte resáltas con negrita, pero ojo, no debe ser con CSS sino con HTML, es decir que no debe ser con font-weight:bold; sino con la etiqueta b o aun mejor, con strong.

Ejemplos:

Estacámara SLR digital cuenta con procesamiento de imagen Nikon EXPEED paratomar fotos en movimiento ycaptura de videos HD con función D-Movie para grabar video clips de momentos memorables.

El resultado parece ser el mismo, pero no lo es. Aunque las tres frases están en negrita sólo una es más atractiva para los robots, la primera.

strongcámara SLR digital/strong cuenta con procesamiento de imagen Nikon EXPEED parabtomar fotos en movimiento/b yspan style="font-weight:bold;"captura de videos HD/span con función D-Movie para grabar video clips de momentos memorables.

Lo mismo sucede con las cursivas, úsalas para resaltar palabras importantes, pero que no sea con el estilo font-style:italic; sino i o mejor aun em.

Ejemplos:

emcámara SLR digital/em cuenta con procesamiento de imagen Nikon EXPEED paraitomar fotos en movimiento/i yspan style="font-style:italic;"captura de videos HD/span con función D-Movie para grabar video clips de momentos memorables.

Nuevamente la primera tendrá mejores posibilidades de posicionarse que las demás. En resumen, resalta las palabras claves con negritas y cursivas, ya sea encerrándolas entre strong y /strong, o entre em y /em.

El uso de enlaces

Algunos creen que no debemos usar enlaces en las entradas porque piensan que estamos regalando nuestroPage Rank. Esto no es del todo cierto, usar enlaces de referencia a sitios que ya tienen bien formada su credibilidad nos ayudará también a ir formando la nuestra. Ciertamente no debes inundar tus entradas con enlaces, pero sí hazlo cuando sea necesario, y sobre todo con sitios que traten los mismos temas que tú.
Además, evita poner el típico "click aquí" o textos similares. Cuando pongas un enlace, el texto ancla debe ser bastante descriptivo.
Ejemplos:

a href="URL del enlace"Haz click aquí/a para saber más

Más información sobre a href="URL del enlace"cámaras digitales/a

En el primer ejemplo el texto ancla no es nada relevante ni descriptivo, en el segundo sí.

Ejemplifica con imágenes

Los artículos con imágenes no sólo son más atractivos visualmente, sino que ayudan a que el lector entienda de lo que hablas, por lo tanto, siempre que puedas usa una imagen en tu entrada que ilustre la publicación, pero no te excedas, muchas imágenes o imágenes muy grandes pueden hacer muy lenta la carga del blog y eso no nos beneficiará, sino todo lo contrario. En la siguiente entrada hablaremos sobre elposicionamiento de las imágenes.

Acostúmbrate al español neutro

Probablemente tengas un repertorio de palabras coloquiales muy bonitas, pero ten en cuenta que no todos tus lectores son de tu ciudad, así que si quieres que te entiendan lo mejor posible, no uses modismos ni regionalismos. Procura escribir palabras que todos conozcan y comprendan.

Buena ortografía

Hoy en día no hace falta haber tomado un curso de lectura y redacción para escribir medianamente bien. Si se te dificulta la ortografía pasa el escrito a algún editor de textos que tenga corrección ortográfica, sino estás seguro de algo busca en algún diccionario online o pregunta en algún lado. Esto no es tanto para que los robots de los buscadores nos vean bonito, sino para que usuarios comprendan mejor la lectura. Y por favor, no escribas todo en mayúsculas.

Contenido nuevo y relevante

No sólo se trata de escribir muchas entradas, sino de que estas sean relevantes para los lectores. El contenido nuevo y original es más atractivo para los buscadores que elcopy & paste, y que de hecho este último es penalizado. Así que procura escribir cosas nuevas, aunque creas que todo está dicho no es así, cada quién tiene una manera diferente de decir las cosas.
Además procura siempre informarte, antes de escribir un artículo investiga y corrobora la información, en base a eso te irás ganando la confianza de tus lectores.

Dale mantenimiento a tus entradas

Que ya hayas escrito una entrada no significa que tengas que olvidarte de ella. Si hay información extra que agregar o algo que aclarar, actualiza tu entrada, no importa hace cuánto la hayas publicado, los usuarios siguen entrando a ella así que si hay algo importante que debas decirles sobre ese tema, hazlo. De igual forma responde los comentarios de tus entradas, no dejes que tus publicaciones se vean escritas por una máquina. Si el lector ve que sigues respondiendo los comentarios aun cuando la entrada sea antigua se animará a comentar sin temor a que sus palabras queden en el olvido.

Con estas breves técnicas podrás tener mayores posibilidades deposicionar tus entradas en la red. Como dije al inicio, no son cosas que nadie conozca, pero sé que muchos empiezan y no sabencómo optimizar las entradas del blog.
No está de más repetir que el posicionamiento no se da de la noche a la mañana, pero el trabajo y la paciencia irán dando los frutos con el tiempo.

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

New social media platforms Social media strategies Donate your car Sacramento Online casino Dedicated Hosting Dedicated Server Hosting Mobile casino hair removal washington dc Casino Donating Used Cars to Charity Psychic for Free Criminal defense lawyer World Trade Center Footage structured settlement brokers mesothelioma trial attorney Php programmers for hire Casino reviews mesotheolima DONATE OLD CARS TO CHARITY Seo company Social media campaigns canada personals yahoo NEUSON Best Criminal Lawyers in Arizona mesothelioma attorney illinois DUI lawyer domain name yahoo BETTER CONFERENCING CALLS WEBEX COSTS PHD IN COUNSELING EDUCATION Cheap Auto Insurance in VA sell your structured settlement payments Auto Mobile Shipping Quote baltimore mesothelioma attorneys Nunavut culture Make money online Australia mesotheliama Donate Cars in MA WordPress theme designers Custom WordPress theme designer mesothelioma settlements amounts mesothelioma charities Claim Nunavut Culture Live casino Psychic for free mesothelioma lawyer chicago accident attorney in los angeles WordPress themes for designers mesothelioma claim PhD in counseling education Best Seo company colorado mesothelioma lawyers Social media management benchmark lending Asbestos Lung Cancer Mesothelioma Law Firm MASSAGE SCHOOL DALLAS TEXAS Social media platforms car accident lawyers los angeles Business finance group Auto Accident Attorney harddrive data recovery services new mexico mesothelioma lawyer california motorcycle accident lawyer mesotheloma pharmacist jobs in chicago Best social media platforms for business Register Free Domains workplace accident attorney Hire php developers donate car for tax credit Criminal lawyer Hire php programmers ashely madis Motor Replacements Psd to html Dwi lawyer most profitable internet business Online Colleges Neuson personal injury attorney springfield mo ONLINE COLLEDGES Online College Course Car Accident Lawyers online criminal justice degree Sell Annuity Payment Best social media platforms CHEAP CAR INSURANCE IN VIRGINIA Social media examiner Service business software SELL ANNUITY PAYMENT Custom Christmas cards Hire php developer Donate Your Car for Kids Met auto Bankruptcy lawyer CAR INSURANCE QUOTES MN Social media platforms for business Computer science classes online structured settlement need cash now Php programmers injury attorney baton rouge Seo companies Social media tools FORENSICS ONLINE COURSE Health Records Personal Health Record LIFE INSURANCE CO LINCOLN injury lawyers motorcycle lawyer los angeles Paperport Promotional Code injury lawyers west palm beach Seo services donate your car for kids life insurance co lincoln Business management software

Mostrar un elemento debajo del primer post – Online – Texas – Forex

Damian 22:38 Entradas, Trucos

El otro día me preguntabaColoush si era posiblemostrar un gadget sólo debajo de la primera entrada, y que en el resto de ellas no.

La verdad es que sí es posible, pero hay que entender que los gadgets habituales que provee Blogger sólo se pueden añadir en las áreas donde en la sección de Diseño lo permita. Aun así, podemos mostrar un elemento cualquiera, por ejemplo, un anuncio de AdSense, un banner, un video,un archivo en flash, etc.

Así que lo que haremos en esta entrada serámostrar un elemento debajo del primer post, esto quiere decir que debajo de las demás entradas no será visible. Esto queda muy bien cuando se usa algúnsumario automático, aunque tampoco es requisito.

Bien, esto es realmente sencillo, usaremos la condicionalisFirstPost para que dicho elemento sólo se aplique a la primera entrada; es la misma condicional que usamos paramostrar el primer post de manera diferente.

Comencemos entrando a laEdición HTML de la plantilla, ahí marca la casillaExpandir plantillas de artilugios y busca esta línea:

b:include data='post' name='post'/

Justo debajo de ella agrega esto:

b:if cond='data:post.isFirstPost'
div align="center"style="margin-top:0px; margin-bottom:10px;"
...Aquí el código del elemento que quieres mostrar...
/div
/b:if

Añade donde se indica el código del elemento que quieras poner. Antes de guardar usa la Vista Previa para asegurarte que todo está bien.

En color azul están los márgenes superior (margin-top) e inferior (margin-bottom), esto es por si quisieras que el elemento se acerque o se aleje más de las entradas, así mismo puedes añadir ahí cualquier estilo como un color de fondo, un borde, etc.

¿Lo ves? Es realmente fácil.

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 MARYLAND Mundial Football history FIFA World Cup,smart,huge/big,sciencie media,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 cash 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 YOUR CAR SACRAMENTO mesothelioma lawyer dallas Automobile Accident Attorney Car Accident Lawyers New social media platforms fast cash for house Donate Car To Charity CALIFORNIA HOW TO DONATE A CAR IN CALIFORNIA business voice mail service peritoneal mesothelioma motorcycle accident attorney sacramento adverse remortgage Donate Your Car Sacramento Business finance group Custom Christmas cards Car Donate cheap auto insurance in va WEBEX COSTS Donating a car in Maryland Live casino Casino reviews Casino sell structured settlement calculator insurance medical temporary business voip solutions World Trade Center Footage PAPERPORT PROMOTIONAL CODE LOW CREDIT LINE CREDIT CARDS Online Motor Insurance Quotes Online casino Custom WordPress theme designer Mobile casino Cheap Domain Registration Hosting Seo services Online Christmas cards Online College Course structured settlement blog NEUSON mesothelioma lawyer texas Service business software Criminal lawyer car insurance quotes colorado Dayton Freight Lines Hire php developer Html email florida car insurance company refinance with poor credit Donate car for tax credit car insurance in south dakota Php programmers for hire Donate your car for money WordPress hosting Social media examiner WORLD TRADE CENTER FOOTAGE Adobe illustrator classes Make money online Australia fortis health insurance temporary virtual data rooms Better Conference Calls Bankruptcy lawyer HOLLAND MICHIGAN COLLEGE Structures Annuity Settlement mesotheolima massage school dallas texas DUI lawyer miami personal injury attorney washington mesothelioma attorney ANNUITY SETTLEMENT Php programmers Best social media platforms ONLINE MOTOR INSURANCE QUOTES Hire php developers Social media management How to Donate A Car in California DONATE A CAR IN MARYLAND Hire php programmers Proud Italian cook Tech school Nunavut culture boca raton personal injury attorney cheap domain registration hosting Social media campaigns tucson car accident attorney dallas mesothelioma lawyer tennessee mesothelioma lawyer Dwi lawyer average mesothelioma settlement EMAIL BULK SERVICE webex costs semi truck accident lawyers mesothelioma claim LIFE INSURANCE CO LINCOLN Criminal defense lawyer anti spam exchange server Criminal Defense Attorneys Florida holland michigan college michigan motorcycle accident lawyer structured settlements annuities Cheap Auto Insurance in VA Computer science classes online Best Seo company Home phone internet bundle CAR INSURANCE QUOTES MN Best Criminal Lawyers in Arizona Asbestos Lawyers Social media platforms for business mesothelioma litigation motorcycle lawyer los angeles Seo companies PSYCHIC FOR FREE Best social media platforms for business google adsense mesothelioma personal injury lawyers Massage School Dallas Texas Holland Michigan College

Categories