Cosas Para Blogueros: Comentarios

Mostrando entradas con la etiqueta Comentarios. Mostrar todas las entradas

Los comentarios anidados en Blogger (Responder comentarios) – Automovil

Ayer les mencionaba porFacebook yTwitter sobre la nueva función que Blogger ha presentado en los comentarios. Se trata de loscomentarios anidados, es decir, la opción deresponder directamente a un comentario.

Esta opción está disponible de forma nativa para las plantillas de Vistas Dinámicas y plantillas del Diseñador de Plantillas de Blogger, y no hay que hacer nada para activarlos, pero sí es necesario que tengas los comentarios debajo de las entradas, y que el feed de los comentarios esté en Completo (Más información)

Los que usamos plantillas personalizadas debemos hacer algunos cambios, enOloblogger explican qué hay que cambiar para que esta nueva opción aparezca, y si usas Scriptaculous te darás cuenta que éste sistema no funciona, pero enVagabundia dicen cómo modificar el script de Scriptaculous para solventar esto.

Como los comentarios ahora aparecen en bloques entrecomillados es posible que se vean bastante distintos a como los tenías, ahí mismo en Oloblogger resuelven esta situación si aplicamos los estilos de los bloques entrecomillados sólo para las entradas.

Pero además de esto, hay otras situaciones que se han venido con esta modalidad en los comentarios, por ejemplo, losemoticones en los comentarios no funcionarán*,la caja de comentarios de Facebook no se verá*, la numeración en los comentarios con script tampoco funcionará*, losbordes en los comentarios no se verán*, y al menos en mi caso, la paginación en los comentarios tampoco funciona*, aun cuando no he habilitado esta función~~(ni lo haré)~~.

Así que supongo que en los próximos días tendremos que ir resolviendo uno a uno todas estas situaciones. Claro, para los que usen esta opción de responder, para los que nos quedemos con el formato de siempre no tendremos esos problemas, excepto el de la paginación de los comentarios, que parece que por ahora, tengamos esta opción o no, esos enlaces no funcionan.

*ACTUALIZACIÓN:
La entrada de la caja de comentarios de Facebook se ha actualizado para que ésta aparezca.
La entrada de los comentarios enmarcados ha sido actualizada para que funcione en este tipo de comentarios (sólo las dos primeras modalidades).

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 Mesothelioma law firm,mega life and health FIFA World Cup es un buen servicio en las distintas naciones trans union pero resulto que tenia cancer y fui a asbestos cancer y me dijeron en asbestos mesothelioma que tambien padecia de prostate cancer treatment y un daño tremendo a mi organismo fui a malignant pleural mesothelioma,asi que hice un prestamo en credit repair y otro en chase credit pero de pronto un anti spam software asi que decido un auto en rental car in costa rica me registre en Facebook en internet domain registration y tambien obtuve un domain registration,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 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 Los Abogado de lesiones personales en Chicago,FIFA World Cup son muy buenos en chicago y nos ofrecen una Cotizacion de seguro y Cotizacion de Seguro de Vida y Cotizacion de seguro de coches,mesotelioma. Y visitar mesothelioma lawyers o tambien podriamos visitar mesothelioma symptoms y lexington law tambien many people lexington law firm and merlin olsen mesothelioma many people mesothelioma trial lawyers and atlanta mesothelioma lawyers Mesothelioma law firm, massachusetts mesothelioma attorney EEUU,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

business administration masters Forex Trading Platform Photo Christmas cards Seo companies VIRTUAL DATA ROOMS Cheap domain registration hosting Hire php programmers better conferencing calls Online Colleges Register free domains asbestos lawyers Social media tools Mobile casino att call conference Online casino Cheap Car Insurance in Virginia Donate Cars in MA Hard drive Data Recovery Services onlineclasses BEST CRIMINAL LAWYER IN ARIZONA mesothelioma law firms Casino selling a structured settlement mesothelioma lawyer california Hire php developers structured settlement investments CHEAP CAR INSURANCE FOR LADIES Cheap auto insurance in VA Business management software Donate a Car in Maryland quotes car online colledges Nunavut culture Casino reviews Html email Online College Course Email Bulk Service Donate cars Illinois BETTER CONFERENCING CALLS small business administration sba DONATE CAR FOR TAX CREDIT Best criminal lawyer in Arizona Php programmers for hire ASBESTOS LAWYERS anti spam exchange server email bulk service sell annuity payment Make money online Australia injury attorney baton rouge motorcycle accident attorney chicago car accident lawyers DUI lawyer WordPress theme designers HARDDRIVE DATA RECOVERY SERVICES Live casino Cheap Domain Registration Hosting mesothelioma lawyers san diego Psd to html Criminal lawyer accident attorney san bernardino fortis health insurance temporary california law lemon personal injury lawyer sarasota fl Donate your car for kids structured settlement buyers mesothelioma buying structured settlements Personal Injury Lawyers mesothelioma law firm colorado mesothelioma lawyers Dwi lawyer Donate Car to Charity California cloud identity and access management Dayton Freight Lines Service business software CAR INSURANCE QUOTES UTAH Criminal defense lawyer Best Seo company Social media campaigns Business finance group Hire php developer mesothelioma litigation SELL ANNUITY PAYMENT Bankruptcy lawyer New social media platforms Asbestos Lung Cancer Seo services Computer science classes online CAR INSURANCE QUOTES MN Php programmers dallas mesothelioma attorneys DONATE OLD CARS TO CHARITY Best social media platforms for business los angeles auto accident attorneys criminal defense federal lawyer cell cycle regulation ppt structured settlements annuities Sell Annuity Payment mesotheloma Social media platforms for business Met Auto Criminal lawyer Miami Custom WordPress theme designer Donate car for tax credit sell your structured settlement payments Social media strategies saskatchewan auto insurance accident lawyers in los angeles Car Accident Lawyers ONLINE COLLEDGES WordPress hosting motor insurance quotes Custom Christmas cards Online motor insurance quotes bus accident attorney los angeles

Reducir el espacio debajo de los comentarios – coche – Miami – Money

Damian 11:42 Comentarios

No es que sea un problema, pero algunos encuentran esteticamente poco atractivoel espacio que hay entre el formulario de comentarios y los enlaces de navegación. No sé si sea mucho o poco espacio pues eso viene siendo relativo, lo cierto es que si no te gusta tener todo ese espacio no tienes que vivir con ello pues puedes modificarlo.

Parareducir el espacio que hay debajo de los comentarios ingresa a laEdición HTML de la plantilla, marca la casillaExpandir plantillas de artilugios y busca este código:

pdata:blogCommentMessage//p
data:blogTeamBlogMessage/
a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/
iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/
b:else/
h4 id='comment-post-message'data:postCommentMsg//h4
pdata:blogCommentMessage//p
data:blogTeamBlogMessage/
a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/
iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0'height='410' id='comment-editor' name='comment-editor' src='' width='100%'/
/b:if

Busca el segundo height que se muestra en color rojo y cambia su valor por uno más bajo, por ejemploheight='260'
Y habiendo hecho eso el espacio se habrá reducido.

Si se te dificulta encontrar el código guíate por la línea en color gris, pero toma en cuenta el height del cual hablamos aparece dos veces en ese código, y el que hay que modificar es el segundo.

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

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 JetPero tuve que ser Mundial Football consolidating FIFA World Cup web host rating,register web address,online psychology degree,her first lesbian sex, make extra money ,make money fast and easy,addwords y mejor obtuve un credit application,visa gift carda,Mesothelioma law firm,voip phone service,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

washington mesothelioma attorney structured settlements annuities mesothelioma attorney florida Business VOIP Solutions Online Christmas cards ANNUITY SETTLEMENT Online Classes CRIMINAL DEFENSE ATTORNEYS FLORIDA WordPress hosting Forex Trading Platform Mortgage CHEAP CAR INSURANCE IN VIRGINIA Online Colleges Custom WordPress theme designer DONATE CAR FOR TAX CREDIT colorado mesothelioma lawyers car accident lawyers los angeles colorado auto accident attorney Html email best criminal lawyer in arizona Social media examiner california mesothelioma attorney Dayton Freight Lines maritime lawyer houston injury attorney baton rouge Casino buy structured settlements Criminal lawyer Online casino hosted predictive dialers google affiliate Home phone internet bundle donate your car for money google adsense Service business software PSYCHIC FOR FREE personal injury solicitor Personal Injury Law Firm att call conference BEST CRIMINAL LAWYER IN ARIZONA Bankruptcy lawyer Insurance Structures Annuity Settlement Mobile casino diagnosed with mesothelioma world trade center footage new york mesothelioma law firm Mesothelioma Law Firm DONATE YOUR CAR SACRAMENTO sell your structured settlement payments Donate a Car in Maryland Car Insurance Quotes PA World Trade Center Footage Seo company Business finance group Make money online Australia Social media platforms for business Live casino online criminal justice degree chicago hair laser removal Nunavut Culture Online colledges auto insurance cost by state structured settlemen Criminal defense attorneys Florida Webex Costs Royalty Free Images Stock CAR INSURANCE QUOTES PA Cheap car insurance in Virginia Hard drive Data Recovery Services Seo companies DAYTON FREIGHT LINES Register Free Domains Hire php developer Casino reviews Car Insurance Quotes asbestos exposure lawyers DUI lawyer mesothelioma compensation domain registration yahoo Dedicated Hosting Dedicated Server Hosting Hire php developers Social media tools AUTO ACCIDENT ATTORNEY california motorcycle accident lawyer Hire php programmers DALLAS MESOTHELIOMA ATTORNEYS Motor Insurance Quotes Car Insurance Quotes MN Dwi lawyer car insurance quotes HOW TO DONATE A CAR IN CALIFORNIA Criminal defense lawyer asbestos lawyers STRUCTURED ANNUITY SETTLEMENT Business management software DONATING A CAR IN MARYLAND Php programmers workers compensation lawyer los angeles Php programmers for hire mesothelioma attorney assistance EMAIL BULK SERVICE structured settlement need cash now Proud Italian cook Paperport Promotional Code state of california car insurance Computer science classes online AUTOMOBILE ACCIDENT ATTORNEY Life insurance co Lincoln online motor insurance quotes accident attorneys orange county selling annuity structured settlements companies Best social media platforms for business motorcycle accident attorney sacramento

Agregar la caja de comentarios de Facebook en Blogger – Curso

Damian 16:59 Comentarios, Facebook

Uno de los temas más solicitados es cómoponer la caja de comentarios de Facebook en el blog, y es que a veces se vuelve más fácil comentar desde Facebook pues la mayoría está conectado a esa red social todo el tiempo, además no necesitamos ingresar con nuestros datos de Google para poder comentar en un blog que contenga este tipo de comentarios.

Este método lo vi enVagabundia, donde explican cómo agregar elPlugin de comentarios de Facebook de manera que cada entrada tenga su propia caja de comentarios y sea independiente a las demás.

Como primer paso entra en laEdición HTML del blog y busca la etiqueta:

body

Si usas una plantilla del Diseñador entonces la encontrarás como:

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

Debajo de cualquiera de ellas agrega esto:

div id='fb-root'/
script(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));/script

Después busca esta línea:

b:includable id='post' var='post'

Si vieras una flechita ▶ al lado de ella da click para que se expanda ese artilugio. Y justo antes del siguiente/b:includable agrega esto:

b:if cond='data:blog.pageType == "item"'
div id='comentariosFacebook'div class='fb-comments' data-colorscheme='light' data-num-posts='5' data-width='500' expr:href='data:post.canonicalUrl'//div
/b:if

Así se ve el área donde se agrega el código (la parte que está arriba del área marcada en rojo puede variar de plantilla en plantilla)

Con eso yatendrás la caja de comentarios de Facebook en tus entradas (recuerda que debes ingresar a un post para poder verla).

La caja estará arriba de los comentarios de Blogger. Si quieres que esté debajo del formulario de comentarios entonces el código del plugin ponlo justo arriba de este código:

/div
b:if cond='data:post.includeAd'

Dentro del último código que añadimos veremos estos parámetros:

data-num-posts='5'
data-width='500'
data-colorscheme='light'

El primero es el número de comentarios que se mostrarán; el segundo el ancho del formulario; y el tercero el color del formulario, puedes cambiarlight pordark

Hasta ahí ya tenemos elCommentBox de Facebook; si deseas personalizarlo un poco puedes colocar antes de/b:skin algunos estilos, por ejemplo:

#comentariosFacebook {
background:#F2F2F2;/* Color de fondo del contenedor */
width:520px;/* Ancho del contenedor */
padding:10px;
margin-top:0px;/* Cámbialo por -180px si lo has puesto debajo de los comentarios de Blogger */
}

Si quieres que cada vez que alguien haga un comentario te llegue una notificación de Facebook, y puedas moderar los comentarios, será necesario que crees una aplicación. Pero para ello es necesario tener verificada la cuenta de Facebook.

Si es así, entra aFacebook Developers y haz click en el botónCrear nueva aplicación.

Ahí escribe el nombre de la aplicación, acepta los términos y click enContinuar.

En la siguiente pantalla haz click enSitio web, ahí escribe la URL de tu blog donde lo pondrás; también copia el número que está enApp ID.

Ahora entra de nuevo en laEdición HTML de tu blog y pega antes de/head esto:

meta content='ID de USUARIO' property='fb:admins'/
meta content='ID de APLICACIÓN' property='fb:app_id'/

En la ID de aplicación agrega la serie de números que copiaste. Y en ID de usuario agrega tu ID de Facebook, sino lo conoces ingresa a este enlace:

http://graph.facebook.com/usuario

Cambia donde se indica tu nombre de usuario y da click, ahí verás cuál es la ID de tu usuario de Facebook (Gracias a Siniestro por el tip).

Una vez hecho eso ingresa a una entrada para ver tu caja de comentarios y dale click enConfiguración. Ahí verás varias opciones del plugin; en donde diceModeradores, agrega tu nombre y guarda los cambios.

Una vez habiendo hecho todo lo anterior podrás moderar los comentarios y recibirás las notificaciones en tu cuenta de Facebook cada vez que alguien haga un comentario. Sino lo haces podrás seguir teniendo tu caja de comentarios de Facebook pero sin estas opciones.

Al final de la entrada he puesto una para que puedas probar el resultado, pero cualquier duda sobre el tema déjala en los comentarios de Blogger ;)

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 JetAsi que mejor me fue a un hotel y motel FIFA World Cup Mundial Football New Orleans mesothelioma lawyer y mas que todo que la pase bien en ese hostal y me me fui de viaje a tennessee mesothelioma attorney donde EEUU me pidio la visa pero mejor aun many people in mesothelioma trial lawyers pero me fui a travel Alaska nebraska mesothelioma attorney pero mas aun con mesothelioma attorney nebraska mas siempre fue asi des hace mucho time merlin olsen lawsuit,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

PhD in counseling education Learning adobe illustrator Online classes verizon sip DUI lawyer Hire php developers bowne virtual data room Hard drive data recovery services DONATE CARS ILLINOIS Make money online Australia Social media platforms for business Donate cars Illinois Psd to html Motor Insurance Quotes Online casino Mobile casino car insurance companies Donating used cars to charity Online Motor Insurance Quotes Donating Used Cars to Charity illinois mesothelioma lawyer ONLINECLASSES life insurance co lincoln Casino personal injury lawyer sarasota fl Nunavut culture best consolidation loan student yahoo web hosting Php programmers for hire PHD on Counseling Education personal injury law firm better conferencing calls Casino reviews Psd to WordPress Forensics online course NEUSON Seo company Social media examiner MOTOR REPLACEMENTS email bulk service structure settlements car insurance quotes pa Live casino mesothelioma survival rates structured settlement blog mesothelioma lawyer dallas mesothelioma trial attorney Better Conference Calls annuity payment DONATING USED CARS TO CHARITY Hire php programmers buyers of structured settlements att call conference mesothelioma settlement amounts Business Voip Solutions Mortgage Asbestos Lawyers mesothelioma lawyer texas uk homeowner loans Social media strategies MESOTHELIOMA LAW FIRM Dayton Freight Lines Seo companies benchmark lending broward county dui lawyer STRUCTURED ANNUITY SETTLEMENT Donating a car in Maryland student loan consolidation program Dwi lawyer Criminal lawyer domains yahoo Service business software california mesothelioma attorney Email Bulk Service Low credit line credit cards Custom WordPress theme designer Criminal defense lawyer asbestos lung cancer bus accident attorneys adverse remortgage CHEAP CAR INSURANCE FOR LADIES how to donate a car in california Cheap Auto Insurance in VA HOME PHONE INTERNET BUNDLE REGISTER FREE DOMAINS Donate Your Car for Kids How to Donate A Car in California Insurance Companies asbestos lawyers arizona auto accident attorney selling a structured settlement Hire php developer accident attorney san bernardino CAR INSURANCE IN SOUTH DAKOTA Bankruptcy lawyer Html email hughes net business buy gift card Computer science classes online Donate Car To Charity CALIFORNIA Php programmers injury lawyers houston mesothelioma attorney business voip solutions register free domains Best social media platforms for business HARDDRIVE DATA RECOVERY SERVICES DONATE YOUR CAR SACRAMENTO mesothelioma lawyer asbestos cancer lawsuit New social media platforms Forensics Online Course Business finance group online criminal justice degree cheap domain registration hosting WordPress theme designers

Personalizar Disqus con CSS – Seguro – Motor – Online

Damian 19:54 Comentarios, CSS

He visto muchos blogs en los que se utilizaDisqus como sistema de comentarios, lamentablemente esta magnífica extensión sólo posee 2 estilos: Houdini y Narcissus, y para algunos puede significar un contra al momento de usarla en su plantilla ya que la adaptación a veces no es muy buena.

Si bien en la página de Disqus explican los pasos para añadir CSS personalizado, no muestran los selectores necesarios para modificarlo, y en esta oportunidad mencionaremos los más importantes para que puedan así personalizar sus formularios exitosamente.

El tutorial:

Antes de empezar el tutorial aclararé que es posible insertar CSS directamente en la plantilla del blog o desde el escritorio de Disqus (Settings | Appearance). Recomiendo a ciegas que usen la función integrada de Custom CSS en Disqus para evitar así problemas de atributos (Si los insertan directamente en la plantilla necesitarán sobreescribir cada atributo con el valor!important).

Lista de selectores:

/*DISQUS SELECTORES CSS*/

.dsq-content-stub {/*LOGO DISQUS CARGANDO*/
}

/*SECCIÓN PARA POSTEAR*/
.dsq-post-area {/*Contenedor post completa*/
}

.placeholder {/*Textarea para comentar*/
}

.dsq-request-user-stats {/*Status del usuario*/
}

.dsq-button {/*Botón comentar*/
}

.dsq-subscribe-rss {/*Enlace suscripción RSS*/
}
.dsq-subscribe-email {/*Enlace e-mail*/
}

.dsq-comments-title {/*Mostrando X comentarios*/
}

/*COMENTARIOS*/

.dsq-comments {/*Contenedor de todos los comentarios*/
}
.dsq-header-avatar {/*Avatar del comentarista*/
}

.dsq-full-comment {/*Contenedor de comentario único*/
}

.dsq-comment-cite { /*Enlace nombre de perfil*/
}

.dsq-comment-header-meta { /*Cabecera comentarista*/

}

.dsq-comment-body {/*Cuerpo del mensaje*/
}

.dsq-button-small { /*Botones del comentario*/
}

.dsq-pagination {/*Paginación de comentarios*/
}

/*FOOTER DISQUS*/

.dsq-item-trackback {/*Sección Trackbacks*/
}

Para que puedan modificar cada item de manera correcta he añadido un comentario destacado en color verde, recuerda que puedes aplicar los atributos que desees, si no sabes usar CSS te recomiendo que leasesta guía para que empieces a hacer tus propios cambios.

Si lo deseas puedes revisar esteblog de pruebas para comprobar que la personalización funciona correctamente. El código que utilicé fué el siguiente, puede servirles como ejemplo:

.dsq-comment-body {
background:#fff;
border:1px solid #c0c0c0;
color:#222;
padding-bottom:10px;
font-size:12px;
font-family: Century Gothic, sans-serif;
}

.dsq-comment-text {padding:10px;}
.dsq-comment-header {background:#3d7196;color:#fff;margin-left:-6px;}
.dsq-comment-header a {color:#fff;}

#dsq-content .dsq-avatar img {
border: 0 none;
box-shadow:inset 1px 1px 1px #c0c0c0;
border-radius: 3px;
height: 36px;
width: 36px;
}

#dsq-content .dsq-avatar {
-webkit-transform: rotate(-10deg) scale(1.5) skew(1deg) translate(0px);
-moz-transform: rotate(-10deg) scale(1.5) skew(1deg) translate(0px);
-o-transform: rotate(-10deg) scale(1.5) skew(1deg) translate(0px);
z-index:200;
}

Importante:

Si hay algunas classes que no haya agregado puedes comprobarlas tu mismo conFirebug, una extensión para Firefox que permite analizar cada elemento y así detectar las classes. Si usas Google Chrome basta con seleccionar un elemento con botón derecho del mouse y selecciona "Inspeccionar elemento", ya que este último navegador incluye ya algo similar.

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

Online casino DONATING USED CARS TO CHARITY Best Seo company motorcycle accident attorney sacramento DUI lawyer Casino Live casino Cheap car insurance in Virginia Criminal lawyer donating used cars to charity google affiliate Seo companies structured settlement buyers Car Insurance Quotes Home phone internet bundle mesothelioma lawyers san diego injury lawyers WEBEX COSTS arizona auto accident attorney Casino reviews cheaper insurance companies Make money online Australia mesothelioma trial attorney Life Insurance Co Lincoln dallas mesothelioma attorneys Holland Michigan College Tech school Mobile casino Dayton Freight Lines PHD on Counseling Education Hire php developers mesothelioma law suit Best social media platforms Business VOIP Solutions Social media strategies Donate Car to Charity California HOME PHONE INTERNET BUNDLE car insurance quotes illinois law lemon Seo services Futuristic Architecture Donate cars Illinois mesothelioma settlement amounts business administration masters dui lawyer scottsdale Psd to WordPress Webex Costs firm law mesothelioma cheap auto insurance in va structured annuity settlement CAR ACCIDENT LAWYERS Online Christmas cards Business management software california law lemon motor insurance quotes Donate a car in Maryland Hire php programmers Mesothelioma Law Firm Dwi lawyer Online Criminal Justice Degree asterisk call center software Service business software Best criminal lawyer in Arizona personal injury accident lawyer WORLD TRADE CENTER FOOTAGE Criminal defense lawyer Php programmers for hire motorcycle lawyer los angeles motor replacements Best social media platforms for business New social media platforms Php programmers Online Classes DONATE A CAR IN MARYLAND primary pulmonary hypertension Car Insurance Quotes MN illinois mesothelioma lawyer tennessee mesothelioma lawyer cheap domain registration hosting Hire php developer Bankruptcy lawyer Criminal lawyer Miami Donate your car Sacramento Mortgage Adviser Computer science classes online yahoo web hosting mesothelioma help michigan motorcycle accident lawyer donate car for tax credit bus accident attorneys mesothelioma settlements amounts SELL ANNUITY PAYMENT HARDDRIVE DATA RECOVERY SERVICES peritoneal mesothelioma Dallas mesothelioma attorneys DONATE CAR FOR TAX CREDIT WordPress hosting Business finance group bowne virtual data room Social media platforms for business car insurance quotes mn Custom WordPress theme designer google adsense Life insurance co Lincoln domain registration yahoo boca raton personal injury attorney MORTGAGE ADVISER phd in counseling education Dedicated Hosting Dedicated Server Hosting Christmas cards MET AUTO How to Donate A Car in California Seo company semi truck accident lawyers Massage school Dallas Texas

Mostrar trackbacks de Twitter en las entradas de Blogger – cancer

Damian 13:03 Comentarios, CSS, jQuery, Twitter

Los trackbacks son menciones desde un sitio a otro con el fin de promover los blogs de manera mas fácil. En Blogger no existe un sistema de visualización de trackbacks propio por lo que es un poco dificil conocer quién hace referencias a un sitio.

Existe un plugin llamadoTwitter Trackbacks, un complemento basado en jQuery el cual permite integrar los trackbacks desde Twitter a algún sitio web. He hecho una adaptación al script para que funcione de manera automática en Blogger y no sea necesaria ninguna intervención.

El Tutorial:

Paso 1: Añadiendo jQuery y el script:

En "Diseño | Edición HTML" deberás buscar el siguiente código:

/head

Arriba de este pega el siguiente:

script type="text/javascript" src="http://dl.dropbox.com/u/28164309/AyudaBloggers/APPS/jquery.twittertrackbacks-1.0.min.js"/script
script charset='ISO-8859-1' src='http://dl.dropbox.com/u/28164309/Recompressed/jquery151.min.js' type='text/javascript'/script

Si ya tienes instalado jQuery en tu plantilla deberás eliminar el código destacado.

Paso 2: Añadiendo los estilos:

Ahora busca la siguiente zona:

/b:skin

Arriba de ésta pega el siguiente código:

ul.ttw-inner{
padding:0;
margin:0;
}
ul.ttw-inner li{
border-bottom:silver 1px dotted;
float:left;
margin:1px 0 1px 0;
padding:2px 2px 4px 2px;
list-style-type:none;
position:relative;
height:48px;
overflow:hidden;
width:100%;
}

ul.ttw-inner span.ttw-author-img{
display:block;
padding:0;
width:48px;
height:48px;
margin:0 5px 0 2px;
left:0;
position:absolute;
}
/* author name */
ul.ttw-inner strong a{
margin-right:5px;
}
/* tweet body */
ul.ttw-inner span.ttw-body {
display:block;
margin-left:55px;
}
/* tweet content */
ul.ttw-inner span.ttw-content{}

/* tweet meta : date, reply, retweet line */
ul.ttw-inner span.ttw-meta {
color:#999999;
display:block;
font-size:0.764em;
margin:3px 0 0;
}
ul.ttw-inner span.ttw-meta a{
color:#999999;
text-decoration:none;
}
ul.ttw-inner span.ttw-meta a:hover{
text-decoration:underline;
}

ul.ttw-inner a.ttw-reply { /* RESPONDER */
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggAYel5zxrsM2nu1QRbL08FPWUzimXU9BSXLTFVqzz2u3T72J8tB8IZhnwg0vRM_VD6XiCqE1KRQrnYQf-L81mDpo4If3DNmtlj95h4KHJAyEa563YJLvlPmIO-9qpO0LD0e387YPDzLI/s1600/icon-twitter-reply.png) no-repeat left;
padding-left:14px;
}

ul.ttw-inner a.ttw-retweet { /* RETWITTEAR */
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLC8p_GYcsTq1YGYwfRNrefLWBWXupiTfCQM1_B1Q9PZ9_59VR4725623n3MfArA-siv63Mz4pR5BzGD6qw-bn5WiKH-7xINfTa7UEP8K1xlJlO5aa99kWzBU1Egu4-wUxwtWhSTEMAbU/s1600/icon-twitter-retweet.png) no-repeat left;
padding-left:20px;
}

/*Hashtags -Ejemplo: #fail-*/

ul.ttw-inner a.ttw-hashtag { color:#2d2d2d; }

Paso 3: Añadiendo los trackbacks:

Ahora deberás buscar algún sitio en donde se mostrarán los trackbacks, mostraré un ejemplo de cómo situarlos debajo de cada entrada.

Busca en tu plantilla el siguiente código:

data:post.body/

Debajo de éste pega el siguiente:

b:if cond='data:blog.pageType == "item"'script type="text/javascript"
$(document).ready(function(){
$('div.trackbacks-blogger').twitterTrackbacks({
url:'data:post.url/'
,n:8
,show_n:0
,inf_tip:1
});
});
/script
div id="twitter-tweets"
div class="trackbacks-blogger"Cargando trackbacks..../div
/div/b:if

Guarda los cambios y listo.

Importante:

Si los tweets se vén cortados o no se vén correctamente puedes aplicar CSS para corregir el alto y los paddings en el selector "ul.ttw-inner li".
Si no hay tweets de una entrada no cargará el contenedor y por lo tanto el mensaje "Cargando trackbacks...." no desaparecerá. Puedes cambiar este texto por uno distinto o bien twittea cada entrada que no tenga un tweet.

Documentación sobre el script en :Twitter Trackbacks Widget.

Traducción del script por Ayuda Bloggers.

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

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 JetAsi que mejor me fue a un hotel y motel FIFA World Cup Mundial Football New Orleans mesothelioma lawyer y mas que todo que la pase bien en ese hostal y me me fui de viaje a tennessee mesothelioma attorney donde EEUU me pidio la visa pero mejor aun many people in mesothelioma trial lawyers pero me fui a travel Alaska nebraska mesothelioma attorney pero mas aun con mesothelioma attorney nebraska mas siempre fue asi des hace mucho time merlin olsen lawsuit,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

Online casino broward county dui lawyer CHEAP AUTO INSURANCE IN VA Hire php programmers Social media examiner CAR DONATE mesothelioma attorney illinois Email Bulk Service st louis mesothelioma attorney Service business software integrated ehr buying an annuity calculator mesothelioma settlements Proud Italian cook online motor insurance quotes HARDDRIVE DATA RECOVERY SERVICES car insurance quotes mn Casino MORTGAGE ADVISER AUTO ACCIDENT ATTORNEY Donate your car for kids WordPress hosting Insurance Companies virtual data rooms Car Insurance Quotes asbestos exposure lawyers Mobile casino los angeles motorcycle accident lawyer Cheap Auto Insurance in VA fast cash for house motorcycle accident lawyer san francisco accident attorney san bernardino World trade center footage Dwi lawyer Donate Old Cars to Charity google affiliate maritime lawyer houston Best social media platforms for business purchase structured settlements Dedicated Hosting Dedicated Server Hosting Seo services better conferencing calls Php programmers for hire ashely madis workers compensation lawyer los angeles wisconsin mesothelioma attorney ONLINECLASSES New social media platforms PHD IN COUNSELING EDUCATION Donate Your Car for Kids Criminal defense lawyer Make money online Australia Seo companies Custom Christmas cards Casino reviews Massage school Dallas Texas Cheap domain registration hosting Live casino MESOTHELIOMA LAW FIRM Business finance group Data Recovery Raid Best criminal lawyer in Arizona florida car insurance company peritoneal mesothelioma DUI lawyer Learning adobe illustrator Hire php developers Mesothelioma Law Firm CAR INSURANCE QUOTES PA Criminal lawyer Social media platforms Futuristic Architecture Neuson mesothelioma settlements amounts LOW CREDIT LINE CREDIT CARDS PHD on Counseling Education domain yahoo World Trade Center Footage Photo Christmas cards attorney lawyer mesothelioma Hire php developer ASBESTOS LAWYERS Online motor insurance quotes Best Criminal Lawyers in Arizona Bankruptcy lawyer mesothelioma charities CAR INSURANCE QUOTES MN Best Seo company Donate Car to Charity California Online Christmas cards Computer science classes online Car Insurance Quotes Colorado Php programmers Psd to html Online Colleges Claim Best social media platforms PhD in counseling education miami personal injury lawyer asterisk call center software lease management software Social media platforms for business Asbestos Lawyers Custom WordPress theme designer anti spam exchange server MOTOR REPLACEMENTS Donate a Car in Maryland structured settlement company seattle mesothelioma lawyer personal injury lawyer Business management software Seo company mesothelioma lawsuits annuity payment Webex Costs

Pulgares de votación personalizables en Blogger – Motor – cancer – Virtual

Damian 15:04 Comentarios, Tutoriales Blogger

Hace varios meses atrás habíamos visto cómo añadir pulgares de votación tanto en lasentradas como en loscomentarios de Blogger. Gracias aPeliculasTube les enseñaré una sencilla forma de usar una imagen personalizada en los botones y además podremos redefinir el tamaño de los pulgares.

El tutorial:

Como la última vez que publiqué algo relacionado a este sistema no entendía mucho no le situé una buena localización a las secciones, por lo que haré los tutoriales nuevamente y esta vez será algo un poco mas elaborado.

Para instalar el script es necesario pegar el siguiente código antes de /body:

script charset='ISO-8859-1' src='http://dl.dropbox.com/u/28164309/Ayuda%20Bloggers/Recursos%20del%20Blog/RATINGSTHUMBS2.js' type='text/javascript'/

Añadiendo los pulgares de votación en las entradas:

El resultado será muy similar a este:

En ''Diseño | Edición HTML'' marcaremos la casilla ''Expandir plantillas de artilugios'', buscaremos el siguiente código:

data:post.body/

Arriba de este, pegaremos el siguiente código:

b:if cond='data:blog.pageType == "item"'
div class="js-kit-rating" style='float:left;padding-left:4px;padding-bottom:6px; padding-right:0px;width:110px;height:90px;background: #fafafa;border:1px solid #f5f5f5;border-radius:2px;box-shadow:1px 1px 1px #969696;margin-top:-2px;' expr:path="data:post.url" expr:permalink="data:post.url" expr:title="data:post.title" imagesize="36x36" imageurl="http://1.bp.blogspot.com/-xFcwIBhJovk/TmKMLaE0wUI/AAAAAAAABlk/PKf9pu-JInI/s1600/thumbsbloggergrandes.png" view="score"
/div
/b:if

Cambia el valor float:left, porfloat:right si quieres que se sitúe a la derecha.

Guarda los cambios y listo.

Añadiendo los pulgares de votación en los comentarios:

Para que los pulgares de votación queden a la derecha del nombre del comentarista, deberás buscar el siguiente código, recuerda que ninguna plantilla es igual a otra así que deberás buscar los códigos por cuenta propia:

dl id='comments-block'
b:loop values='data:post.comments' var='comment'
dt class='comment-author' expr:id='"comment-" + data:comment.id'
a expr:name='"comment-" + data:comment.id'/
b:if cond='data:comment.authorUrl'
a expr:href='data:comment.authorUrl' rel='nofollow'data:comment.author//a
b:else/
data:comment.author/
/b:if
data:commentPostedByMsg/
/dt

div id='thumbscomentarios' style='float:right;margin-left:10px;margin-right:10px;margin-top:-18px;'
div class='js-kit-rating' expr:path='data:comment.cmtBodyIdPostfix' expr:permalink='data:post.url' expr:title='data:post.title' imagesize='18x18' imageurl='http://2.bp.blogspot.com/-BGqiGTIcRk0/TmFVKNGH2rI/AAAAAAAABlA/Vvy-k9l7OSA/s1600/thumbsblogger.png' view='score'
/div/div

dd class='comment-body'
b:if cond='data:comment.isDeleted'
span class='deleted-comment'data:comment.body//span
b:else/
pdata:comment.body//p
/b:if
/dd

dd class='comment-footer'
span class='comment-timestamp'
a expr:href='"#comment-" + data:comment.id' title='comment permalink'
data:comment.timestamp/
/a
b:include data='comment' name='commentDeleteIcon'/
/span
/dd
/b:loop
/dl

Deberás agregar el código destacado entre los códigos correspondientes, una vez realizado, guardas los cambios y listo.

Cómo usar una imagen personalizada:

Como es posible apreciar, en ambos casos destaqué 2 valores importantes para esta acción, el valorimageurl, permite utilizar una imagen externa, mientras que el valorimagesize, permite definir el tamaño de cada ícono.

Para entenderlo mejor, veremos un ejemplo para imágenes de tamaño de 18px:

La estructura de la imagen deberá ser de la siguiente forma:

En este caso la imagen es de un tamaño de 36x36px, cada imagen es de 18px.

La imagen deberá tener 4 sprites, y el tamaño que asignaremos corresponde al tamaño de cada ícono (No el de la imagen total). Hay que tener cuidado de no sobrepasar los píxeles de cada ícono para evitar problemas.

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 JetAsi que mejor me fue a un hotel y motel FIFA World Cup Mundial Football New Orleans mesothelioma lawyer y mas que todo que la pase bien en ese hostal y me me fui de viaje a tennessee mesothelioma attorney donde EEUU me pidio la visa pero mejor aun many people in mesothelioma trial lawyers pero me fui a travel Alaska nebraska mesothelioma attorney pero mas aun con mesothelioma attorney nebraska mas siempre fue asi des hace mucho time merlin olsen lawsuit,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

DAYTON FREIGHT LINES DUI lawyer Seo company domain registration yahoo Dwi lawyer Car Insurance Quotes MN mesothelioma attorney assistance Online casino Donating a car in Maryland accident attorney in los angeles Car insurance in South Dakota what is structured settlement Injury Lawyers earthlink business internet Massage School Dallas Texas supportpeachtreecom Casino reviews Met auto Learning adobe illustrator refinance with poor credit DONATE CAR FOR TAX CREDIT ROYALTY FREE IMAGES STOCK Criminal lawyer Seo companies cell cycle regulation ppt DONATE OLD CARS TO CHARITY mesothelioma lawyer virginia Italian cooking school Personal Injury Lawyers google adsense Social media examiner Social media tools Hire php developers Car Insurance Companies Casino att call conference mesothelioma compensation Business management software Online motor insurance quotes Hire php programmers Mobile casino cheap domain registration hosting Make money online Australia california law lemon colorado auto accident attorney colorado mesothelioma lawyers mesothelioma charities Donating a Car in Maryland Life Insurance Co Lincoln Automobile Accident Attorney motorcycle lawyer los angeles car insurance quotes pa buy gift card Donate Old Cars to Charity structured settlement buyers Low Credit Line Credit Cards Donate a Car in Maryland Service business software Webex Costs Donate car for tax credit houston tx auto insurance Donate Cars Illinois Live casino Best social media platforms for business mesothelioma lawyer asbestos cancer lawsuit Adobe illustrator classes la personal injury lawyer Car Accident Lawyers Holland Michigan College Bankruptcy lawyer Data Recovery Raid CHEAP AUTO INSURANCE IN VA Custom Christmas cards online criminal justice degree Online Colleges auto accident lawyer san francisco onlineclasses Royalty Free Images Stock World trade center footage Better conferencing calls Futuristic architecture mesothelioma drug DONATE A CAR IN MARYLAND Cheap Car Insurance for Ladies injury attorney baton rouge chicago hair laser removal mesothelioma care Best Criminal Lawyers in Arizona mesothelioma attorneys california houston mesothelioma attorney car insurance quotes tucson car accident attorney city college in miami Mortgage Adviser google affiliate Social media platforms for business Criminal defense lawyer Php programmers Dayton Freight Lines Php programmers for hire Met Auto Tech school life insurance co lincoln Hire php developer refinance with bad credit Sell Annuity Payment Insurance Companies sell annuity payment FUTURISTIC ARCHITECTURE Best Seo company Computer science classes online ONLINE MOTOR INSURANCE QUOTES structured settlement cash out Hard drive Data Recovery Services Car Insurance Quotes PA

Poner emoticons en Blogger estilo Facebook – Forex

Damian 1:05 Comentarios, Trucos

AVISO

Este truco sólo funciona en el sistema antiguo de comentarios. Si usas los comentarios anidados visita esta entrada deVagabundia.

Las palabras no siempre son suficientes para expresar alguna emoción, sobre todo en el mundo cibernético donde todo tiene el sentido connotativo que cada uno le da. Es ahí cuando losemoticonos salen a nuestro rescate para poder reflejar algún estado de ánimo o gesto que a veces es más fácil expresar con una imagen.

Por esa razón muchos optan por usaremoticons en los comentarios del blog, y es eso mismo lo que haremos con esta entrada. Veremoscómo agregar emoticons en el blog estilo Facebook, es decir, con los mismos emoticons que usa Facebook en su chat y muro. Puedes verlos funcionando en esteblog de pruebas.

Estos son los emoticones que verás:

Estos emoticons (emoticones, emoticonos, smiles, o como le quieras llamar) aparecerán sólo en los comentarios, y para ello usaremos un script deVagabundia que ingeniosamente hace que los emoticons sólo se ejecuten en el cuerpo de los comentarios para no interferir con otras áreas.

Primero entra enDiseño | Edición de HTML, marca la casillaExpandir plantillas de artilugios y agrega antes de/head el siguiente script:

b:if cond='data:blog.pageType == "item"'
script type='text/javascript'
//![CDATA[
function emoticonComentario(emoticon) {
if(!document.getElementById) {return;}
bodyText = document.getElementById(emoticon);
cambiarLetra = bodyText.innerHTML;

// :)
cambiarLetra = cambiarLetra.replace(/:\)/g,'img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS9VtUObmRr_mIEDf9K27tPn2ZiFbga4U4LAVpgkJ_fbvxROh27qwa8iTHHbquxx398RRA_QFuTw2P1kRy-7iqGpnRsi6MCabnEBLE7zNELJZBi3499ZvmQqqGrJ37dDhhdzPT_k77j8o/" /');

// :(
cambiarLetra = cambiarLetra.replace(/:$/g,'img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyFLmlWgtvLuaratgf1DPcUDkeq1SF-ZkZZZ5yi8vGng-x9wfzPu9wgHpvxB9GAhXWmnu6PQtYRo3nYHFB5cqSq9m4OaE7kVgba-KM5iylwvU4na0_4g65NMzP15u_PEQPx0Wyn0bkOBU/" /');

// ;)
cambiarLetra = cambiarLetra.replace(/;$/g,'img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifUN2CsEOWlZ6xG_sAKWoRQhqia1hO06_dQjIN3UZ2cBhpRRRgOLdThFwTUCGDaZTDkE-pAJZm4FdBcAqDdVxnnOa7Aurm2bdxIQV4hT_gO8JOmSVaBNVq9XWx5I8V2kA-D7IPknpXA8k/" /');

// :P
cambiarLetra = cambiarLetra.replace(/:\P/g,'img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKNjS_LozyaSn4qMCLgFBYU8IHUKpxw9xhAEgiI4sy0TGlJiX0yn1Ul-63HLZex9VZU-8fh-kDP9AL0q0Uag8jurmif1Qbl5z6DBWxmWIIuFiPuaXT4sS46S4CVdr06Uyxp4RrjJXGqTU/" /');
cambiarLetra = cambiarLetra.replace(/:\p/g,'img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKNjS_LozyaSn4qMCLgFBYU8IHUKpxw9xhAEgiI4sy0TGlJiX0yn1Ul-63HLZex9VZU-8fh-kDP9AL0q0Uag8jurmif1Qbl5z6DBWxmWIIuFiPuaXT4sS46S4CVdr06Uyxp4RrjJXGqTU/" /');

// :D
cambiarLetra = cambiarLetra.replace(/:D/g,'img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLyBVcZGCOzYLKXq_gtWfz_W6PIUeL8FeSHw9MeEsg29LvxXn6Tr04TaM3gl3_ng7YmyMeanCm7cA4kZy0seooEcY86xAIP49xX68Qc6d6ZsSGoxvNyxrTsMJjGGi_328pqcKbwUQUqkY/" /');
cambiarLetra = cambiarLetra.replace(/:d/g,'img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLyBVcZGCOzYLKXq_gtWfz_W6PIUeL8FeSHw9MeEsg29LvxXn6Tr04TaM3gl3_ng7YmyMeanCm7cA4kZy0seooEcY86xAIP49xX68Qc6d6ZsSGoxvNyxrTsMJjGGi_328pqcKbwUQUqkY/" /');

// XD
cambiarLetra = cambiarLetra.replace(/XD/g,'img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI-TVd678N6FtMLxiFdRJZguM1UCSsExOSAiL9ZpeaGJYQ8mrWEbaxvGpJZhPHyxax7q6oredzI2M5AOVN8LO_2T3UooiDWZy2v9VKaICCVrqOK-myQXhOD73eceRryjt7aBUDGAJGo_g/" /');

// :S
cambiarLetra = cambiarLetra.replace(/:S/g,'img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6UmwsEhLQfrRGbIq0e7ogDJsHcB5EtnKk0VeT8k9Xefvkp66Xhtu4gmOBAv5-o7KwuoIx-H-TbVX3rjylr8-7lqfs_2LF0Ai-MZXFiTf3qq0fvl3kexQ_vcEq7ZjKg0EambCnN4yglrQ/" /');
cambiarLetra = cambiarLetra.replace(/:s/g,'img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6UmwsEhLQfrRGbIq0e7ogDJsHcB5EtnKk0VeT8k9Xefvkp66Xhtu4gmOBAv5-o7KwuoIx-H-TbVX3rjylr8-7lqfs_2LF0Ai-MZXFiTf3qq0fvl3kexQ_vcEq7ZjKg0EambCnN4yglrQ/" /');

// X(
cambiarLetra = cambiarLetra.replace(/X$/g,'img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBU8QOf1muxuY2LE-3smsOwN8AZzgEj7GAJ1EB1AXVlRWQLIcRqCdXxK4AO_SqapszE1Inp3beTbJCGjhKK9YfVvlYd9mWfwTjG0wF3BOg2to-VkIDfV1QLHIxzIoRpK8v3f5UYfth1fg/" /');

// :'(
cambiarLetra = cambiarLetra.replace(/:'\(/g,'img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrMxdXbJZ2KlFxuxo48r9UG6ISNEl0uN31QbGVQxy6BVHMxH_DirAYHEnfpY5xQSoP4bL3EoqgjuqnvTiG_izx9zBlpQXI9Jlg848NEV7k2ud7AmWORdSRegRTgNkLyEEGZzhAuR_bY48/" /');

// 8)
cambiarLetra = cambiarLetra.replace(/8$/g,'img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_jqRog9bTBRr-ZuRcGr7I-wPKK-J08iMW6Fgwh_Xx7xNEbUGFFZuCIQ-QEk-Gca71-QXeEQ-kN88Aqbbav3nMGTZy_v1XOvKjnJ4rJsYZOg6t0J9_5icgc0S3N8hqBOC4bbjt9BZVKm4/" /');

// :O
cambiarLetra = cambiarLetra.replace(/:\O/g,'img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5nHgW4DqUHMxKy6ZRXyOQRC9w05s4mH6Ln_YenmwYBkTmV8LaiA2ixXBVl3Vrtd4586MZQHqZpHu4b5FOCcHum5vfbmR4denJPH8j-v4maAJCXXzeEE0kClKyhweH3fUIwWUK1Dnwwok/" /');
cambiarLetra = cambiarLetra.replace(/:\o/g,'img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5nHgW4DqUHMxKy6ZRXyOQRC9w05s4mH6Ln_YenmwYBkTmV8LaiA2ixXBVl3Vrtd4586MZQHqZpHu4b5FOCcHum5vfbmR4denJPH8j-v4maAJCXXzeEE0kClKyhweH3fUIwWUK1Dnwwok/" /');

// :*
cambiarLetra = cambiarLetra.replace(/:\*/g,'img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix0QPt06Y5Co8TrglmKDQwjv6tfO9yw9zdc9MNOnUF21oFBtyNlm-xA58uKRd7heliMNi9o4md7xtzEG1DBGNoq483pWdxkCjOdWIPYHzYR-UG75y_V8K-hzZ8v5YhtPYuDzsV-Mpar40/" /');

// :A
cambiarLetra = cambiarLetra.replace(/:A/g,'img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQC_EL1u4cY8V0NVzuNnpd_PnfK4YlpoI4D1OtOn35jGwGRnlSECNepjRHcQE1l2xxDXoZZJMX0cxAP4U5uorTV90yzRLHWELuGdI7gGWAeyfdaPRdCUn6T0To2SUS4sL5poRlR0hpkI4/" /');
cambiarLetra = cambiarLetra.replace(/:a/g,'img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQC_EL1u4cY8V0NVzuNnpd_PnfK4YlpoI4D1OtOn35jGwGRnlSECNepjRHcQE1l2xxDXoZZJMX0cxAP4U5uorTV90yzRLHWELuGdI7gGWAeyfdaPRdCUn6T0To2SUS4sL5poRlR0hpkI4/" /');

// 3:
cambiarLetra = cambiarLetra.replace(/3:/g,'img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuYcf4TGuWtmZ0Jq_OGKrmfITtHNL-ZF16u0TOBey2ZA_zHNUXQfj410dRAXFlX85Cwyi4Fr4A6D0GpViiPYxCrN-M4vkpTS9hzvPDDZBYWXMN4GbjSTA5BW_QW1HJ3Y_IKJRjUKYfexY/" /');

bodyText.innerHTML = cambiarLetra;
}
//
/script
/b:if

Ahora busca esta parte:

p
data:comment.body/
/p

Y cámbiala por este código:

p expr:id='"combody-" + data:comment.anchorName'data:comment.body//p
script type='text/javascript'
emoticon = "combody-" + "data:comment.anchorName/";
emoticonComentario(emoticon);
/script

Luego busca esta línea:

a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/

Muy posiblemente la encontrarás dos veces, justodebajo de la segunda que encuentres agrega esto, que es la imagen que se mostrará arriba del formulario de comentarios:

img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLunr77XeK1FjWzKVLb_PwJN50XMjQGox0s8Ziw50A40Q9frLHuhxykVMZ5PavY9TIOAQVENS9U6oZd-bZER0ItDKNgas1o_sIdGc3R1C1w1V-RI0Rl6aIVJsYxlUflE8OQOeyr1P9FMw/'/

Y listo, tendrás estos emoticonos en tu blog. Estas imágenes son tomadas del mismo Facebook y tienen el contorno ligeramente marcado de blanco, por lo que se recomienda usarlo en blogs con colores claros para que no se note ese pequeño borde alrededor de ellas.
O si lo prefieres puedes cambiar los iconos por los tuyos, sólo busca las URLs de las imágenes del primer código que corresponden a cada juego de caracteres, los he señalado en color verde para que sean más fácil de encontrar.

Que los disfruten

Online Classes New social media platforms refinance with bad credit Paperport Promotional Code structure settlements Auto Accident Attorney tennessee mesothelioma lawyer Donate your Car for Money Make money online Australia MORTGAGE ADVISER Casino Cheap car insurance in Virginia Nunavut culture Mobile casino florida car insurance company mesothelioma symptoms Service business software Car Insurance in South Dakota Met Auto PHD on Counseling Education DAYTON FREIGHT LINES Online casino Live casino mesothelioma lawyer dallas Car insurance in South Dakota mesothelioma trial attorney Hire php developer boca raton personal injury attorney Casino reviews motor replacements DONATE YOUR CAR FOR MONEY structured settlement blog ONLINECLASSES Sell Annuity Payment verizon sip mesothelioma law suits mesothelioma lawyer houston Tech school Social media platforms for business structured settlements annuities primary pulmonary hypertension donate your car for money Low credit line credit cards Health Records Personal Health Record Mortgage adviser Car Insurance Companies DUI lawyer meso lawyer Hire php developers state of california car insurance Holland Michigan College CAR INSURANCE IN SOUTH DAKOTA accident car florida lawyer domain yahoo DONATE CAR FOR TAX CREDIT ROYALTY FREE IMAGES STOCK Hard drive Data Recovery Services Car Insurance Quotes Utah auto accident attorney Torrance Criminal lawyer Hire php programmers Dwi lawyer california law lemon diagnosed with mesothelioma massage school dallas texas Photo Christmas cards Asbestos Lawyers Best social media platforms for business AUTO ACCIDENT ATTORNEY LIFE INSURANCE CO LINCOLN Criminal defense lawyer small business administration sba auto insurance cost by state WordPress theme designers structured settlement quote best accident attorneys Php programmers for hire personal injury attorney torrance peritoneal mesothelioma paperport promotional code Low Credit Line Credit Cards Online Motor Insurance Quotes BEST CRIMINAL LAWYER IN ARIZONA Bankruptcy lawyer WordPress themes for designers DONATE CARS ILLINOIS Business VOIP Solutions Psychic for Free Car Insurance Quotes PA Computer science classes online Php programmers WebEx costs Cheap Car Insurance for Ladies Asbestos Lung Cancer mesothelioma lawyers san diego home phone internet bundle Seo companies DONATE YOUR CAR SACRAMENTO Car Insurance Quotes Business finance group Christmas cards hair removal washington dc Car Accident Lawyers car insurance companies Best Seo company FORENSICS ONLINE COURSE FUTURISTIC ARCHITECTURE domain name yahoo sell your structured settlement payments Custom WordPress theme designer MASSAGE SCHOOL DALLAS TEXAS washington mesothelioma attorney Seo services onlineclasses car accident lawyer san bernardino

Categories