Tweet to Unlock - Usa Twitter para bloquear contenido oculto en tu blog. – Negocios – Teleconferencias – Plataforma

EnTutorialZine muestran una forma de crear un sistema para desbloquear contenido mediante Twitter usando CSS y jQuery. Implementarlo puede ser un poco complicado para los que no conocen lo básico así que en esta entrada mostraré cómo implementarlo en sus blogs de manera exitosa.

El resultado será muy similar a este:

Twittea este artículo para desbloquear el enlace. Twittear.

Descargar

El tutorial:

Paso 1: Instalando jQuery y el script en la plantilla:

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

/head

Arriba de éste pega el siguiente:

!--[if lt IE 9]script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"/script![endif]--
script src="http://dl.dropbox.com/u/28164309/AyudaBloggers/jquery/tweet-to-unlock/jquery.tweetAction.js"/script
script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"/script

Si ya tienes jQuery instalado descarta la línea destacada.

Paso 2: Añadiendo los estilos:


Ahora busca la siguiente zona:

/b:skin

Arriba de ésta pega el siguiente código CSS:

#container{
width:90%;
height:270px;
padding:10px;
text-align:center;
margin:0 auto;
position:relative;
background:#f6f5f5 url(http://dl.dropbox.com/u/28164309/AyudaBloggers/jquery/tweet-to-unlock/img/twitter_bird.png) no-repeat center;
display:block;
border-radius:10px;
border:1px solid #d1d1d1;
}


#container p{
font:24px/1.3 'Segoe UI Light','Segoe UI',Arial,sans-serif;
padding: 10px 0 48px;
}

a.downloadButton{
display:inline-block;
width:187px;
height:69px;
text-indent:-99999px;
overflow:hidden;
background:url('http://dl.dropbox.com/u/28164309/AyudaBloggers/jquery/tweet-to-unlock/img/buttons.png') no-repeat;
cursor:default;
border:none;
text-decoration:none !important;
}

a.downloadButton.active{
background-position:left bottom;
cursor:pointer;
}

Guarda los cambios y listo.


Paso 3: Usando el plugin:

Cada vez que quieras insertar este tipo de spoiler deberás hacerlo mediante el siguiente código en "Edición de HTML" de la entrada:

div id="container"p
Twittea este artículo para desbloquear el enlace. a href="#" id="tweetLink"Twittear./a/p
a href="#" class="downloadButton"Descargar/a
script type="text/javascript"
$(document).ready(function(){
$('#tweetLink').tweetAction({
text: 'TÍTULO DEL TWEET.',
url: 'URL-DEL-TWEET',
via: 'USERNAME',
related: 'KEYWORD'
},function(){



$('a.downloadButton')
.addClass('active')
.attr('href','URL-DEL-ARCHIVO-OCULTO');

});

});
/script
/div

Reemplaza cada uno de los valores destacados en color por los correspondientes y listo.

Importante:

• El script no detecta el momento en el que se hace el tweet, sino cuando se cierra la ventana, por lo que el tweet puede ser burlado, aún así es una buena alternativa para obtener Tweets en las entradas.

Fuente:TutorialZine

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 MARYLANDMundial Football history FIFA World Cup,smart,huge/big,scienciemedia,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 cashSelling 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 JetMundial Football DONATE CAR TO CHARITY CALIFORNIA FIFA World Cup,DONATE CAR FOR TAX CREDIT, and DONATE CARS IN MA,DONATE YOUR CAR SACRAMENTO,HOW TO DONATE A CAR IN CALIFORNIA, SELL ANNUITY PAYMENT and DONATE YOUR CAR FOR KIDS,ASBESTOS LAWYERS pero for you STRUCTURED ANNUITY SETTLEMENT ,ANNUITY SETTLEMENTS, CAR INSURANCE QUOTES COLORADO and future now NUNAVUT CULTURE and pero mas aya del visita DAYTON FREIGHT LINES and Mesothelioma law firm HARDDRIVE DATA RECOVERY SERVICES,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 suit mesothelioma settlements Criminal lawyer structured settlement company Italian cooking school CAR INSURANCE IN SOUTH DAKOTA World Trade Center Footage Online Stock Trading Mesothelioma Law Firm Paperport Promotional Code Php programmers for hire Dwi lawyer Royalty Free Images Stock Social media campaigns home phone internet bundle Business management software DONATE CARS ILLINOIS Claim Seo companies Online classes mesotheioma mesothelioma attorney illinois VIRTUAL DATA ROOMS Online casino Personal Injury Lawyers mesothelioma attorney california New social media platforms california motorcycle accident lawyer boca raton personal injury attorney Custom Christmas cards Html email Donating a Car in Maryland Adobe illustrator classes buying structured settlements AUTO ACCIDENT ATTORNEY refinance with poor credit Psychic for Free Auto Mobile Shipping Quote Donate Car To Charity CALIFORNIA Php programmers Criminal defense lawyer ONLINE MOTOR INSURANCE QUOTES accident lawyers in los angeles Casino Hire php programmers yahoo web hosting Mobile casino Hard drive Data Recovery Services integrated ehr Live casino Better Conference Calls Donate Car to Charity California WordPress themes for designers DUI lawyer best consolidation loan student structured settlement need cash now Make money online Australia quotes car saskatchewan auto insurance REGISTER FREE DOMAINS Forex Trading Platform Casino reviews Cheap car insurance in Virginia uk homeowner loans selling structured settlement Hire php developer Donate Car for Tax Credit Motor Replacements LIFE INSURANCE CO LINCOLN Donating Used Cars to Charity Donate cars Illinois Neuson Hire php developers Best Criminal Lawyers in Arizona Business finance group Computer science classes online Insurance Companies life insurance co lincoln Service business software structured annuity settlement mesothelioma survival rates mesothelioma attorney Donate Cars Illinois Best Seo company maritime lawyer houston Donate your car Sacramento mesothelioma lawyer virginia benchmark lending Bankruptcy lawyer domain name yahoo Car Insurance Companies Email Bulk Service miami personal injury attorney Nunavut Culture city college in miami DONATE YOUR CAR FOR KIDS Mortgage Adviser Injury Lawyers Best social media platforms for business DAYTON FREIGHT LINES Social media management Car Insurance Quotes MN sell annuity payment Seo services Social media platforms for business Custom WordPress theme designer illinois law lemon donate car for tax credit cheap auto insurance in va diagnosed with mesothelioma Cheap domain registration hosting Car insurance in South Dakota st louis mesothelioma attorney mortgage adviser Best social media platforms