Cosas Para Blogueros: Trucos

Mostrando entradas con la etiqueta Trucos. Mostrar todas las entradas

Page Peel, efecto de página doblada con jQuery – Culture

Page Peel es ese popularefecto de página doblada que al pasar el cursor de despliega para mostrar "lo que que hay atrás", como si se tratase de un libro.
Hay muchas formas de hacerlo, muchas de ellas usan archivos flash lo que lo hace menos personalizable, la que veremos en esta entrada es una versión deSoh Tanaka, hecha con jQuery.

Regularmente el contenido que hay "detrás" es una imagen de suscripción al feed pero puedes poner cualquier imagen y que enlace a cualquier página, la que tú elijas.

Puedes ver un ejemplo eneste blog de pruebas, en la esquina superior derecha verás un doblez, al pasar el cursor encima se mostrará el contenido que hay debajo.

Para poner este efecto de página doblada en el blog entra en laEdición de HTML y antes de/head pega el script:

script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/

script
//![CDATA[
$(document).ready(function(){
$("#pageflip").hover(function() {
$("#pageflip img , .msg_block").stop()
.animate({
width: '307px',
height: '319px'
}, 500);
} , function() {
$("#pageflip img").stop()
.animate({
width: '50px',
height: '52px'
}, 220);
$(".msg_block").stop()
.animate({
width: '50px',
height: '50px'
}, 200);
});
});
//
/script

Luego antes de/b:skin pega los estilos:

/* Página doblada
----------------------------------------------- */
#pageflip {
position: relative;
right: 0;
top: 0px;/* Cambiar a 30px si tienes la navbar (barra de navegación) */
float: right;
z-index:9;
}
#pageflip img {
width: 50px;
height: 52px;
z-index: 99;
position: absolute;
right: 0;
top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px;
height: 50px;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgou3zAAPl2WTZrkBno_vNzciuPzFlIOILEhcw_VWWsOwYtpQ7fhobf2m-o2X7OaCmZfq2sgjvNpCgnAoVF1bJQT64DFuN-5TlMZg0eBpTESLamlFn4_fxYNT-4298zhwJ6utCONp2EaS0/s0/pagina-detras.png) no-repeat right top;
}
#pageflipMirror {
position: static;
right: 0;
top: 0;
float: right;
}

Por último pega después debody o de:

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

Lo siguiente:

div id='pageflip'
a href='http://nombre-de-mi-blog.blogspot.com/atom.xml'
img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5qf63eW0WEb4-9WEMRYlEo1SexVcWGTU_UPJUJIKSZMB5mhxNbNEAUdB3Htx-9xQueetzMwGAEvvGXlY9T084NZiY-j-rVwdlpTUkK_A8n_RsCmghw6k-HtxniomNt7-Hf70s7ggDolc/s0/pagina-doblada.png' style='width: 50px; height: 52px; overflow-x: hidden; overflow-y: hidden;'//a
div class='msg_block' style='width: 50px; height: 50px; overflow-x: hidden; overflow-y: hidden; '/
/div

En color azul verás una URL, esa es la URL de la imagen que en este caso es una invitación a sucribirse al feed, puedes cambiarla por otra (del mismo tamaño) si lo deseas.
En color rojo verás dónde debes poner el nombre de tu blog, ese será el enlace al feed de tu blog cuando el usuario dé click en la imagen posterior, pero puedes poner cualquier URL en caso de que quieras que enlace a otra página.

Recuerda que usa jQuery, así que deberás tenersólo una versión del mismo, y si usas Scriptaculous o Mootools deberásaplicar unos cambios.

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

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

Car Insurance Companies Online casino Seo services washington mesothelioma attorney car accident lawyers Massage School Dallas Texas Business management software Social media tools selling annuity Donate old cars to charity Virtual Data Rooms structured settlement buyers Car insurance in South Dakota personal injury law firm Sell Annuity Payment Make money online Australia MASSAGE SCHOOL DALLAS TEXAS Dayton Freight Lines Hire php developers Dwi lawyer Dayton freight lines buy gift card personal accident attorney att call conference refinance with bad credit LIFE INSURANCE CO LINCOLN Social media platforms for business personal injury lawyer most profitable internet business Live casino Casino forensics online course lawyers accidents maritime lawyer houston Mobile casino NEUSON Car Insurance Quotes Utah mesothelioma lawyer texas asbestos mesothelioma lawsuit register free domains mesothelioma compensation Neuson Casino reviews Royalty Free Images Stock structured settlement cash out injury lawyer houston tx life insurance quotes Donate Your Car for Kids Cheap domain registration hosting mesothelioma attorney assistance DUI lawyer donate car for tax credit HARDDRIVE DATA RECOVERY SERVICES Seo company Automobile Accident Attorney Best Seo company Social media platforms Hard drive Data Recovery Services Donate your car for kids AUTO ACCIDENT ATTORNEY fortis health insurance temporary MOTOR REPLACEMENTS Hire php programmers Nunavut Culture mesothelioma survival rates Adobe illustrator classes Claim Motor Insurance Quotes florida car insurance company boca raton personal injury attorney fast cash for house quotes car SELL ANNUITY PAYMENT illinois law lemon Php programmers for hire WordPress themes for designers motorcycle lawyer los angeles Criminal lawyer Donate Cars Illinois How to Donate A Car in California miami personal injury attorney ROYALTY FREE IMAGES STOCK AUTOMOBILE ACCIDENT ATTORNEY Service business software Cheap Car Insurance in Virginia PSYCHIC FOR FREE Donate a Car in Maryland google adsense massage school dallas texas dui lawyer scottsdale CAR INSURANCE QUOTES COLORADO Criminal defense lawyer Social media examiner Auto Mobile Insurance Quote Social media management Dallas Mesothelioma Attorneys houston tx auto insurance Psd to html Donate Car to Charity California DONATE YOUR CAR FOR KIDS Hire php developer mesothelioma attorneys california Bankruptcy lawyer Computer science classes online Register Free Domains california law lemon personal injury accident lawyer Php programmers ANNUITY SETTLEMENT mesothelioma attorney illinois CAR INSURANCE QUOTES MN Seo companies Donate cars Illinois Insurance LOW CREDIT LINE CREDIT CARDS

Cómo mostrar la foto del autor en los resultados de búsqueda de Google – dinero

Seguro muchos de ustedes han visto que al hacer unabúsqueda en Google aparecen algunosresultados con el nombre y la foto del autor de dicha publicación. Esto más que estético puede darnos más probabilidades de que los usuarios ingresen a nuestro blog, pues con el avatar del autor sobresale del resto de los resultados, aunado a que da esa sensación de confianza, lo que se convierte en mayores posibilidades de tráfico en nuestro blog.

Foto del autor en los resultados de Google

Lo primero que tenemos que hacer esvincular nuestro perfil de Blogger con el de Google+, si ya lo has hecho omite este paso.

Luego asegúrate que tu blog aparezca en la sección "Colaborador en" de tu perfil de Google+, en caso de que no aparezca agrega la dirección de tu blog.

Ahora sólo revisa que tengas el código del autor en tu plantilla, si no lo tuvieras agrégalo debajo de:

div class='post-footer'

El código del autor que debes tener es el siguiente:

span class='post-author vcard'
b:if cond='data:top.showAuthor'
data:top.authorLabel/
b:if cond='data:post.authorProfileUrl'
span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'
meta expr:content='data:post.authorProfileUrl' itemprop='url'/
meta expr:content='data:blog.blogId' itemprop='articleBody/aiaBlogId'/
meta expr:content='data:post.id' itemprop='articleBody/aiaPostId'/
a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'
span itemprop='name'data:post.author//span
/a
/span
b:else/
span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'
meta expr:content='data:blog.blogId' itemprop='articleBody/aiaBlogId'/
meta expr:content='data:post.id' itemprop='articleBody/aiaPostId'/
span itemprop='name'data:post.author//span
/span
/b:if
/b:if
/span

Si tuvieras otro código del autor distinto cámbialo por este que es más actualizado.

Ahora vamos a verificar que todo está bien hecho, para ello entra a laHerramienta de pruebas de datos estructurados, pega la URL de alguna entrada de tu blog, si se muestra la foto entonces todo está bien, sólo tendrás que esperar unos días a que Google asocie y actualice la información para que puedas ver tuavatar en los resultados de las búsquedas de Google. En este proceso no hay un tiempo exacto, algunas veces el cambio es rápido, pero la mayoría de las veces tarda algunas semanas así que hay que ser pacientes.

Es preciso decir que Google no garantiza que siempre se verá la foto en los resultados, podrá haber ocasiones que no la muestre.

Es indispensable que en tu perfil de Google+ tengas una foto como avatar, preferentemente de 250px por 250px y en formato JPG, con esas medidas será más fácil para Google mostrar la imagen.

SELL ANNUITY PAYMENT Paperport Promotional Code CAR ACCIDENT LAWYERS Psychic for Free accident attorney orange county Seo companies donating used cars to charity Donating a Car in Maryland student loan consolidation program car insurance quotes pa Dwi lawyer Dedicated Hosting Dedicated Server Hosting Casino reviews Donate Cars in MA Best Criminal Lawyers in Arizona mesothelioma care car insurance in south dakota Online Christmas cards Car Insurance Quotes Colorado Car Insurance in South Dakota Proud Italian cook Royalty free images stock mesothelioma ct WEBEX COSTS MASSAGE SCHOOL DALLAS TEXAS st louis mesothelioma attorney car accident lawyer san bernardino PhD in counseling education DUI lawyer Royalty Free Images Stock Mobile casino Personal Injury Lawyers Online casino Hard drive Data Recovery Services WordPress hosting Best social media platforms for business selling my structured settlement structured settlement agreement NUNAVUT CULTURE Donating a car in Maryland Donate your Car for Money criminal defense federal lawyer ROYALTY FREE IMAGES STOCK Hire php programmers Live casino VIRTUAL DATA ROOMS mesothelioma law suit CAR INSURANCE QUOTES MN Casino mesotheliama Online Colleges colorado mesothelioma lawyers Photo Christmas cards asbestos lung cancer Data Recovery Raid Personal Injury Law Firm Criminal defense lawyer Cheap Car Insurance for Ladies structured settlement broker DONATE A CAR IN MARYLAND mesothelioma personal injury lawyers saskatchewan auto insurance miami personal injury lawyer donate your car for money Make money online Australia Mortgage adviser Custom WordPress theme designer Asbestos Lung Cancer MORTGAGE ADVISER massage school dallas texas domain name yahoo average mesothelioma settlement New social media platforms accident lawyers in los angeles Online colledges Business management software car crash attorneys Hire php developers Insurance Companies Psd to WordPress miami personal injury attorney houston mesothelioma attorney Service business software Php programmers for hire Criminal lawyer truck accident attorney texas CHEAP CAR INSURANCE FOR LADIES Car insurance quotes MN Dallas Mesothelioma Attorneys mesotheloma Hire php developer Low credit line credit cards Home phone internet bundle Bankruptcy lawyer Forensics Online Course domain registration yahoo Computer science classes online Best social media platforms Seo services mesothelioma law firms Php programmers purchase structured settlements Christmas cards Social media campaigns Neuson tennessee mesothelioma lawyer ashely madis Sell Annuity Payment structured settlement quote injury lawyer houston tx structured settlement company Business finance group Auto Mobile Shipping Quote Social media platforms for business Nunavut Culture

Problema al intentar acceder a la sección Plantilla y Edición HTML de Blogger – Texas – Lincoln

Damian 11:39 Trucos

Desde que la nueva interfaz se instaló por defecto para todos, algunos no pueden ingresar a la secciónPlantilla del blog ni mucho menos a laEdición HTML, ya que al querer entrar aparece una página en blanco.

Esto es causado por un script que evita que nuestro blog pueda ser usado en iframes, muchos lo usan para que en los resultados de búsqueda de imágenes de Google se "rompa" el iframe y mande al usuario directo al blog. El script en cuestión es similar a este:

script type='text/javascript'if(top.location!=this.location) top.location=this.location;/script

El problema es que la secciónPlantilla contiene un iframe que es donde se muestra una vista previa de nuestro blog, entonces el script se carga e impide que se pueda acceder a dicha sección.

Leyendo en el foro de ayuda de Blogger me encontré con una solución bastante práctica, que es impedir la carga de la página y así evitar que se cargue el script.

Esto es sencillo en realidad, pero requiere de rapidez, una vez que hagas click enPlantilla localiza una marca deX que se encuentra en la barra de direcciones del navegador y haz click en ella, eso impedirá que se cargue la página completa ypodrás acceder a la Edición HTML, una vez que estés ahí elimina el script y listo.

La ubicación de este ícono para detener la carga varía en cada navegador, enChrome está junto al ícono de la casa (es el mismo que está en el lugar del que es para actualizar)

EnFirefox está en el extremo derecho de la barra de direcciones aunque puede variar dependiendo del tema que uses

En resumen: Entra en la secciónPlantilla, inmediatamente haz click en el signo deX para detener la carga, ingresa a laEdición HTML, elimina el script que lo causa y listo.

ACTUALIZACIÓN: También puedes presionar la teclaESC para detener la carga de la página en lugar de presionar el ícono deX. Gracias aRocker Gk por el consejo.

Si quisieras seguir usando un script similar sin que te dé ese problema puedes optar por el que proponen enVagabundia.

Casino CAR INSURANCE QUOTES PA sell annuity payment futuristic architecture pharmacist jobs in chicago Best Seo company Custom WordPress theme designer ROYALTY FREE IMAGES STOCK DONATE CARS IN MA ANNUITY SETTLEMENT Auto Accident Attorney Donating a Car in Maryland Make money online Australia NUNAVUT CULTURE bus accident attorney los angeles Online casino Online Christmas cards selling my structured settlement Adobe illustrator classes Proud Italian cook SELL ANNUITY PAYMENT dallas mesothelioma attorneys CAR DONATE DONATE YOUR CAR FOR KIDS mesothelioma attorney Criminal lawyer Mobile casino Better Conference Calls buy gift card Royalty Free Images Stock Hire php programmers PHD IN COUNSELING EDUCATION what is structured settlement Tech school houston motorcycle accident lawyer hosted predictive dialers car insurance quotes Cheap auto insurance in VA mesothelioma charities Forensics online course Best Criminal Lawyers in Arizona cheap auto insurance in va miami personal injury lawyer Business management software DUI lawyer Life Insurance Co Lincoln st louis mesothelioma attorney injury lawyers selling annuity asbestos mesothelioma lawsuit Donate your car Sacramento Christmas cards Car Accident Lawyers Hire php developers Social media platforms PHD on Counseling Education Casino reviews Live casino WORLD TRADE CENTER FOOTAGE Donate Your Car for Kids Social media campaigns Donating a car in Maryland DONATE OLD CARS TO CHARITY How to Donate A Car in California Donate your car for kids motorcycle lawyer los angeles Criminal defense lawyer Computer science classes online Email bulk service Service business software peritoneal mesothelioma Dayton Freight Lines Automobile Accident Attorney Motor Insurance Quotes Mortgage Adviser Donate a Car in Maryland cash out structured settlement california motorcycle accident lawyer car accident lawyers Dwi lawyer email bulk service Business finance group ONLINE COLLEDGES donate car for tax credit Hire php developer better conferencing calls anti spam appliance Php programmers for hire Met Auto Bankruptcy lawyer STRUCTURED ANNUITY SETTLEMENT Php programmers integrated ehr Seo companies Best social media platforms for business New social media platforms AUTOMOBILE ACCIDENT ATTORNEY Social media examiner Social media platforms for business FORENSICS ONLINE COURSE Seo services Best social media platforms Data Recovery Raid Asbestos Lung Cancer WordPress theme designers personal accident attorney Donate Car To Charity CALIFORNIA caraccidentlawyer Seo company Custom Christmas cards benchmark lending Asbestos Lawyers donate your car for kids Paperport promotional code Online Motor Insurance Quotes

Cómo hacer que la imagen de fondo del blog cubra toda la pantalla – Arquitectura – Register

Damian 13:03 Imágenes, Trucos

Una constante pregunta escómo hacer para que la imagen de fondo del blog siempre ocupe toda la pantalla sin importar la resolución del monitor. Y es que a veces ponemos una imagen de fondo según las medidas de nuestro monitor, y no consideramos que en la actualidad los monitores los hay de todas las resoluciones, muy pequeños y muy grandes. Así que si ponemos una imagen de acuerdo a nuestra pantalla habrá alguien con un monitor mayor que seguramente no verá toda la imagen o la verá repetida, y en el caso de los que usan monitores muy pequeños verán la imagen incompleta.

Aquí veremos dos soluciones a ello, una usandoCSS3, y otra conjQuery. Con cualquiera de las dos haremos que la imagen de fondo de la página ocupe toda la pantalla del monitor sin importar la resolución del mismo.

CSS3

La primera opción es usando CSS3, la ventaja con este método es que no sobrecargamos el blog con scripts, usaremos únicamente la propiedadbackground-size que se encargará de realizar lo que queremos.

La desventaja es que esta propiedad sólo es soportada por los navegadores modernos, así que en el caso de Internet Explorer sólo se verá de la versión 9 en adelante, en los demás navegadores no deberá haber problema.

El método es muy simple, sólo tenemos que ingresar a laEdición HTML de la plantilla, localizar elbackground que está dentro debody { y reemplazarlo por esto:

background: url(URL de la imagen) no-repeat center center fixed;
background-size: cover;

Se vería más o menos así:

body {
background: url(URL de la imagen) no-repeat center center fixed;
background-size: cover;
margin:0;
color:#000;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Sólo pon la URL de la imagen y listo.

jQuery

Con este método usaremos jQuery con el pluginBackStretch, la ventaja es que funciona en todos los navegadores, incluyendo IE7 en adelante. La desventaja no es mayor si ya usas jQuery, ya que el plugin en realidad es pequeño. Para usar este método en tu blog entra en laEdición HTML y antes de/head pega este script:

script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/
script type='text/javascript'
//![CDATA[
/*
* jQuery Backstretch
* Version 1.2.8
* http://srobbin.com/jquery-plugins/jquery-backstretch/
* Add a dynamically-resized background image to the page
* Copyright (c) 2012 Scott Robbin (srobbin.com)
* Licensed under the MIT license
* https://raw.github.com/srobbin/jquery-backstretch/master/LICENSE.txt
*/
;(function(a){a.backstretch=function(p,b,l){function s(){if(p){var b;0==c.length?c=a("div /").attr("id","backstretch").css({left:0,top:0,position:m?"fixed":"absolute",overflow:"hidden",zIndex:-999999,margin:0,padding:0,height:"100%",width:"100%"}):c.find("img").addClass("deleteable");b=a("img /").css({position:"absolute",display:"none",margin:0,padding:0,border:"none",zIndex:-999999,maxWidth:"none"}).bind("load",function(d){var b=a(this),e;b.css({width:"auto",height:"auto"});e=this.width||a(d.target).width();d=this.height||a(d.target).height();n=e/d;q();b.fadeIn(g.speed,function(){c.find(".deleteable").remove();"function"==typeof l&&l()})}).appendTo(c);0==a("body #backstretch").length&&(0===a(window).scrollTop()&&window.scrollTo(0,0),a("body").append(c));c.data("settings",g);b.attr("src",p);a(window).unbind("resize.backstretch").bind("resize.backstretch",function(){"onorientationchange"in window&&window.pageYOffset===0&&window.scrollTo(0,1);q()})}}function q(){try{j={left:0,top:0},rootWidth=h=o.width(),rootHeight=r?window.innerHeight:o.height(),f=h/n,f=rootHeight?(k=(f-rootHeight)/2,g.centeredY&&(j.top="-"+k+"px")):(f=rootHeight,h=f*n,k=(h-rootWidth)/2,g.centeredX&&(j.left="-"+k+"px")),c.css({width:rootWidth,height:rootHeight}).find("img:not(.deleteable)").css({width:h,height:f}).css(j)}catch(a){}}var t={centeredX:!0,centeredY:!0,speed:0},c=a("#backstretch"),g=c.data("settings")||t;c.data("settings");var o,m,r,n,h,f,k,j;b&&"object"==typeof b&&a.extend(g,b);b&&"function"==typeof b&&(l=b);a(document).ready(function(){var b=window,d=navigator.userAgent,c=navigator.platform,e=d.match(/AppleWebKit\/([0-9]+)/),e=!!e&&e[1],f=d.match(/Fennec\/([0-9]+)/),f=!!f&&f[1],g=d.match(/Opera Mobi\/([0-9]+)/),h=!!g&&g[1],i=d.match(/MSIE ([0-9]+)/),i=!!i&&i[1];o=(m=!((-1c.indexOf("iPhone")||-1c.indexOf("iPad")||-1c.indexOf("iPod"))&&e&&534e||b.operamini&&"[object OperaMini]"==={}.toString.call(b.operamini)||g&&7458h||-1d.indexOf("Android")&&e&&533e||f&&6f||"palmGetResource"in window&&e&&534e||-1d.indexOf("MeeGo")&&-1d.indexOf("NokiaBrowser/8.5.0")||i&&6=i))?a(window):a(document);r=m&&window.innerHeight;s()});return this}})(jQuery);
//
/script
script
$.backstretch("URL de la imagen");
/script

Pon la URL de la imagen donde se indica y listo.

Con este método la carga de la imagen del fondo se hace hasta el final, esto es para que el usuario no tenga que estar esperando a que cargue la imagen para que empiece cargar el blog, así que si en elbody { ya utilizas una imagen de fondo se verá primero e instantes después se cargará la del script, por lo que si lo deseas puedes eliminar la imagen que tengas en el body y así dejar que sólo cargue la imagen del script.

Como puedes ver ambos sistemas son fáciles de aplicar, cada uno con sus pros y contras, pero el resultado es el mismo, extender la imagen de fondo para que se ajuste a la pantalla de cualquier monitor sin importar la resolución del mismo.

Recuerda que en el caso del método con jQuery, deberás verificar que no uses Scriptaculous o Mootools, de ser así tendrás queaplicar unos cambios en el script para hacerlos compatibles.
Y si ya usas jQueryrecuerda tener sólo una versión, la última.

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

washington mesothelioma attorney Php programmers Make money online Australia yahoo web hosting Mobile casino mesothelioma information Hard drive data recovery services criminal defense federal lawyer Nunavut Culture Online casino Personal Injury Lawyers mesothelioma charities Online Classes WordPress hosting cheaper insurance companies Asbestos Lawyers Best Seo company mesothelioma lawsuits DONATING A CAR IN MARYLAND Car Insurance Quotes MN Casino Injury Lawyers houston tx auto insurance city college in miami Claim Best social media platforms Seo services Car Insurance Companies sell my structured settlement HOW TO DONATE A CAR IN CALIFORNIA Casino reviews Php programmers for hire Gas/Electricity Italian cooking school Bankruptcy lawyer Holland Michigan College Donate Old Cars to Charity Online Motor Insurance Quotes CAR ACCIDENT LAWYERS car accident lawyers west palm beach Cheap Auto Insurance in VA fast cash for house online colledges Car Insurance Quotes Colorado mesothelioma survival rates utah mesothelioma lawyer Royalty Free Images Stock primary pulmonary hypertension life insurance co lincoln DUI lawyer baltimore mesothelioma attorneys virtual data rooms Insurance Companies ASBESTOS LAWYERS Criminal defense lawyer WebEx costs Live casino personal injury lawyer sarasota fl Annuity Settlements personal injury solicitor Social media platforms for business Seo company Hire php developers New social media platforms Motor Replacements injury lawyers west palm beach california mesothelioma attorney meso lawyer CRIMINAL DEFENSE ATTORNEYS FLORIDA DAYTON FREIGHT LINES miami personal injury lawyer Dwi lawyer Donate old cars to charity DONATE YOUR CAR FOR KIDS Photo Christmas cards Hire php programmers WORLD TRADE CENTER FOOTAGE anti spam appliance SELL ANNUITY PAYMENT Better Conference Calls structured settlements companies Donate Car for Tax Credit federal criminal defense attorney donate car for tax credit Criminal lawyer Social media platforms Service business software Register free domains structured settlement investments uk homeowner loans bus accident attorney los angeles World Trade Center Footage CAR INSURANCE IN SOUTH DAKOTA Criminal lawyer Miami Proud Italian cook Webex Costs MOTOR REPLACEMENTS los angeles auto accident attorneys maritime lawyer houston Hire php developer Donating Used Cars to Charity Computer science classes online seattle mesothelioma lawyer Donate Your Car for Kids Email bulk service mesothelioma lawyer asbestos cancer lawsuit Seo companies Royalty free images stock Best social media platforms for business Tech school Online colledges Business finance group Neuson Automobile Accident Attorney Car Insurance in South Dakota

Usar un archivo flash como fondo del blog – Registros – Automovil – World

Damian 17:22 Efectos, Trucos

La otra vez vimoscómo poner un video de YouTube como fondo del blog, ahora veremos algo similar pero con un archivo SWF, es decir, veremoscómo poner un archivo flash (SWF) como fondo del blog.

Puedes ver un ejemplo eneste blog de pruebas.

Los archivos flash (SWF) son esas animaciones que se crean con programas especiales para este tipo de archivos, aunque también hay programas que permiten convertir películas en estos formatos.

Por lo tanto, primero deberás tener un archivo en flash (entre más grande mejor) subido a tu alojamiento, aunque mientras puedes probar con el archivo que usé en el blog de pruebas.

El procedimiento en realidad es muy sencillo ya que es sólo un paso a seguir. Sólo ingresa a laEdición HTML de la plantilla, y localiza la etiquetabody o esta línea:

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

Justo debajo de cualquiera de ellas dos agrega este código:

object height='100%' id='fondoflash' width='100%'
param name='movie' value='URL del archivo SWF'/
param name='scale' value='exactFit'/
param name='wmode' value='transparent'/
embed height='100%' scale='exactFit' src='URL del archivo SWF' type='application/x-shockwave-flash' width='100%' wmode='transparent'/
/object
style
html {
height: 100%;
}
body {
height: 100%;
margin: 0;
padding: 0;
}
#fondoflash {
height: 100%;
z-index:-9999;
position:fixed;
margin: 0 auto;
}
/style

Pon la URL del archivo en formato.SWF donde se indica (dos veces) y listo.

Si quieres usar el archivo del blog de pruebas puedesdescargarlo aquí y subirlo a tu alojamiento.

Este procedimiento está probado en Internet Explorer 9, Chrome 21.0, Firefox 14, Safari 6, y Opera 12, en todos funciona sin problema.

El archivo flash se adaptará al ancho y alto de la ventana del navegador, es decir, que ocupará el 100% del ancho y alto de la misma, por lo tanto no se recomienda usar animaciones que tengan medidas muy cuadradas (por ejemplo 600x600) sino mas bien rectangulares (por ejemplo 1200x720) para que no se distorsione tanto.

EnSoftonic puedes encontrar algunos programas para la creación de animaciones en flash.

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

Holland Michigan College Annuity Settlements BEST CRIMINAL LAWYER IN ARIZONA hosted predictive dialers Automobile Accident Attorney Psd to html Cheap Domain Registration Hosting mesothelioma personal injury lawyers Casino Cheap Auto Insurance in VA colorado auto accident attorney Mesothelioma Law Firm Car Accident Lawyers domain registration yahoo Online casino Seo companies Photo Christmas cards Social media examiner Social media management Donate car for tax credit REGISTER FREE DOMAINS mesothelioma law suit Mobile casino Make money online Australia Casino reviews car accident lawyer san bernardino Custom WordPress theme designer hair removal washington dc Live casino Structures Annuity Settlement Online motor insurance quotes Php programmers for hire Social media platforms for business structured settlement quote Car Insurance Companies Best social media platforms Service business software DUI lawyer Dwi lawyer Donate Cars in MA asbestos lung cancer Car insurance quotes Utah STRUCTURED ANNUITY SETTLEMENT motor replacements Psychic for Free personal injury law firm Asbestos Lung Cancer accident attorney orange county personal injury lawyer Best Seo company ONLINE COLLEDGES donate your car for money car insurance quotes pa criminal defense federal lawyer Car Insurance Quotes Utah Sell Annuity Payment houston mesothelioma attorney firm law mesothelioma best mesothelioma lawyers sell your structured settlement payments Html email Hire php developers auto accident lawyer san francisco most profitable internet business World Trade Center Footage mesothelioma charities Computer science classes online Seo company Hire php programmers DONATE CARS ILLINOIS mesothelioma attorney Online Criminal Justice Degree mesothelioma help Online Classes email bulk service Criminal lawyer Donating a Car in Maryland best consolidation loan student Business finance group Psd to WordPress Better conferencing calls CAR INSURANCE QUOTES MN mesothelioma lawyer virginia car accident lawyer michigan Cheap Car Insurance in Virginia Criminal defense lawyer motorcycle accident attorney chicago selling annuity asbestos lawyers Donate a car in Maryland Auto Mobile Insurance Quote Custom Christmas cards Asbestos Lawyers Massage school Dallas Texas Christmas cards meso lawyer Hire php developer car crash attorneys truck accident attorney los angeles PHD IN COUNSELING EDUCATION cheaper insurance companies Bankruptcy lawyer Email bulk service business administration masters Php programmers HOLLAND MICHIGAN COLLEGE Low Credit Line Credit Cards quotes car Best social media platforms for business best accident attorneys Donate a Car in Maryland New social media platforms mesothelioma claim WORLD TRADE CENTER FOOTAGE Donate car to charity California

Jugando con la NavBar de Blogger – Car

Damian 10:26 Trucos

Hace muchos años pocos querían conservar laNavbar, esa barra que está arriba del todo y que nos permite compartir el blog, buscar o acceder a las funciones básicas. El único color disponible que había era el azul así que no a todos les iba bien con el diseño de su plantilla. Hoy labarra de navegación (Navbar) dispone de más colores, y podemos jugar un poco con ella para hacerla ver más dinámica. O si prefieres ocultarla, también te diremos cómo hacerlo.

Ocultar la navbar

Ocultarla es más sencillo que antes, digo eso porque hasta hace poco teníamos queingresar códigos a la plantilla para poder ocultarla, ahora no.

Si deseasocultar la navbar ingresa a la secciónDiseño, da click enEditar sobre laNavbar (Barra de navegación) y seleccionaDesactivado.

Hacer flotante la navbar

Si por el contrario te gusta que se vea la barra de navegación entonces puedes hacerla flotante para que se siga viendo aun cuando bajes el scroll de la página. Para ello entra en laEdición HTML de la plantilla y antes de/b:skin pega lo siguiente:

#navbar-iframe {
left:0;
top:0;
position:fixed;
}

Si quisieras que la navbar este igual flotante pero en la parte de abajo entonces cambiatop:0; porbottom:0;
Con cualquiera de esas dos opciones la barra siempre estará visible aunque se suba o se baje la página.

Aparecer la navbar al pasar el cursor con desvanecimiento

Una buena opción es mantener oculta la navbar y hacer que aparezca sólo si pasamos el cursor arriba del blog, y usando las transiciones haremos que aparezcan con un efecto de desvanecimiento como se aprecia en la imagen.

Para que se vea de esta manera sólo hay que añadir antes de/b:skin lo siguiente:

#navbar-iframe {
opacity:.0;
filter:alpha(Opacity=0,FinishedOpacity=0);
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
#navbar-iframe:hover {
opacity:1.0;
filter:alpha(Opacity=100,FinishedOpacity=100);
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}

Aparecer la navbar al pasar el cursor de arriba a abajo

Una opción similar a la anterior es que la navbar esté oculta y aparezca al pasar el cursor sobre su área pero esta vez aparecerá de arriba a abajo.

Para ese caso el código que hay que añadir antes de/b:skin es este:

#navbar-iframe {
position:absolute;
top:-30px;
height:60px;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
#navbar-iframe:hover {
top:0;
height:30px;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}

Cambiar el color de la Navbar

Aunque Blogger nos permite cambiarle el color, sólo nos ofrece 6 opciones de color, los cuales pueden no ser del gusto de todos, sin embargo podemos ponerle el color que queramos y no sólo eso, también podemos hacer que cambie de color al pasar el cursor con un efecto de desvanecimiento.

Para conseguirlo, sigue el paso del primer ejemplo que es para ocultarla, pero en lugar de desactivarla deberás seleccionarClaro transparente. Luego pega antes de/b:skin estos estilos:

#navbar-iframe {
background:#B40431;/* Color de la navbar */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
#navbar-iframe:hover {
background:#000;/* Color de la navbar al pasar el cursor */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}

Ahí verás dónde poner el color que quieras tanto para el estado normal, como el color que tendrá al pasar el cursor.
¿Una imagen? También se puede, en ese caso la línea que especifica el color irá de esta manera:

background:url(URL de la imagen);

Como puedes ver, la navbar puede verse más atractiva si lo deseas y sólo añadiendo un poco de CSS que hasta puedes combinar y conseguir el resultado que quieras.

Quizá haga falta recordar que en el caso de los efectos de desvanecimiento con CSS son transiciones que sólo son soportadas con navegadores modernos, así que en navegadores antiguos (o Internet Explorer) aunque no se verá ese desvanecimiento los demás estilos sí se ejecutarán.

Social media tools BEST CRIMINAL LAWYER IN ARIZONA Mortgage adviser DONATE CARS ILLINOIS Business management software Live casino Donating Used Cars to Charity Nunavut Culture boca raton personal injury attorney Social media platforms for business asbestos exposure lawyers Hard drive Data Recovery Services Online casino Php programmers for hire Dayton freight lines best mesothelioma lawyers mesothelioma personal injury lawyers Donate Car To Charity CALIFORNIA WORLD TRADE CENTER FOOTAGE lawsuit mesothelioma car insurance companies HARDDRIVE DATA RECOVERY SERVICES Cheap Car Insurance for Ladies Car Insurance Quotes PA structered settlement firm law mesothelioma mesothelioma law suits Casino donate your car for kids mesothelioma ct FORENSICS ONLINE COURSE WebEx costs houston mesothelioma attorney mesothelioma lawyer asbestos cancer lawsuit Business finance group Custom WordPress theme designer wisconsin mesothelioma attorney Seo company Best criminal lawyer in Arizona Claim mesothelioma compensation los angeles auto accident attorneys Best social media platforms for business Custom Christmas cards DONATE CARS IN MA mesothelioma settlement amounts Tech school Mesothelioma Law Firm Adobe illustrator classes World trade center footage yahoo web hosting mesothelioma law firms Car Insurance Quotes Christmas cards donate old cars to charity Mobile casino small business administration sba Php programmers Learning adobe illustrator saskatchewan auto insurance register free domains Mortgage Adviser caraccidentlawyer Online Criminal Justice Degree How to Donate A Car in California Make money online Australia Online Christmas cards Casino reviews DUI lawyer WordPress theme designers Hire php developers buyer of structured settlement annuity supportpeachtreecom car insurance quotes pa CAR INSURANCE QUOTES COLORADO Service business software chicago hair laser removal Forensics Online Course mesothelioma attorney california Hire php programmers World Trade Center Footage Dwi lawyer Criminal lawyer Asbestos Lung Cancer state of california car insurance car accident lawyers west palm beach Donate Car to Charity California CRIMINAL DEFENSE ATTORNEYS FLORIDA la personal injury lawyer Bankruptcy lawyer selling structured settlement sell structured settlement calculator Criminal defense lawyer MET AUTO Donate a Car in Maryland Motor replacements Sell Annuity Payment DONATE YOUR CAR FOR KIDS average mesothelioma settlement alabama mesothelioma lawyer Html email injury lawyers New social media platforms what is structured settlement mesothelioma lawyer california ASBESTOS LAWYERS DONATE YOUR CAR FOR MONEY Cheap Domain Registration Hosting Hire php developer structured settlements companies CHEAP CAR INSURANCE FOR LADIES Donate your Car for Money car donate royalty free images stock Car Accident Lawyers

Agregar un video de YouTube como fondo del blog – Curso – Motor – Lawyers

Damian 16:13 Efectos, Trucos

Me preguntan porFacebookcómo poner un video como fondo del blog, es decir, que en lugar de que sea un color o una imagen sea un video. Eso podemos hacerlo gracias al pluginTubular de jQuery que permiteusar un video de YouTube como fondo de una página web.

Aunque el resultado puede ser muy original y atractivo, debo decir que tiene tres inconvenientes: que no se puede silenciar, que si el video tiene anuncios éstos también se mostrarán, y que puede hacer muy lenta la carga del blog, así que si alguien quiere usarlo puede considerar ponerlo sólo en ocasiones especiales, o en blogs que carguen muy rápido.

También se puede hacer en HTML5, el problema es que con ese método se necesita cargar el video en 3 formatos distintos (.mp4, .webm y .ovg) además de una imagen para los navegadores que no lo soporten, así que con esta opción de YouTube me parece más práctica pese a los inconvenientes que tiene.

Eneste blog de pruebas puedes ver el demo funcionando.

El primer paso es poner justo después dehead el script:

script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/

script type='text/javascript'
//![CDATA[
/* jQuery tubular plugin
|* by Sean McCambridge
|* http://www.seanmccambridge.com/tubular
|* Copyright 2012
|* licensed under the MIT License
|* Enjoy.
|*
|* Thanks,
|* Sean */

var videoWidth = 853;
var videoRatio = 16/9;
var defaultDiv = 'wrapper-video';

jQuery.fn.tubular = function(videoId,wrapperId) {
wrapperId = (typeof(wrapperId) == undefined) ? 'wrapper-video' : wrapperId;
t = setTimeout("resizePlayer()",1000);

jQuery('html,body').css('height','100%');
jQuery('body').prepend('div id="yt-container" style="overflow: hidden; position: fixed; z-index: 1;"div id="ytapiplayer"You need Flash player 8+ and JavaScript enabled to view this video./div/divdiv id="video-cover" style="position: fixed; width: 100%; height: 100%; z-index: 2;"/div');
jQuery('#' + wrapperId).css({position: 'relative', 'z-index': 99});

var ytplayer = 0;
var pageWidth = 0;
var pageHeight = 0;
var videoHeight = videoWidth / videoRatio;
var duration;

var iframe = 'iframe id="myytplayer" width="' + videoWidth + '" height="' + videoHeight + '" src="http://www.youtube.com/embed/' + videoId + '?autoplay=1&controls=0&modestbranding=1&showinfo=0&hd=1&iv_load_policy=3&version=3&wmode=transparent&loop=1&playlist=' + videoId + '" frameborder="0" allowfullscreen/iframe';

jQuery('#ytapiplayer').html(iframe);
jQuery(window).resize(function() {
resizePlayer();
});
return this;
}

function onYouTubePlayerReady(playerId) {
ytplayer = document.getElementById("myytplayer");
ytplayer.setPlaybackQuality('medium');
ytplayer.mute();
}

function resizePlayer() {
var newWidth = jQuery(window).width();
var newHeight = jQuery(window).height();
jQuery('#yt-container, #video-cover').width(newWidth).height(newHeight);
if (newHeight newWidth / videoRatio) {
newWidth = newHeight * videoRatio;
}
jQuery('#myytplayer').width(newWidth).height(newWidth/videoRatio);
}

//
/script

script type='text/javascript'
//![CDATA[
$().ready(function() {
$('body').tubular('7gZd4b6bXu4','wrapper-video');
});
//
/script

Luego localiza la etiquetabody
Si usas una plantilla del Diseñador de Plantillas entonces busca esta línea:

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

Debajo de cualquiera de ellas dos agrega lo siguiente:

div id='wrapper-video'

Luego antes de/body coloca esta etiqueta de cierre:

/div

Guarda los cambios y listo. En color rojo debes poner la ID del video de YouTube, la ID son los caracteres que aparecen al final de la URL:

Recuerda: No tiene opción de silenciar, así que si no quisieras que tenga sonido como en el demo del blog de pruebas tendrás que elegir un video que no tenga sonido. También se recomienda usar un video en HD para que no aparezcan partes negras alrededor del video.
Si ya usaras jQueryelimina las otras versiones que tengas para que no se dupliquen y tengas problemas.
Y si usasScriptaculous o Mootools deberás aplicar unos cambios a la segunda parte sel primer código que se agrega para que puedas usarlo.

Autor | jQuery Tubular

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