marzo 2011 ~ CosasParaMiBlogs

jueves, 31 de marzo de 2011

Variante para usar YouTube como reproductor de audio – Habitaciones

Gracias aMandelrot que nos comentó que había publicado este sistema en su blog, conocimos otra forma de conseguir eltruco para insertar sólo audio desde YouTube.

En aquel, dejábamos la carátula del reproductor sin la parte de vídeo y luego podíamos ir acortando lo que quedaba por el centro. Pero siempre nos quedaban las puntas; al menos el botón del play, el del volumen y el de pantalla completa. Sin embargo, con este otro sistema podremos truncar por la derecha.

Para empezar, aliframe del reproductor original le cambiamos igualmente la altura por 27px. Lo diferente ahora es que luego metemos todo dentro de undiv más pequeño que el reproductor y a esediv le añadimos unoverflow:hidden; para que trunque el contenido y no se vea la parte derecha.

Así, esto...

iframe title="YouTube video player" width="425" height="349" src="http://www.youtube.com/embed/bg8EQdcud7Q?rel=0" frameborder="0" allowfullscreen/iframe

...lo transformamos en esto:

div style="overflow:hidden;width:252px;"
iframe title="YouTube video player" width="425" height="27" src="http://www.youtube.com/embed/bg8EQdcud7Q?rel=0" frameborder="0" allowfullscreen/iframe
/div

Para calcular el ancho del div, usamos estas medidas de la barra del reproductor:

Por tanto, para quitar el primer trozo de la derecha, restamos al ancho del código original la cantidad de 173px. (425-173=252px, en el ejemplo)

Si queremos reducirlo más para dejar sólo los dos primeros botones, entonces fijamos el div en 63px.

div style="overflow:hidden;width:63px;"
iframe title="YouTube video player" width="425" height="27" src="http://www.youtube.com/embed/bg8EQdcud7Q?rel=0" frameborder="0" allowfullscreen/iframe
/div

Y si queremos un auténtico reproductor minimalista, lo dejamos en 32px:

div style="overflow:hidden;width:32px;"
iframe title="YouTube video player" width="425" height="27" src="http://www.youtube.com/embed/bg8EQdcud7Q?rel=0" frameborder="0" allowfullscreen/iframe
/div

Online Classes buying structured settlements Online casino workers compensation lawyer los angeles ASBESTOS LAWYERS DUI lawyer Hire php developers cheap auto insurance in va motor replacements Casino CRIMINAL DEFENSE ATTORNEYS FLORIDA mesothelioma lawsuit Car insurance quotes pa Donate Car for Tax Credit Low Credit Line Credit Cards Massage School Dallas Texas Php programmers for hire Forensics Online Course canada personals yahoo domain registration yahoo donating used cars to charity mesotheliama Business management software Computer science classes online DONATING A CAR IN MARYLAND refinance with bad credit New social media platforms auto accident attorney Donate Cars Illinois Online Christmas cards Mobile casino integrated ehr Asbestos Lung Cancer Psd to WordPress Seo services mesothelioma law firms Donate Car To Charity CALIFORNIA Car Donate EMAIL BULK SERVICE Virtual Data Rooms mesothelioma attorneys Make money online Australia Futuristic Architecture Casino reviews Live casino Service business software firm law mesothelioma mesothelioma cases Massage school Dallas Texas Social media platforms for business CHEAP DOMAIN REGISTRATION HOSTING mesothelioma ct MASSAGE SCHOOL DALLAS TEXAS buy gift card Insurance car accident lawyer san bernardino structured annuity settlement Nunavut Culture Hire php programmers Social media tools Dwi lawyer Criminal lawyer mesothelioma law firm Car Insurance Quotes MN Register Free Domains Criminal defense lawyer Hire php developer Hard drive data recovery services Bankruptcy lawyer mesothelioma lawyer houston MOTOR REPLACEMENTS donate your car for kids Html email anti spam exchange server DONATE YOUR CAR FOR MONEY Custom WordPress theme designer HARDDRIVE DATA RECOVERY SERVICES attorney lawyer mesothelioma mesothelioma charities insurance medical temporary Php programmers att call conference Auto Mobile Insurance Quote Car Insurance Companies how to donate a car in california mesothelioma settlements mesothelioma survival rates REGISTER FREE DOMAINS meso lawyer Seo companies personal injury lawyer sarasota fl Online Criminal Justice Degree Car Insurance Quotes Colorado How to Donate A Car in California Best social media platforms for business mesothelioma attorney california Psd to html Donate Car to Charity California tucson car accident attorney Business finance group LIFE INSURANCE CO LINCOLN illinois mesothelioma lawyer WordPress themes for designers mesothelioma lawyers san diego Met Auto FORENSICS ONLINE COURSE ONLINECLASSES paperport promotional code email bulk service world trade center footage DALLAS MESOTHELIOMA ATTORNEYS Proud Italian cook Best Seo company Business VOIP Solutions utah mesothelioma lawyer Best social media platforms Christmas cards business voip solutions ROYALTY FREE IMAGES STOCK structured settlement brokers Donate Your Car Sacramento Seo company accident attorney in los angeles Tech school Italian cooking school low credit line credit cards small business administration sba Best Criminal Lawyers in Arizona cheap car insurance in virginia la personal injury lawyer Donating Used Cars to Charity Custom Christmas cards Photo Christmas cards SELL ANNUITY PAYMENT WordPress hosting donate your car for money Social media examiner compare life assurance Donating a Car in Maryland Social media management bus accident attorneys Met auto personal injury attorney ocala fl HOLLAND MICHIGAN COLLEGE Donate cars in ma Social media platforms truck accident attorney texas Best criminal lawyer in Arizona Online Colleges Dallas mesothelioma attorneys DONATE YOUR CAR SACRAMENTO car accident lawyer michigan Donate your Car for Money Dallas Mesothelioma Attorneys Motor Replacements chicago hair laser removal Asbestos Lawyers Holland Michigan College WordPress theme designers Adobe illustrator classes injury lawyers west palm beach Social media strategies CHEAP CAR INSURANCE FOR LADIES Cheap Car Insurance for Ladies Learning adobe illustrator DAYTON FREIGHT LINES Social media campaigns data recovery raid Mesothelioma Law Firm state of california car insurance Email Bulk Service business email web hosting Donate Cars in MA arizona auto accident attorney anti spam appliance mesothelioma settlement amounts saskatchewan auto insurance Sell Annuity Payment Donate Your Car for Kids Royalty Free Images Stock car insurance quotes pa ONLINE COLLEDGES best consolidation loan student Structures Annuity Settlement better conferencing calls boca raton personal injury attorney Car Insurance Quotes ashely madis truck accident attorney los angeles mesothelioma attorney florida Annuity Settlements CAR ACCIDENT LAWYERS Dayton Freight Lines Hard drive Data Recovery Services Personal Injury Lawyer Donate a Car in Maryland Cheap Domain Registration Hosting mesothelioma claim phd in counseling education mesotheloma Criminal Defense Attorneys Florida Car Insurance Quotes Utah structured settlement need cash now fortis health insurance temporary domains yahoo Life Insurance Co Lincoln Online Motor Insurance Quotes personal injury attorney springfield mo structured settlement buyer criminal defense attorneys florida

Artilugios, Blogger

Error bX-67oaj1 y otros problemas con enlaces de navegación – Teleconferencias – Plataforma – Dominios

Ayer publiqué una entrada en la que además de informar de unproblema con los enlaces de navegaciónEntradas más recientes/Entradas antiguas, pedía socorro de una forma descarada. Esto lo cuento lo primero, para que los que creéis que por aquí anda algún experto en estos temas, os lo quitéis de una vez de la cabeza ☺

Había pasado por encima de la solución, pero se conoce que con tantas cosas que probé, la correcta no la apliqué bien. Menos mal quePizcos yBalthazar! me hicieron insistir en la misma idea y gracias a ello, volví a retomarla.

El problema se manifiesta pinchando en dichos enlaces y las dos maneras en que se presenta es o bien mostrando directamente una página de error bX-67oaj1, o bien en la forma que expliqué en el post citado. Esto era que el enlace iba a una página extraña, que mostraba en el navegador la dirección de inicio y no la que debería (http://oloblogger.blogspot.com/search?updated-max=2011-02-09T12... etc). También afectaba a algunas condiciones que no se ejecutaban.

No he encontrado un patrón para saber a quién le dará problemas esto (plantillas antiguas, nuevas, algún gadget...), por lo que sospecho que se trata de un nuevo cambio interno de Blogger. En concreto, creo que nos ocurre a todos los que conservamos el código original del gadget que forma esos enlaces (nextprev), ya que la solución pasa por eliminar una de las variables que incluye (data:widget.instanceId). Sinceramente, no tengo ni idea para qué sirve, porque ni siquiera está en la lista "oficial" de etiquetas data, pero lo importante es que ahora estorba.

Como siempre, la solución es muy fácil... cuando se conoce, claro. Conplantillas de artilugios expandidas hay que buscar este trozo de código:

b:includable id='nextprev'
div class='blog-pager' id='blog-pager'
b:if cond='data:newerPageUrl'
span id='blog-pager-newer-link'
a class='blog-pager-newer-link' expr:href='data:newerPageUrl'expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'data:newerPageTitle//a
/span
/b:if

b:if cond='data:olderPageUrl'
span id='blog-pager-older-link'
a class='blog-pager-older-link' expr:href='data:olderPageUrl'expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'data:olderPageTitle//a
/span
/b:if

a class='home-link' expr:href='data:blog.homepageUrl'data:homeMsg//a

¿Veis lo que está marcado en verde-negrita? Pues eso lo quitáis y listo.

Si alguna vez habéis sustituido el texto estándar (data:newerPageTitle /data:olderPageTitle)por una imagen, el código que pongo de referencia será algo distinto en vuestro caso, pero lo importante es borrar la expresión que incluye eldata:widget.intanceld de los c..., lo demás, tal como lo tengáis.

A otra cosa mariposa.

Donate Your Car for Kids Social media platforms canada personals yahoo structured settlemen motorcycle accident lawyer san francisco anti spam exchange server injury lawyer houston tx BETTER CONFERENCING CALLS Register Free Domains online colledges Donate Car to Charity California injury lawyers west palm beach Donate Cars in MA DALLAS MESOTHELIOMA ATTORNEYS Car Insurance Quotes PA peritoneal mesothelioma CRIMINAL DEFENSE ATTORNEYS FLORIDA Car Insurance Quotes Colorado Criminal defense attorneys Florida Php programmers for hire new mexico mesothelioma lawyer Nunavut culture Motor Insurance Quotes PHD IN COUNSELING EDUCATION primary pulmonary hypertension Online casino Hire php developers Hire php developer how to donate a car in california hair removal washington dc Casino World Trade Center Footage Make money online Australia SELL ANNUITY PAYMENT CHEAP AUTO INSURANCE IN VA st louis mesothelioma attorney Casino reviews Mobile casino Best social media platforms for business Car insurance quotes pa mesothelioma claim Mortgage adviser HOW TO DONATE A CAR IN CALIFORNIA Live casino utah mesothelioma lawyer accident attorney orange county EMAIL BULK SERVICE DONATING A CAR IN MARYLAND VIRTUAL DATA ROOMS Forensics Online Course WORLD TRADE CENTER FOOTAGE Massage School Dallas Texas Email Bulk Service Italian cooking school Photo Christmas cards Best social media platforms Social media examiner Dallas Mesothelioma Attorneys philadelphia mesothelioma lawyer what is structured settlement car donate arizona auto accident attorney structured settlement sell PHD on Counseling Education buy structured settlements CHEAP CAR INSURANCE FOR LADIES Dwi lawyer motorcycle accident attorney sacramento DUI lawyer cell cycle regulation ppt Futuristic Architecture mesothelioma suit structered settlement HOLLAND MICHIGAN COLLEGE Best Seo company mesothelioma attorney california Social media campaigns asbestos mesothelioma lawsuit personal injury accident lawyer Hire php programmers Dayton freight lines auto accident attorney motor insurance quotes Service business software Seo company diagnosed with mesothelioma meso lawyer Donating a car in Maryland broward county dui lawyer adverse credit remortgage Criminal lawyer Adobe illustrator classes Auto Accident Attorney Learning adobe illustrator Criminal defense lawyer purchase structured settlements Bankruptcy lawyer Computer science classes online Php programmers Psychic for Free Seo companies New social media platforms structured settlement need cash now emergency response plan ppt Proud Italian cook DONATE OLD CARS TO CHARITY Online Stock Trading Donating used cars to charity fortis health insurance temporary colorado mesothelioma lawyers Business finance group Social media platforms for business Custom WordPress theme designer Seo services best criminal lawyer in arizona World trade center footage car insurance quotes PSYCHIC FOR FREE Business management software personal injury law firm Social media strategies personal accident attorney dallas mesothelioma attorneys Online Motor Insurance Quotes mesothelioma ct ROYALTY FREE IMAGES STOCK WordPress hosting donate old cars to charity mesothelioma lawyer virginia Online Christmas cards mesothelioma law suit Custom Christmas cards accident car florida lawyer WordPress themes for designers average mesothelioma settlement FUTURISTIC ARCHITECTURE auto accident lawyer san francisco Auto Mobile Shipping Quote Donate Your Car Sacramento Donate a Car in Maryland royalty free images stock DONATE CAR FOR TAX CREDIT Met auto Psd to WordPress Nunavut Culture Social media management world trade center footage Massage school Dallas Texas car accident lawyer san bernardino phd in counseling education CAR INSURANCE QUOTES COLORADO Tech school Html email mesothelioma care futuristic architecture selling annuity Christmas cards google adsense Home Phone Internet Bundle mesothelioma symptoms criminal defense federal lawyer Psd to html WordPress theme designers NEUSON Cheap car insurance for ladies HOME PHONE INTERNET BUNDLE anti spam appliance structured settlement blog mesothelioma attorneys california selling my structured settlement personal injury attorney springfield mo mesothelioma lawyer dallas state of california car insurance mesothelioma attorney Business VOIP Solutions Social media tools Donate old cars to charity Life Insurance Co Lincoln Mesothelioma Law Firm WebEx costs automobile accident attorney Donate Car for Tax Credit student loan consolidation program How to Donate A Car in California Sell Annuity Payment Dayton Freight Lines Asbestos Lawyers Structures Annuity Settlement Insurance Companies donate your car for kids Annuity Settlements DONATE YOUR CAR SACRAMENTO CAR INSURANCE IN SOUTH DAKOTA Car Insurance Quotes Utah Hard drive Data Recovery Services Motor Replacements accident attorneys orange county Cheap Domain Registration Hosting Donating a Car in Maryland Personal Injury Law Firm Donate Cars Illinois Criminal Defense Attorneys Florida Best Criminal Lawyers in Arizona georgia truck accident lawyer Attorney Webex Costs accident attorney in los angeles Holland Michigan College CHEAP CAR INSURANCE IN VIRGINIA domains yahoo

miércoles, 30 de marzo de 2011

Artilugios, Blogger

Problemillas con los enlaces de navegación – php

Actualizado: Solución al problema comentado en esta entrada en
"Error bx67oaj1 y otros problemas con los enlaces de navegación".

Esta entrada es sólo para comentar que desde hace unos días, existe algún tipo de problema con los enlaces de navegaciónEntradas más recientes/Entradas antiguas, que provoca que el sistema de sumarios no funcione. El caso es que no ocurre en todos los blogs y tras muchas comprobaciones, no he encontrado la causa.

En un principio, lo único que se aprecia es que cuando pinchamos en uno de estos enlaces, si bien el rótulo deltitle nos indica que nos va a enviar a una página del tipo...

http://oloblogger.blogspot.com/search?updated-max=2011-02-09T12%3A40%3A00-08%3A00&max-results=5

...que es la que corresponde a este tipo de navegación por fechas, lo que realmente aparece en el navegador, es la dirección de Inicio del blog:

http://oloblogger.blogspot.com

He restaurado por completo, sin éxito, el gadgetnextprev original, que es el que controla el funcionamiento de estos enlaces. Incluso he copiado literalmente el código de un blog que sí me funciona bien, por si acaso, pero nada. El problema persiste.

Viendo con más detalle el código de este artilugio (nextprev), he visto que los enlaces a este tipo de direcciones, están controlados por una etiquetadata de esas que contienen datos internos de Blogger sobre nuestro blog, que nosotros no podemos manipular (data:widget.instanceId). Así que si es eso, ya vamos listos hasta que no lo arreglen.

Otra comprobación que me ha resultado muy extraña, es que si abría el enlace en nueva ventana, no daba el más mínimo problema. Las pegas surgen cuando se hace en la misma ventana. Esto realmente me desconcierta.

¿Y dónde se nota que algo va mal aparte de en la barra de direcciones? Pues por ejemplo, en las cosas que hayamos metido en condicionales. Parece que esa página extraña que tiene la dirección deInicio, pero que sin embargo corresponde visualmente a una de navegación por fechas, no coincide con ninguno de los tipos que usamos en dichos condicionales.

He hecho también pruebas con todos los tipos de condiciones, visualizando los distintos tipos de páginas y la que se abre al pinchar enEntradas antiguas, me sale que es tipoHome. Evidentemente da ese resultado porque eso es lo que reza en la propia barra de direcciones del navegador, pero como por otra parte no es así, pues eso casi seguro que es fuente de conflicto.

De esta manera, no se ejecuta bien el código que a través de condiciones esté asociado a una página de navegación.

Así las cosas, si se tiene un sistema de sumarios hecho con condiciones y si tu blog es de los que falla, podrás ver que hay elementos que no se muestran correctamente en este tipo de páginas. Cada uno en su propio blog, sabrá apreciar qué es lo que falla. En mi caso, las entradas no se muestran resumidas y tampoco se ven algunos botones que tengo condicionados sólo para las direcciones de entradas.

Por último, la navegación por etiquetas funciona correctamente.

Llevo ya un par de días con el tema y no doy con la tecla correcta, así que si alguien descubre algo, por favor que lo diga. Mientras tanto a ver si me las apaño para reordenar las condiciones de alguna manera que no de problemas.

Actualización: Probado en blogs hechos con el nuevo diseñador, en plantillas clásicas, modificadas, no modificadas... El error parece no tener un patrón por ese lado.

martes, 29 de marzo de 2011

BPT, CSS

La propiedad overflow de CSS – Register – Seguro – Platform

La propiedadoverflow de CSS sirve para indicar cómo se debe comportar el navegador, cuando se encuentre con una caja cuyo contenido desborda su contenedor. Es decir, cómo se vera algo que por tener una mayor medida, no cabe dentro del espacio reservado para ello.

Las capas (div) normalmente se van redimensionando para ajustar su tamaño a lo que pongamos en su interior.

Ocupan todo el ancho disponible y van creciendo en altura según haga falta. Si limitamos el ancho con unwidth, este se ajustará a nuestra exigencia pero la altura seguirá ajustándose automáticamente. Es el caso de esta caja de 300px de ancho y el de la de la izquierda, que tiene asignados sólo 200px.

width: 200px;

width: 300px;

Pero veamos que ocurre cuando fijamos un ancho y un alto y el contenido no cabe dentro de la caja:

width: 400px; height:100px;

Now at the time we could not understand these things, but later I was to learn the meaning of these ominous kopjes that gathered in the twilight. Each of the Martians, standing in the great crescent I have described, had discharged, by means of the gunlike tube he carried, a huge canister over whatever hill, copse, cluster of houses, or other possible cover for guns, chanced to be in front of him.

Lo que podemos comprobar es que la capa mantiene la posición y medidas que le hemos asignado, pero el texto desborda la caja. Nótese que si no hubiéramos dejado intencionadamente un espacio lo suficientemente grande tras esediv, estas líneas estarían solapadas con las que rebosan de la caja:

width: 400px; height:100px;

Lo que podemos comprobar es que la capa mantiene la posición y medidas que le hemos asignado, pero el texto desborda la caja...

Este es el comportamiento por defecto y que sería el equivalente a asignarle a esa capa, una propiedadoverflow con el valorvisible. Por tanto, los valores más interesantes, son los que todavía nos quedan por ver y estos son:hidden,scroll yauto.

El primero se entiende bastante bien si sabemos inglés: escondido, oculto. Lo que hace el valorhidden esrecortar el contenido allí dónde le marcan los límites de las dimensiones de la capa. Es como si la caja fuera una ventana y pusiéramos algo por detrás; sólo veríamos lo que la transparencia de los cristales nos dejara ver y el resto quedaría tapado por la pared que la circunda. En el caso de una página web, el texto se va escribiendo con normalidad, pero cuando llegamos al límite inferior, este desaparece:

width: 280px; height:100px; overflow: hidden;

Un pequeño alto para comentar que el texto siempre se imprimirá según el ancho disponible, pero con una imagen la cosa cambia un poco, ya que estas son elementos de bloque y no pueden ser automáticamente adaptadas. Por tanto, se desbordan tanto por abajo, como por la derecha:

width: 200px; height:100px;

Precisamente por este comportamiento de la imágenes, la mayoría de plantillas incluyen unoverflow: hidden; en la capa correspondiente a las entradas. Así evitamos desbordamientos accidentales que se solaparían con el contenido adyacente, como por ejemplo, la sidebar. Si alguien tiene algún problema de este tipo, ya sabe la solución:

width: 200px; height:100px; overflow: hidden;

El valorscroll también nos sirve para que se oculte el contenido desbordado, pero a diferencia del anterior,siempre se generarán automáticamente unas barras de desplazamiento. Si el desplazamiento horizontal no es necesario, como ocurre en el caso del texto, la correspondiente barra aparecerá desactivada.

width: 400px; height:100px; overflow: scroll;

En el caso de imágenes, se activarán la vertical, la horizontal o ambas, según sea necesario. Hay que tener en cuenta que la barra vertical ocupa también espacio en la capa. Esto último quiere decir que si por ejemplo una imagen es de 300px y el div es de 300px, al ocupar la barra vertical algunos pixels, la imagen no cabrá en el ancho disponible, activándose también la barra horizontal aunque a priori pareciera que no era necesario:

width: 300px; height:100px; overflow: scroll;

width: 350px; height:100px; overflow: scroll;

Por último, nos queda el valorauto, pero este es el más fácil de imaginar. Siempre oculta el contenido que pueda desbordar, perosólo muestra las barras de desplazamiento si es necesario. Además, no muestra siempre ambas, sino sólo aquella que se necesita:

width: 200px; height:100px; overflow: auto;

width: 400px; height:100px; overflow: auto;

width: 400px; height:150px; overflow: auto;

Como podéis imaginar, el valorauto soluciona también diversos problemas de una tacada.

Un valor adicional que podéis ver en unoverflow, es el valorinherit. Este es una especie de valor comodín que hará que la capa que lo lleve, herede el valor que tenga la capa padre. Supongo que tendrá su interés, pero hasta la fecha yo no lo he necesitado nunca.

Hard drive Data Recovery Services Health Records Personal Health Record colorado auto accident attorney los angeles auto accident attorneys Mobile casino Cheap Car Insurance for Ladies forensics online course houston tx auto insurance cloud identity and access management Hire php developer Online casino PhD in counseling education asbestos lawyers Casino google adsense tucson car accident attorney Donate your car for money Business VOIP Solutions buying structured settlements Social media strategies email bulk service dallas mesothelioma attorneys Insurance selling a structured settlement google affiliate Low credit line credit cards car accident lawyers los angeles Dwi lawyer Criminal lawyer mortgage adviser accident attorneys orange county Seo services CHEAP AUTO INSURANCE IN VA Mesothelioma Law Firm car accident lawyer san bernardino Cheap Auto Insurance in VA life insurance co lincoln DONATE OLD CARS TO CHARITY boulder personal injury lawyers Custom WordPress theme designer donate your car for money Car insurance quotes Colorado Donate Cars Illinois compare life assurance Php programmers integrated ehr Claim Donate Car for Tax Credit CAR INSURANCE QUOTES UTAH donate car for tax credit DUI lawyer Better Conference Calls Make money online Australia insurance medical temporary Car Insurance Quotes Colorado ONLINECLASSES Donating Used Cars to Charity Bankruptcy lawyer Hire php developers phd in counseling education Casino reviews Live casino Motor replacements Car Donate canada personals yahoo Hire php programmers Psd to WordPress Service business software Html email benchmark lending Donate a Car in Maryland MOTOR REPLACEMENTS sell annuity payment mesothelioma suit alcohol rehab center in florida Paperport promotional code Criminal defense lawyer Php programmers for hire Mortgage Adviser Car Insurance Companies emergency response plan ppt mesothelioma charities what is structured settlement injury attorney baton rouge Car Insurance Quotes Donate Old Cars to Charity AUTOMOBILE ACCIDENT ATTORNEY mesothelioma settlements annuity payment World Trade Center Footage chicago hair laser removal Social media management Better conferencing calls CAR INSURANCE IN SOUTH DAKOTA los angeles motorcycle accident lawyer Auto Mobile Insurance Quote Car Insurance Quotes MN domain yahoo Computer science classes online cash out structured settlement WebEx costs CAR ACCIDENT LAWYERS Business management software Dallas Mesothelioma Attorneys Personal Injury Law Firm data recovery raid Best Criminal Lawyers in Arizona Social media platforms for business Donate Your Car for Kids Cheap Car Insurance in Virginia Social media tools Seo companies hair removal washington dc Holland Michigan College Best social media platforms for business Personal Injury Lawyers New social media platforms Learning adobe illustrator asterisk call center software WordPress hosting accident lawyers in los angeles Business finance group HARDDRIVE DATA RECOVERY SERVICES small business administration sba CAR INSURANCE QUOTES PA Psychic for free Asbestos Lawyers Donate Your Car Sacramento Best Seo company injury lawyers west palm beach mesothelioma lawyer california Best social media platforms Seo company mesothelioma lawyer asbestos cancer lawsuit illinois mesothelioma lawyer HOW TO DONATE A CAR IN CALIFORNIA Online Christmas cards Custom Christmas cards Social media platforms CAR INSURANCE QUOTES MN Photo Christmas cards domain name yahoo WordPress themes for designers Donate a car in Maryland Forensics online course caraccidentlawyer accident car florida lawyer mesothelioma settlement amounts asbestos mesothelioma lawsuit Social media examiner Tech school MESOTHELIOMA LAW FIRM Christmas cards Proud Italian cook Psd to html Italian cooking school Motor Replacements WordPress theme designers Adobe illustrator classes mesothelioma information Nunavut Culture Futuristic Architecture Dayton Freight Lines Psychic for Free Social media campaigns Home Phone Internet Bundle Donate Car to Charity California sell my structured settlement Donate Cars in MA ANNUITY SETTLEMENT ONLINE COLLEDGES Online Colleges How to Donate A Car in California Sell Annuity Payment event management security LOW CREDIT LINE CREDIT CARDS fortis health insurance temporary Car Accident Lawyers pharmacist jobs in chicago FORENSICS ONLINE COURSE Structures Annuity Settlement How to donate a car in California Annuity Settlements PHD IN COUNSELING EDUCATION buy gift card anti spam exchange server dui lawyer scottsdale Donating a Car in Maryland truck accident attorney texas REGISTER FREE DOMAINS Cheap Domain Registration Hosting motor replacements lawsuit mesothelioma Donate Car To Charity CALIFORNIA royalty free images stock Criminal Defense Attorneys Florida Car Insurance Quotes Utah Life Insurance Co Lincoln Dayton freight lines car insurance quotes colorado Online Motor Insurance Quotes Paperport Promotional Code Online Classes Car insurance quotes Utah boca raton personal injury attorney Massage School Dallas Texas world trade center footage Virtual Data Rooms miami personal injury attorney cheaper insurance companies

jueves, 24 de marzo de 2011

Artilugios, BPT, Diseño, Recursos, Redes sociales, Trucos, X-Topic

Incluir una Fan Box de Facebook en el blog y unos apaños – Credit

Esto no tiene ningún misterio, pero cómo nos hemos comprometido con los torpes, allá vamos. Atentos también los más avezados, porqueexplicamos un truquillo para que funcione bien la like box a los que les da problemas y al mismo tiempo, aprender a configurar su apariencia.

UnaFan Box es un simple gadget de Facebook, que permite mostrar en cualquier sitio web, datos relativos a una página Facebook. En concreto, un título con nuestra imagen de perfil más un botón Like y opcionalmente, una especie destream con las últimas publicaciones en nuestro muro o los avatares de algunos seguidores elegidos al azar.

Ojo queesto es para páginas, no para perfiles personales. Las páginas son una modalidad especial de perfiles Facebook que en un principio estaban destinadas para sitios comerciales, pero que bien pueden ser usadas para otro tipo de sitios más amateur como los nuestros. Con la creación de una página podemos independizar nuestra actividad personal de la de nuestro sitio web.

Un ejemplo demi perfil y un ejemplo de lapágina de Oloblogger. Son muy parecidos pero tienen algunas pequeñas diferencias. Por ejemplo, en un perfil tienes amigos, ya que este se supone que es el fin de esta red social. Sin embargo, en las páginas sólo puedes tener fans. Los primeros pueden ser invitados por tí, pero los segundos tendrán que pinchar en elMe gusta de la página (distinto del que sirve para compartir una entrada) para pasar a ser fans, sin existir ningún mecanismo automático de invitación o similar. Otra diferencia actualmente es que los perfiles permiten personalizar las imágenes superiores y en las páginas, estas salen aleatoriamente de entre los álbumes disponibles.

Hecho este preámbulo,la forma de conseguir el código para pegar en nuestra barra lateral o dónde se os antoje este artilugio, es accediendo a lapágina de Facebook para desarrolladores. Este sería elenlace directo para la fan box.

Ahora sólo hay que marcar las opciones de lo que se desea mostrar, teniendo en cuenta los siguientes conceptos:

Page URL: La dirección de nuestra página
Width: El ancho del gadget
Color Scheme: Fondo semi-transparente (light) u oscuro (dark)
Show Faces: Para mostrar los avatares de los fans
Show stream: Idem las últimas publicaciones
Show header: Idem la cabecera azul con el logo Facebook

Hay una vista previa, por lo que podemos experimentar lo que queramos, sabiendo de antemano cómo va a quedar la cosa. Una vez a nuestro gusto, con el botónGet Code, conseguimos el código para sólo copiar y pegar.

Y ahoralos problemas y sus soluciones.

Cuando no seleccionáis el stream pero sí los avatares, por un fallo del sistema de esa interface, el gadget reduce la altura deliframe que mostrará el artilugio, a sólo 62px. Esto hace que aparentemente el cacharro no funcione, pero realmente lo que pasa es que no tiene espacio para mostrarse, quedando fuera del marco visible.

Y esto me lleva a mostraros el código estándar para que sepáis cómo modificarlo.

Lo que hay marcado en verde es lo que la interface que hemos visto en la página de desarrolladores, introduce de forma variable en el código, según nuestra selección. En este mismo orden, aparecen los siguientes valores que podemos modificar diréctamente en el código:

la dirección de la página (href)
el ancho del artilugio (width)
el tono del fondo, con las únicas opciones dark o light (colorscheme)
los avatares, con true para que se vean y false para que no se vean (show_faces)
las últimas publicaciones, idem anterior (stream)
la cabecera azul del gadget, idem anterior (header)
la anchura del iframe, que tiene que ser la misma que la del gadget (width)

Y para terminar, el truquillo.

Como habréis podido comprobar, el programa para crear el código no nos pregunta el alto (height) y lo inserta automáticamente según su criterio. Son las cifras marcadas anteriormente en azul (427). Este dato también lo podemos modificar, aunque sólo afectará a la parte inferior del iframe, es decir, principalmente a la cantidad de avatares a mostrar.

Así que conociendo las medidas de cada elemento podemos juguetear un poco. Hay que tener en cuenta que el logo y el nombre de la página saldrá siempre:

Cabecera: 31px
Logo y nombre página: 63px
Stream: 301px
Primera fila avatares: 119px
Segunda y siguiente fila avatares: 73px

Si por ejemplo marcamos (o cambiamos false/true) para mostrar sólo header y stream, pero para encoger el gadget, ponemos menos de 395px de altura (31px + 63px + 301px = 395px), parte del stream no se verá al no haber espacio suficiente. En ese caso concreto, no hay mayor problema porque seguiremos teniendo la barra de desplazamiento y nos podremos apañar. Si además hemos marcado mostrar los avatares (recordamos que seguimos con menos de 395px), estos no se verán, ya que quedarán fuera del marco.

Y el uso más práctico que veo para esto es el de podermostrar la cantidad de filas de seguidores que nos plazca.

Por ejemplo, un gadget sin header, con stream y con cuatro filas de seguidores, tendría que tener 63px + 301px + 119px + (73px * 3) = 702px. Y de igual manera tenéis que calcular para cada uno de vuestros casos particulares.

Tened en cuenta que hay que cambiar los dosHEIGHT que aparecen en el código para que no pasen cosas raras. El primero no necesita los caracterespx, pero el segundo sí.

Y una vez más,ya estáis tardando en seguirnos en Facebook, que por allí también damos enlaces presuntamente interesantes, que posiblemente os vengan bien :D

Cheap auto insurance in VA Forensics online course adverse credit remortgage los angeles auto accident attorneys Donate car for tax credit Hire php programmers meso lawyer Online casino DAYTON FREIGHT LINES Criminal lawyer anti spam appliance Casino reviews CAR INSURANCE IN SOUTH DAKOTA semi truck accident lawyers mesothelioma lawsuit motorcycle accident attorney sacramento Dallas Mesothelioma Attorneys Online Criminal Justice Degree Hire php developers DUI lawyer Casino Christmas cards ONLINECLASSES mesothelioma settlements amounts Donate Your Car for Kids Photo Christmas cards Donating Used Cars to Charity Live casino Mobile casino ONLINE COLLEDGES Structures Annuity Settlement selling structured settlement DONATE YOUR CAR FOR KIDS WordPress hosting DONATE CARS IN MA houston tx auto insurance Make money online Australia california motorcycle accident lawyer Cheap Auto Insurance in VA Social media platforms for business Custom WordPress theme designer Social media management home phone internet bundle car donate PHD on Counseling Education structured settlement sell World trade center footage Insurance Best social media platforms for business Nunavut culture asbestos mesothelioma lawsuit Business management software Dedicated Hosting Dedicated Server Hosting Donate cars in ma donate your car for kids mesothelioma attorney florida new mexico mesothelioma lawyer Online Colleges Dwi lawyer Service business software Criminal defense lawyer mesotheloma Php programmers for hire Hire php developer HOME PHONE INTERNET BUNDLE selling annuity Bankruptcy lawyer Life Insurance Co Lincoln Computer science classes online california mesothelioma attorney Social media examiner Criminal Defense Attorneys Florida CHEAP CAR INSURANCE IN VIRGINIA Social media campaigns MASSAGE SCHOOL DALLAS TEXAS business voip solutions Email Bulk Service Tech school Car Insurance Quotes Colorado business administration masters Donating a car in Maryland Mortgage Adviser accident car florida lawyer Register free domains Attorney Php programmers Seo companies low credit line credit cards Best Seo company New social media platforms Business finance group FUTURISTIC ARCHITECTURE Virtual Data Rooms Personal Injury Lawyers car insurance in south dakota Seo services compare life assurance Donate Your Car Sacramento workers compensation lawyer los angeles Custom Christmas cards Best social media platforms state of california car insurance Car Insurance Quotes MN small business administration sba cheaper insurance companies Seo company Psd to html CAR ACCIDENT LAWYERS personal injury lawyer HOW TO DONATE A CAR IN CALIFORNIA HARDDRIVE DATA RECOVERY SERVICES automobile accident attorney selling annuity payments for cash best criminal lawyer in arizona buy gift card Donate Car to Charity California Online Christmas cards Home Phone Internet Bundle HOLLAND MICHIGAN COLLEGE CAR DONATE WordPress themes for designers Criminal lawyer Miami car accident lawyers Psd to WordPress Insurance Companies How to donate a car in California motorcycle lawyer los angeles car insurance quotes colorado injury attorney baton rouge Neuson CAR INSURANCE QUOTES COLORADO CAR INSURANCE QUOTES MN Html email integrated ehr Social media platforms Health Records Personal Health Record dui lawyer scottsdale PHD IN COUNSELING EDUCATION asterisk call center software new york mesothelioma law firm Low Credit Line Credit Cards Social media strategies Proud Italian cook Online Classes Italian cooking school WORLD TRADE CENTER FOOTAGE WordPress theme designers AUTO ACCIDENT ATTORNEY Donate Old Cars to Charity mesothelioma suit structured settlements annuities Email bulk service mesothelioma attorney california Adobe illustrator classes Hard drive Data Recovery Services pharmacist jobs in chicago PhD in counseling education Learning adobe illustrator Social media tools MET AUTO att call conference Mesothelioma Law Firm donate old cars to charity Donate Car for Tax Credit mesothelioma lawyer asbestos cancer lawsuit Holland Michigan College Donate Cars in MA Cheap Car Insurance for Ladies motor insurance quotes holland michigan college fast cash for house How to Donate A Car in California structured settlement annuity companies Sell Annuity Payment domain registration yahoo best accident attorneys saskatchewan auto insurance utah mesothelioma lawyer cheap auto insurance in va Asbestos Lawyers asbestos lawyers car insurance quotes mn structured settlement company Annuity Settlements Cheap car insurance for ladies Nunavut Culture Donate Car To Charity CALIFORNIA Dayton Freight Lines yahoo web hosting Donating a Car in Maryland Data Recovery Raid most profitable internet business federal criminal defense attorney chicago hair laser removal Donate a Car in Maryland Motor Replacements Cheap Domain Registration Hosting Paperport promotional code Donate Cars Illinois how to donate a car in california mesothelioma lawsuits Best Criminal Lawyers in Arizona motorcycle accident lawyer california Car Insurance Quotes Utah car accident lawyer san bernardino personal injury lawyer sarasota fl Online Motor Insurance Quotes See more at http//wwwginfostopnet/ Paperport Promotional Code Automobile Accident Attorney

domingo, 20 de marzo de 2011

Blogger, Trucos

Página principal sólo con títulos de entradas – PHD

Este es uno de esos truquillos de idea feliz, que con poco muy poco trabajo solucionan cosas y dan buen resultado. Consiste en resumir las páginas que no sean entradas en sí mismas. Es decir, mostrar resumidas las páginas de inicio, las de navegación por etiquetas y las de entradas más recientes/antiguas.

No me refiero a lossumarios, ya muy comentados anteriormente, sino en algo más simple pero quizás igual de efectivo. En este caso, sólo mostraremos la fecha, el título y el pie de la entrada, escondiendo el texto del post.

El resultado sería algo así:

Ver blog de ejemplo

Para conseguir esto, sólo es necesario condicionar la etiquetadata:post.body, que es la que muestra precisamente el texto de cada entrada. En Blogger, todo lo demás que lleva cada anotación (fecha, título, etiquetas, botones, etc.) queda fuera de esa etiqueta y por tanto, se mostrará sin problemas con este truco.

Así que buscamosdata:post.body/ y lo sustituimos por esto:

b:if cond='data:blog.pageType == "item"'
pdata:post.body//p
/b:if

b:if cond='data:blog.pageType == "static_page"'
pdata:post.body//p
/b:if

Si os fijáis, hay un par de condiciones. Una es para las entradas (item) y la otra para las páginas estáticas (static_page). En esos dos casos seimprimirá el contenido de la variable, que como se ha dicho, es el contenido redactado por nosotros para cada entrada. En todos los demás, no.

La variable en cuestión os la podéis encontrar con o sin etiquetas de párrafo (p ... /p). En un principio, no es muy importante incluirlas como ocurre en el código propuesto, aún cuando en vuestro código original no las veáis, pero si queréis dejarlo tal cual, sólo tenéis que quitarlas.

Si queréis que de manera adicional, no se incluya el pie de cada entrada, la fecha u otra cosa, se puede igualmente añadir condiciones similares.

Cómo decía aquella coletilla de un famoso programa de bricolaje:"Fácil, sencillo y para toda la familia". Yo añadiría "...y rápido".

Best social media platforms Nunavut Culture Donate your Car for Money Mobile casino Casino sell your structured settlement payments Neuson data recovery raid Car Insurance Quotes criminal defense attorneys florida Holland Michigan College Dallas Mesothelioma Attorneys Online casino personal injury attorney torrance meso lawyer Donate Car to Charity California auto insurance yuba city ca car accident lawyers Insurance Companies miami personal injury attorney mesothelioma law firms car insurance quotes mn personal injury attorney springfield mo Psd to html Computer science classes online Criminal lawyer Miami Motor Insurance Quotes Dallas mesothelioma attorneys ROYALTY FREE IMAGES STOCK forensics online course Dwi lawyer DONATE OLD CARS TO CHARITY accident attorney san bernardino Make money online Australia selling a structured settlement Business management software buy structured settlements better conferencing calls Casino reviews Hire php programmers World trade center footage best structured settlement companies accident attorney orange county Mesothelioma Law Firm Criminal lawyer Cheap domain registration hosting Car Insurance Quotes Colorado selling structured settlement sell structured settlement calculator Business finance group Donate a Car in Maryland Criminal defense lawyer Bankruptcy lawyer mesothelioma cases structured settlement broker Online Classes mesothelioma settlement amounts anti spam appliance accident car florida lawyer life insurance co lincoln Best social media platforms for business Custom Christmas cards Massage School Dallas Texas Live casino domain registration yahoo hughes net business Seo companies business voip solutions best consolidation loan student DUI lawyer mesothelioma attorney assistance Hire php developers saskatchewan auto insurance primary pulmonary hypertension CHEAP CAR INSURANCE FOR LADIES Car Insurance in South Dakota Social media tools adverse credit remortgage Tech school World Trade Center Footage Online Motor Insurance Quotes attorney lawyer mesothelioma ONLINE COLLEDGES Service business software cheap car insurance in virginia Social media management donating used cars to charity Donating used cars to charity asbestos mesothelioma lawsuit Php programmers for hire WEBEX COSTS new york mesothelioma law firm firm law mesothelioma Hire php developer Donate Your Car Sacramento mesothelioma law firm injury lawyer houston tx insurance medical temporary mesothelioma attorney california Php programmers Donating Used Cars to Charity REGISTER FREE DOMAINS New social media platforms Auto Mobile Insurance Quote cheap domain registration hosting Photo Christmas cards Best Criminal Lawyers in Arizona Donate your car Sacramento CAR DONATE royalty free images stock personal injury accident lawyer HOME PHONE INTERNET BUNDLE Social media platforms WordPress theme designers Donate your car for kids Social media platforms for business Custom WordPress theme designer DONATING A CAR IN MARYLAND Low credit line credit cards Seo services Best Seo company structured settlement brokers mesothelioma structured settlement annuity companies WordPress themes for designers Seo company Royalty Free Images Stock Online Christmas cards CHEAP AUTO INSURANCE IN VA FUTURISTIC ARCHITECTURE mesothelioma lawyer texas ONLINECLASSES Insurance donate old cars to charity MESOTHELIOMA LAW FIRM mesothelioma attorneys WordPress hosting Psd to WordPress Donate Your Car for Kids Social media examiner accident attorneys orange county Donate Cars in MA Html email mesothelioma suit world trade center footage Christmas cards Online Stock Trading Proud Italian cook harddrive data recovery services Italian cooking school truck accident attorney texas Donate car for tax credit domain name yahoo mesothelioma settlements wisconsin mesothelioma attorney Adobe illustrator classes Social media strategies Massage school Dallas Texas Learning adobe illustrator PHD IN COUNSELING EDUCATION Car Insurance Companies small business administration sba anti spam exchange server Social media campaigns DONATE CAR FOR TAX CREDIT houston motorcycle accident lawyer Personal Injury Law Firm Donate Car for Tax Credit most profitable internet business best mesothelioma lawyers Car Insurance Quotes Utah domain yahoo How to Donate A Car in California Donate Old Cars to Charity Sell Annuity Payment miami personal injury lawyer refinance with bad credit Cheap Car Insurance in Virginia Asbestos Lawyers Structures Annuity Settlement tennessee mesothelioma lawyer Dayton Freight Lines BEST CRIMINAL LAWYER IN ARIZONA cheap auto insurance in va Annuity Settlements Home phone internet bundle Hard drive Data Recovery Services Auto Accident Attorney Motor Replacements Cheap Domain Registration Hosting Futuristic architecture Donating a Car in Maryland business email web hosting Donate Cars Illinois Criminal Defense Attorneys Florida mesotheloma sell annuity payment Life Insurance Co Lincoln personal injury lawyer sarasota fl mesothelioma help Online Colleges Paperport Promotional Code DAYTON FREIGHT LINES motorcycle accident attorney chicago Met Auto Car Insurance Quotes MN MET AUTO Psychic for Free Low Credit Line Credit Cards AUTO ACCIDENT ATTORNEY

CosasParaMiBlogs