Mostrar trackbacks de Twitter en las entradas de Blogger – cancer

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 CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN 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 searchSelling 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 FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED 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