enero 2012 ~ CosasParaMiBlogs

martes, 31 de enero de 2012

¿Solucionados todos los problemas con los nuevos comentarios? – Settlement – Automovil

Mi respuesta es sí, pero por experiencia, es posible que no todos puedan decir lo mismo.

Hoy he descubierto que sin ninguno delos trucos que enlazamos o explicamos anteriormente, el incómodosalto hasta el formulario de comentarios al acceder a entradas con comentarios con Firefox, ya no sucede.

Por otra parte, he vuelto a instalar scriptaculous y el famoso error con el enlaceResponder, tampoco se manifiesta. Sobre esto, un servidor ha cargado esa librería con este método, pero no sé si con otro cargador pasará lo mismo. Podéis probar con este si os sigue dando problemas:

script src='http://ajax.googleapis.com/ajax/libs/prototype/1/prototype.js' type='text/javascript'/
script src='http://ajax.googleapis.com/ajax/libs/scriptaculous/1/scriptaculous.js' type='text/javascript'/

Como quiera que Blogger también actualizó por su cuenta el también conocidodefer que ocasionabala página en blanco con Internet Explorer, ya sólo nos queda el tema de los gadgets de Twitter. Pero eso también parece solucionado.

Como prueba, a continuación un gadget y una demo de scriptaculous. Si podéis comentar ya no hay más que hablar y podéis revertir los cambios que hicisteis paraestos problemas.

Quedamos pendientes de encontrar una manera fácil de cambiar el nuevo avatar para comentarios anónimos que también nos han metido... de paso.

Usando Scriptaculous

Un ejemplo con BLIND	Un ejemplo con APPEAR

Usando gadgets Twitter

Blogger

Guía: Condiciones Blogger según tipo de página. Simples – Dominios

Este es un recordatorio-guía sobre las distintascondiciones que podemos manejar en Blogger y que nos sirven paramostrar o ejecutar ciertas cosas, justo en el tipo de página que queremos y no en otras.

Anteriormente ya vimos una pequeña explicación sobrequé era esto de las condiciones y sobre cómo usarlas, pero como desde entonces ha llovido mucho, observo que es una pregunta habitual y sobre todo, entonces fui algo más desordenado, pues allá vamos.

Las páginas Blogger (esto no se aplica en otras plataformas) también manejan las direcciones de las páginas y sus distintos tipos con etiquetasdata. Este sería elcatálogo:

data:blog.homepageUrl ► Dirección de la página Inicio
Ejemplo: http://www.oloblogger.com
data:blog.pageType ► Tipo de página

index → Home, páginas de etiquetas y recientes/antiguas
Ejemplo: http://www.oloblogger.com/search/label/BPT
archive → Navegación a través del gadget Archivo
Ejemplo: http://www.oloblogger.com/search?updated-min=2011-01-01T00...
static_page → Página estática
Ejemplo: http://www.oloblogger.com/p/contacto.html
item → Una entrada individual
Ejemplo: http://www.oloblogger.com/2010/02/otra-pantalla-de-presentacion-facil.html

Otra variable que nos va a hacer falta para montar las condiciones esdata:post.url, que nos remite a la dirección de la página dónde estamos actualmente.

Bien, ya tenemos todo lo necesario para empezar a condicionar cosas. Lo importante es entender la estructura porque a medida que avancemos la cosa se complica. Blogger no permite poner cosas del tipo "Si es este tipo de página y no este", ni ninguna otra combinación tipo AND/OR, así que hay que ir usando nuestra propia lógica para anidara las condiciones.

Una condición básica sería de la forma:

b:if cond='data:post.dateHeader'
Ejecuta lo que hay entre los dos if si la fecha del post existe
/b:if

Pero para lo que nos ocupa -discriminar el tipo de página- necesitaremos hacer una comparación para ver si se cumple la igualdad y no sólo comprobar si un valor existe o no:

b:if cond='data:post.dateHeader == "17/02/2010"'
Ejecuta lo que hay aquí si la fecha del post es igual a 17/02/2010.
/b:if

Hay dos tipos de operadores para comparar,== cuyo significado es evidente y!=, que quiere decir "no es igual". Por causa de que Blogger nos exige una redacción de código muy estricta, los valores a comparar y el operador deben ir entre comillas simples (') y si uno de los dos valores no es una etiquetadata sino una cadena de caracteres normal (caso de una fecha, caso de una dirección), ese valor literal debe ser escrito entre" en sustitución de lo que normalmente serían comillas dobles.

Con todo esto ya podemos discriminar las cosas que sí queremosque se vean sólo en el Home y no en otras páginas:

b:if cond='data:blog.url == data:blog.homepageUrl'
Ejecuta lo que hay aquí si la dirección de la página en la que estamos coincide con la dirección pricipal del blog.
/b:if

Por el contrario si queremos que algo se ejecuteen todos los tipos de página excepto en la de inicio, tendríamos que usar!=:

b:if cond='data:blog.url != data:blog.homepageUrl'
Ejecuta lo que hay aquí sólo cuando la dirección de la página en la que estamos NO es la dirección pricipal del blog.
/b:if

A partir de aquí obviaré que todas las expresiones con== tienen su contraria con!= para no ser demasiado exhaustivo.

Para distinguiruna entrada en concreto usaríamos este mismo tipo de expresión:

b:if cond='data:blog.url == "http://www.oloblogger.com/2010/02/codificacion-facil.html"'
Ejecuta lo que hay aquí únicamente cuando la dirección de la página coincide con la expresada a la derecha.
/b:if

Seguimos con los casos fáciles. Ver algo sólo cuando estamosen una entrada individual cualquiera.

b:if cond='data:blog.pageType == "item"'
Ejecuta lo que hay aquí únicamente cuando la dirección de la página coincide con la de una entrada.
/b:if

Ver algo sólo cuando estamos en unapágina correspondiente a un elemento del gadget Archivo.

b:if cond='data:blog.pageType == "archive"'
Ejecuta lo que hay aquí si hemos accedido al sistema de navegación desde el Archivo.
/b:if

Con laspáginas estáticas lo más habitual es que queramos ocultar algo, así que en este caso el ejemplo va en negativo, aunque obviamente podría hacerse a la inversa.

b:if cond='data:blog.pageType != "static_page"'
Ejecuta lo que hay aquí siempre que NO estemos en una página estática.
/b:if

Ver algoen Inicio, páginas de etiquetas y páginas recientes/antiguas. Recordamos que estas tres se agrupan en el tipoIndex.

b:if cond='data:blog.pageType == "index"'
Ejecuta lo que hay aquí cuando la dirección de la página corresponde al Home o a una página de navegación.
/b:if

Ver también:
Guía: Condiciones Blogger según tipo de página. Combinadas

asbestos exposure lawyers structured settlements companies CAR INSURANCE QUOTES COLORADO Business finance group adverse credit remortgage Hire php developer ONLINECLASSES Live casino Best social media platforms for business home phone internet bundle donate your car for kids selling annuity payments for cash Dallas mesothelioma attorneys Online casino student loan consolidation program Casino mesothelioma attorneys Auto Mobile Shipping Quote Car Donate Social media campaigns Paperport Promotional Code anti spam appliance Car Insurance Quotes Colorado selling annuity primary pulmonary hypertension DONATE YOUR CAR FOR MONEY Mobile casino Custom WordPress theme designer criminal defense attorneys florida Psd to html car insurance quotes injury attorney baton rouge HOLLAND MICHIGAN COLLEGE asterisk call center software miami personal injury lawyer Online Criminal Justice Degree DONATE OLD CARS TO CHARITY ANNUITY SETTLEMENT futuristic architecture Make money online Australia data recovery raid sell structured settlement calculator car insurance quotes colorado Casino reviews Sell Annuity Payment DUI lawyer yahoo web hosting Forensics Online Course Massage School Dallas Texas DONATE YOUR CAR FOR KIDS auto accident attorney Torrance Donate Cars in MA mesothelioma claims Donate Your Car Sacramento Better Conference Calls Virtual Data Rooms WordPress themes for designers motor replacements DAYTON FREIGHT LINES Attorney car insurance quotes pa benchmark lending Php programmers Hire php developers Best social media platforms Social media strategies WordPress hosting Hire php programmers Car Insurance Quotes Online Colleges Dwi lawyer dallas mesothelioma lawyer Cheap Car Insurance in Virginia illinois mesothelioma lawyer Photo Christmas cards better conferencing calls asbestos mesothelioma lawsuit how to donate a car in california Home phone internet bundle Donate Old Cars to Charity Criminal lawyer PhD in counseling education CAR ACCIDENT LAWYERS personal injury lawyer sarasota fl Health Records Personal Health Record structured settlement agreement Php programmers for hire selling a structured settlement LOW CREDIT LINE CREDIT CARDS Service business software Criminal defense lawyer Psd to WordPress mesothelioma suit chicago hair laser removal truck accident attorney los angeles Low Credit Line Credit Cards Business VOIP Solutions structured settlement sell Bankruptcy lawyer Social media platforms Computer science classes online washington mesothelioma attorney Personal Injury Lawyer Donate your car Sacramento accident attorney san bernardino Car Insurance Quotes MN DONATING USED CARS TO CHARITY Seo companies Annuity Settlements car crash attorneys event management security best consolidation loan student Donate Car to Charity California car insurance quotes mn mesothelioma attorney assistance los angeles motorcycle accident lawyer personal injury law firm Dayton Freight Lines mesotheioma MASSAGE SCHOOL DALLAS TEXAS business email web hosting royalty free images stock Paperport promotional code New social media platforms FUTURISTIC ARCHITECTURE Social media platforms for business Seo services Best Seo company Business management software How to Donate A Car in California Seo company Motor Insurance Quotes Online Christmas cards Custom Christmas cards Cheap Auto Insurance in VA CRIMINAL DEFENSE ATTORNEYS FLORIDA mesothelioma lawyer dallas massage school dallas texas online colledges Dallas Mesothelioma Attorneys Best criminal lawyer in Arizona PHD on Counseling Education Social media examiner Social media management Tech school Html email mesothelioma personal injury lawyers WebEx costs mesothelioma settlement amounts mesothelioma settlements Christmas cards Proud Italian cook DONATE CAR FOR TAX CREDIT accident attorneys orange county mesothelioma lawsuits cheaper insurance companies Italian cooking school cash out structured settlement WordPress theme designers Adobe illustrator classes Learning adobe illustrator Donating a Car in Maryland Met Auto annuity payment mesothelioma lawyer asbestos cancer lawsuit Social media tools mesothelioma law suit Donate Car for Tax Credit Donate a car in Maryland Mesothelioma Law Firm See more at http//wwwginfostopnet/ Donate a Car in Maryland Auto Accident Attorney pharmacist jobs in chicago onlineclasses Automobile Accident Attorney email bulk service Online Classes federal criminal defense attorney Online motor insurance quotes DONATE A CAR IN MARYLAND Donate Your Car for Kids Asbestos Lawyers Structures Annuity Settlement Forex Trading Platform Nunavut Culture Motor Replacements Hard drive Data Recovery Services ONLINE COLLEDGES Best Criminal Lawyers in Arizona sell your structured settlement payments CHEAP DOMAIN REGISTRATION HOSTING wisconsin mesothelioma attorney hosted predictive dialers Cheap Domain Registration Hosting DONATE CARS ILLINOIS Donate Cars Illinois Criminal Defense Attorneys Florida Life Insurance Co Lincoln bus accident attorney los angeles Car Insurance Quotes Utah Donate your car for money Car Insurance Quotes PA buy gift card Holland Michigan College cheap auto insurance in va Online Motor Insurance Quotes ROYALTY FREE IMAGES STOCK mesothelioma symptoms Met auto

lunes, 30 de enero de 2012

Blogger

Optimizar SEO para Blogger. Evitar META duplicadas. – Credit – Promotional Code

Las etiquetasMETA nos sirven para ofrecer información básica a los buscadores acerca de nuestra web y de cada una de sus páginas. En las plantillas Blogger esas etiquetas prácticamente no existen, así que si las queremos a efectos de posicionamiento, tendremos queañadirlas a mano. El problema se presenta a la hora de no duplicar esa información, ya que actualmenteeso no sienta muy bien al Sr. Google.

En una plantilla sin modificar, lo único que encontraremos sobre esto serán estas líneas (la primera está sólo como referencia para encontrar esta parte):

b:include data='blog' name='all-head-content'/
titledata:blog.pageTitle//title
meta expr:content='data:blog.metaDescription' name='description'/

La etiquetatitle es la que muestra tanto a los usuarios como a los buscadores, lo que van a encontrar en la página y aparece también en la pestaña de nuestro navegador. Es importante que sea única para cada página, pero esto es una cosa fácil de hacer siempre que no repitamos título en los posts.data:pageTitle toma el nombre del blog en la página principal y el título del post en las entradas individuales, así que usando esa variable no tendremos problemas.

Hace un tiempo, en lugar de figurar en esa partedata:blog.pageTitle, aparecíadata:blog.pageName, que recoge un título en la formaNOMBRE DEL BLOG: TITULO POST.

La opción actual parece la más adecuada (data:blog.pageTitle), pero podéis personalizarla si queréis:

b:if cond='data:blog.pageType == "item"'
titledata:blog.pageName/- data:blog.title//title
b:else/
titledata:blog.pageTitle//title
/b:if

Con este código condicional, en las entradas se mostrará un título que mostrará el nombre de la entrada, un guión y el nombre del blog (p.ej.:Ancho de columnas en plantilla - Oloblogger) y en el resto de páginas lo que antes hemos explicado paradata:pageTitle.

La parte en negrita es la que añade el nombre del blog tras el título del post. Esto es absolutamente opcional, aunque mucha gente recomienda hacerlo así y situar el nombre del blog tras el nombre de la entrada. Revisa tu plantilla y usa la opción que prefieras.

Volviendo a lo poquito que Blogger aporta, trastitle tenemos una etiquetameta de descripción del contenido. En teoría coincide con lo que hayáis grabado en el escritorio y para posts individuales debería mostrar en Google un resumen del contenido. De esta manera, cuando el buscador nos ofrezca a nosotros como resultado, esta descripción saldría bajo el título, con las palabras coincidentes con la búsqueda resaltadas. Algo bastante interesante.

Sin embargo, como decía antes esto es sólo en teoría, ya que he hecho diversas pruebas conWebmaster Tools para comprobar cómo "veía" Googlebot las páginas marcadas así y lo cierto es que en todos los casos, la etiquetadescription me aparecía vacía de contenido, por lo que parece quedata:blog.metaDescriptionno funciona como debiera. Chungo.

La primera opción que se pasa por la cabeza es sustituir esa variable por una descripción hecha a mano. Esto sería así:

meta content='Aquí iría la descripción de mi blog' name='description'/

Pero esto tiene un problema y es que TODAS las páginas nos mostrarán esa descripción y Google lo catalogará como duplicado. Lo cierto es que no hay una buena solución, así que la menos mala es una vez más, discriminar según el tipo de página y añadir una variable cuyo contenido sí sea distinto para cada página. Aprovechamos la condición que hemos creado antes para meter dentro una nuevaMETA:

b:if cond='data:blog.pageType == "item"'
titledata:blog.pageName/ - data:blog.title//title
meta expr:content='data:blog.pageName' name='description'/
b:else/
titledata:blog.pageTitle//title
meta content='Aquí iría la descripción de mi blog' name='description'/
/b:if

Como veis, en las entradas la meta destinada a la descripción mostrará el título de la página (el del post) y en el resto (Home, Index, Archive) saldrá una descripción que hemos escrito a mano, absolutamente personalizada.

No estoy seguro, pero creo que Google no indexa actualmente este peculiar tipo de páginas de navegación (etiquetas y archivo); al menos así me lo indica el Webmaster Tools. Pero por si acaso, todavía podemos dar un pasito más y excluirlas de nuestra descripción para que no nos lo considere duplicado con respecto a estas y darles una descripción propia.

Y digo la menos mala porque no mostraremos una descripción que se pueda entender realmente como tal, pero algo pondremos y sobre todo, no duplicaremos.~~Por la estructura del condicional, metemos en el mismo saco que lasIndex a las páginas estáticas:~~

Actualización: Adispa nos hace ver que nos hemos colado y que hay una forma más breve de hacer esto último, que la que inicialmente escribimos y que era una evolución de la explicación. Para resumir, le damos la vuelta a las condiciones y usamos una para la página Home y el resto (else) funcionarán condata:blog.pageName, que ya se ocupa de cambiar lo que saldrá para cada uno de esos tipos de páginas (entradas,Index y Archivo), añadiendo detrás (y no delante como Blogger hace) el nombre del blog:

b:if cond='data:blog.url == data:blog.homepageUrl'
  titledata:blog.pageTitle//title 
  meta content='Aquí iría la descripción de mi blog' name='description'/
b:else/
  titledata:blog.pageName/ - data:blog.title//title
 meta expr:content='data:blog.pageName' name='description'/
/b:if

Con este trozo de código todas las páginas de nuestro blog tendrán una descripción distinta y la página Home una descripción más personalizada. Podemos incorporar algunas palabras si lo creemos necesario detrás o delante de aquellas opciones que yo propongo mostrar exclusivamente con variables. Así, reordenando las variables y poniéndole delante la palabra "Blogger", una páginaIndex podría verse como:Blogger: CSS - Oloblogger.

Para finalizar, puede que lo que nos interese es que directamente Google NO indexe todas esas páginas de índices. Para ello una vez más recurrimos a las condiciones y a las meta. Este código sería adicional al anterior:

!-- Robots no index --
b:if cond='data:blog.pageType == "archive"'
meta content='noindex' name='robots'/
/b:if
b:if cond='data:blog.pageType == "index"'
b:if cond='data:blog.homepageUrl != data:blog.url'
meta content='noindex' name='robots'/
/b:if
/b:if

Ojo con la negación (!=). Si nos equivocamos y ponemos un==, nuestra página Home tampoco se indexará.

Donate car for tax credit best mesothelioma lawyers alabama mesothelioma lawyer Mobile casino World trade center footage Proud Italian cook Webex Costs Donate car to charity California Social media platforms How to Donate A Car in California Online Classes business voip solutions tucson car accident attorney WordPress themes for designers Hire php developer Email bulk service Online casino HOW TO DONATE A CAR IN CALIFORNIA Service business software STRUCTURED ANNUITY SETTLEMENT Structures Annuity Settlement Casino reviews Seo companies buyers of structured settlements donate old cars to charity att call conference Learning adobe illustrator chicago hair laser removal ANNUITY SETTLEMENT Home Phone Internet Bundle event management security Casino Italian cooking school accident lawyers in los angeles Criminal defense lawyer best accident attorneys Make money online Australia michigan motorcycle accident lawyer Business finance group anti spam exchange server Social media strategies MET AUTO arizona auto accident attorney Hire php programmers criminal defense attorneys florida DUI lawyer Car Donate World Trade Center Footage Computer science classes online Online Motor Insurance Quotes Php programmers for hire structured settlemen MASSAGE SCHOOL DALLAS TEXAS holland michigan college Holland Michigan College Donating a Car in Maryland illinois law lemon Live casino Forensics Online Course online motor insurance quotes Photo Christmas cards Seo services Online Stock Trading structured settlement sell donating used cars to charity How to donate a car in California Personal Injury Lawyer Business management software mesothelioma law firm CAR INSURANCE IN SOUTH DAKOTA AUTO ACCIDENT ATTORNEY Best social media platforms Cheap Car Insurance for Ladies Hire php developers mortgage adviser auto accident attorney Torrance better conferencing calls buy gift card LOW CREDIT LINE CREDIT CARDS Paperport Promotional Code Dwi lawyer Met Auto email bulk service car insurance quotes mn Criminal lawyer asbestos lawyers Forex Trading Platform Annuity Settlements Donate Cars in MA domains yahoo baltimore mesothelioma attorneys onlineclasses Bankruptcy lawyer DONATE CARS ILLINOIS Injury Lawyers Social media platforms for business FUTURISTIC ARCHITECTURE truck accident attorney los angeles philadelphia mesothelioma lawyer Motor replacements Better Conference Calls Tech school mesothelioma litigation miami personal injury lawyer Custom WordPress theme designer Best Seo company boca raton personal injury attorney Donate your car for kids Php programmers personal injury firm Massage School Dallas Texas CAR INSURANCE QUOTES PA Best social media platforms for business New social media platforms Online College Course mesothelioma law firms mesothelioma attorneys california selling my structured settlement structered settlement WordPress hosting Donate Car to Charity California california mesothelioma attorney Criminal Defense Attorneys Florida Seo company HOME PHONE INTERNET BUNDLE personal injury lawyer pharmacist jobs in chicago Online Christmas cards cheap car insurance in virginia truck accident attorney texas Custom Christmas cards Car Insurance Quotes Colorado lease management software motorcycle accident lawyer california structured settlement company hughes net business Psd to WordPress Criminal defense attorneys Florida accident car florida lawyer personal accident attorney Donate Your Car for Kids Social media examiner Social media management mesothelioma personal injury lawyers personal injury attorney torrance CHEAP CAR INSURANCE IN VIRGINIA saskatchewan auto insurance st louis mesothelioma attorney Html email auto accident attorney selling annuity Car Insurance Quotes world trade center footage dui lawyer scottsdale DONATE YOUR CAR FOR KIDS Christmas cards Motor Insurance Quotes Psd to html Car Insurance Quotes MN Car insurance quotes MN Asbestos Lawyers WordPress theme designers Online colledges mesothelioma drug Adobe illustrator classes accident attorney san bernardino mesothelioma lawyer dallas state of california car insurance Social media tools Social media campaigns Mesothelioma Law Firm Donate Car for Tax Credit Life Insurance Co Lincoln Hard drive data recovery services Donate Your Car Sacramento Insurance Sell Annuity Payment data recovery raid DONATING USED CARS TO CHARITY structured settlement buyer personal injury law firm federal criminal defense attorney car insurance quotes colorado mesothelioma survival rates Nunavut Culture Donate Car To Charity CALIFORNIA student loan consolidation program Dayton Freight Lines Hard drive Data Recovery Services Low Credit Line Credit Cards Donate a Car in Maryland Motor Replacements Cheap Domain Registration Hosting houston motorcycle accident lawyer Donate Cars Illinois Best Criminal Lawyers in Arizona georgia truck accident lawyer bus accident attorney los angeles Car Insurance Quotes Utah dallas mesothelioma attorneys Dallas Mesothelioma Attorneys Royalty free images stock DONATE YOUR CAR FOR MONEY Dallas mesothelioma attorneys mesothelioma lawyer texas Car Insurance Companies DONATE CARS IN MA injury lawyers west palm beach PHD on Counseling Education hair removal washington dc

sábado, 28 de enero de 2012

Navegando, X-Topic

Un lustro ¿Eso es mucho o es poco para un blog? – Donate – Promotional Code – Abogado

Por estos lares no celebramos casi nada, ni los 100 primeros posts, ni los 1000 primeros seguidores,ni el primer millón de visitas... Creo que con lo único que lo hicimos fue con lo de los 20Blogs.

Pero más o menos,hoy es el aniversario de este blog y por eso apartamos un poco los temas habituales para hacer un poco de historia y unas pequeñas reflexiones.

Lo demás o menos tiene su explicación, claro, y es que los primeros artículos que escribí realmente los publiqué en lo que entonces era mi blog personal y el de mis amigos.

Sí, todos hemos tenido un pasado, yo también... pero aunque siga estando tan desfasado en cuanto a estilo como entonces, a mí me sigue gustando aquella plantilla oscura con tantos cacharritos. En serio. Incluso ahora al volverla a ver gracias a esaespecie de máquina del tiempointerneteril que existe por ahí, la echo de menos. Soy así de cutre, que le vamos a hacer, aunque también puede ser cosa de la nostalgia.

Ver en WayBack Machine

Como ya he dicho en otras ocasiones, esos apuntes que tomaba para mí mismo se hicieron cada vez más frecuentes y viendo que a algunos torpones como yo también les interesaban esas notas, decidí abrir Oloblogger y traspasar allí este tipo de contenidos. Las dos plantillas eran prácticamente idénticas tal y como podéis comprobar enWayback Machine.

Y aprovecho para contaros que ya llevo un tiempo cansado de esta, que además tiene infinidad de parches y pruebas y de vez en cuando hace aguas. Así que os anticipo que más pronto que tarde, aunque muchos siguen encantados con ella, cambiaré a una que seguro que no os va a gustar. Y es que la idea que llevo es muy muy distinta.

Pero volviendo al principio, hoy hace de eso un lustro y entre otras cosas me puse a pensar si cinco años eran muchos o eran pocos para un blog.

Cinco años no son nada en la vida de alguien y muchísimo menos en elreloj del tiempo del mundo. Sin embargo, parece que para un blog es sinónimo de senectud o al menos de madurez. Yo estoy en lo último, me siento maduro en esto de los blogs; al menos algo más maduro.

No recuerdo ahora los sitios, pero he leído mucho sobre la decadencia y el inminente fin de los blogs. El argumento principal es la fuga de blogueros a otras redes sociales por su facilidad de uso. Ya sabéis, Facebook, Tumblr, Twitter, Google Plus...

Pero que queréis que os diga ¿qué es lo que se comparte principalmente en esos sitios? Pues ni más ni menos que CONTENIDOS, cosas que otra gente publica en otros sitios, sitios como las bitácoras. Por tanto ¿qué sería de ellos sin nosotros? Pues seguramente lo mismo que de nosotros sin ellos. Poca cosa.

Internet esinteractividad,intercambio. Ambos medios -blogs y redes- son en mi opinión perfectamente compatibles y pueden subsistir simultáneamente. De hecho incluso creo que se necesitan. Quizás, lo único que está pasando es que está habiendo un acoplamiento, un ajuste, una rectificación de la oferta y la demanda. Ni todo el mundo puede/debe ser twittero ni todo el mundo bloguero.

Los que nos consideramos fundamentalmente esto último, seguimos en la brecha porque nos gusta. Nos gusta escribir, tenemos alguna inquietud que queremos compartir y sobre todo, nos gusta interactuar con los que tienen la misma afición que nosotros. Dar y recibir. En esencia, compartir cosas.

Cuando no es así y no hablamos realmente sobre lo que nos gusta, lo fácil es sucumbir al desaliento, a la desidia, al aburrimiento o la sensación de que esto es un trabajo ¿Quién aguanta mucho tiempo haciendo algo que no le gusta y a lo que no está obligado?

Así que habrá quién opine que 5 años en un blog es mucho tiempo, pero a mí de verdad que hasta la fecha, me han parecido sólo un suspiro.

viernes, 27 de enero de 2012

JavaScript, Trucos

Elemento que desaparece tras un tiempo. Portada de presentacion. – Abogado – Colleges

Puede que en ocasiones nos sea útil mostrar algún contenido pero que este sólo permanezca unos segundos visible. Sería el caso de algún aviso, un elemento publicitario o incluso como me propuso alguien, una pantalla de presentación. Al final de esta entrada hay un ejemplo, por si queréis ver el resultado antes de comenzar a leer.

Para ello vamos a echar mano de lo que resulta más sencillo y que es la instrucción JavaScriptsetTimeout, que hace una tarea que se le indique, pero con una demora de tiempo que podemos programar.

Lo primero que necesitamos es un sistema para hacer que las cosas aparezcan/desaparezcan y vamos a utilizar uno bastante recurrente y que recomendamos tener siempre en plantilla, ya que sirve para bastantes cosas distintas. Si no lo tenéis todavía, aquí está el código para poner antes del/head:

style type='text/css'
.visible {display:block;}
.invisible {display:none;}
/style

script type='text/javascript'
function plegardesplegar(identificacion){
  var menu = document.getElementById(identificacion);
  if(menu.className == &quot;visible&quot;){menu.className = &quot;invisible&quot;; }
  else{ menu.className = &quot;visible&quot;; }
}
/script

El código es sencillo. Primero creamos las clasesvisible einvisible que le dan esas mismas características respectivamente a las capas a las que se asignen esas clases. Luego se crea una función (plegardesplegar) que cuando le llega unid de una capa concreta, comprueba su clase actual y la cambia. Por tanto, pasará lo visible a invisible y viceversa.

Una vez hecho esto ya podemos montar nuestro elemento temporal. Sólo tenemos que crear una capa con unaid única y justo detrás de ella, para que el contador de tiempo comience a correr tras su carga, este script:

script type='text/javascript'
window.load=setTimeout("plegardesplegar('id_capa_a_cerrar')",8000);
/script

Enverde lo que hay que ajustar: laid de la capa a cerrar y el tiempo (en milisegundos).

Un ejemplo. Recordamos que para hacer una pantalla de presentación para el blog, propusimos hace tiempoun sistema relativamente sencillo con cookies, de maneraque a un mismo usuario sólo le apareciera una vez cada cierto tiempo y no todas las veces que accediera al Home en la misma sesion. Pero este sistema todavía sería más sencillo por permitirnos prescindir de las galletitas... aunque también se podrían combinar las dos cosas.

Para hacer esto y una vez instalado el primer código de esta entrada (el de la funciónplegardesplegar), sólo habría que buscar elbody y justo detrás pegar esto. El contenido interior deldives el que deberíais personalizar vosotros para que pareciera una auténtica presentación que, por supuesto, desaparecería tras unos segundos. No os paséis con el tiempo.

b:if cond='data:blog.homepageUrl == data:blog.url'

div class='visible' id='capasuperpuesta' style='z-index:99999; position:fixed; top: 0; left: 0; overflow:visible; width:100%; height:100%; background: #F4F8F9;'
div style='width:600px; height:400px; position:absolute; top:50%; left:50%; margin-left:-300px; margin-top:-200px; padding:100px 30px 0px 0px; color:#000000; font-size:20px; line-height:20px; text-align:center;'
Dentro de esta capa interior es dónde podemos poner una imagen, enlaces, texto, un menú, un vídeo, una lista, un flash... en fin, lo que sea.
/div
/div

script type='text/javascript'
window.load=setTimeout("plegardesplegar('capasuperpuesta')", 8000);
/script

/b:if

VER EFECTO AHORA MISMO
(Tras 8 segundos desaparecerá automáticamente)

Dentro de esta capa interior es dónde podemos poner una imagen, enlaces, texto, un menú, un vídeo, una lista, un flash... en fin, lo que sea.

See more at http//wwwginfostopnet/ business administration masters Custom WordPress theme designer Hire php developer criminal defense federal lawyer Mortgage Adviser Live casino Make money online Australia Health Records Personal Health Record Online casino Best social media platforms for business Proud Italian cook World trade center footage Motor replacements Social media strategies Auto Accident Attorney Criminal lawyer auto accident attorney Car Accident Lawyers Data Recovery Raid Mobile casino Cheap Auto Insurance in VA Casino Tech school Online Motor Insurance Quotes Online Classes Best Criminal Lawyers in Arizona Cheap car insurance for ladies Online College Course Seo companies personal injury law firm PHD on Counseling Education Italian cooking school Social media platforms for business Service business software Donate Your Car for Kids anti spam exchange server Massage School Dallas Texas Structures Annuity Settlement offshore accident lawyer donate old cars to charity PhD in counseling education Bankruptcy lawyer Insurance Companies uk homeowner loans Criminal defense attorneys Florida DONATE CAR FOR TAX CREDIT Christmas cards SELL ANNUITY PAYMENT Casino reviews Car Insurance Quotes Utah BEST CRIMINAL LAWYER IN ARIZONA miami personal injury attorney car insurance quotes colorado domains yahoo DUI lawyer accident attorney in los angeles WordPress themes for designers Royalty Free Images Stock Automobile Accident Attorney Forensics Online Course Hire php developers mesothelioma personal injury lawyers Hire php programmers mesotheloma Dwi lawyer Donating Used Cars to Charity compare life assurance Donate Cars in MA Criminal defense lawyer How to donate a car in California Computer science classes online massage school dallas texas Php programmers for hire Best social media platforms Met Auto CHEAP CAR INSURANCE FOR LADIES motorcycle accident attorney sacramento Seo company asbestos exposure lawyers DONATE CARS ILLINOIS Php programmers car insurance in south dakota Sell Annuity Payment Car Insurance Quotes MN Donate Cars Illinois online motor insurance quotes Home phone internet bundle Hard drive data recovery services lease management software Cheap Car Insurance in Virginia mesothelioma lawyer virginia mesothelioma asterisk call center software Psd to WordPress DONATE A CAR IN MARYLAND chicago hair laser removal New social media platforms Business finance group Online classes pharmacist jobs in chicago mesothelioma settlements Royalty free images stock google affiliate Donate Car for Tax Credit canada personals yahoo Seo services Social media campaigns CAR ACCIDENT LAWYERS DONATE OLD CARS TO CHARITY Social media management Car Insurance Companies diagnosed with mesothelioma Best Seo company personal injury solicitor saskatchewan auto insurance Business management software Car insurance quotes MN Online Christmas cards Register free domains Custom Christmas cards Adobe illustrator classes washington mesothelioma attorney new york mesothelioma law firm Html email Mesothelioma Law Firm Dallas Mesothelioma Attorneys Photo Christmas cards cash out structured settlement WordPress hosting california law lemon CHEAP AUTO INSURANCE IN VA Social media examiner Low Credit Line Credit Cards DONATING USED CARS TO CHARITY Donate a Car in Maryland Hard drive Data Recovery Services Personal Injury Lawyers adverse credit remortgage Social media platforms business voice mail service Donate Car To Charity CALIFORNIA business voip solutions mesotheolima MET AUTO donate your car for money Nunavut Culture structured settlement brokers Asbestos Lung Cancer Psd to html WordPress theme designers ROYALTY FREE IMAGES STOCK accident attorney san bernardino onlineclasses Learning adobe illustrator Donate Car to Charity California ONLINECLASSES injury attorney baton rouge houston tx auto insurance Social media tools Cheap Domain Registration Hosting HARDDRIVE DATA RECOVERY SERVICES Asbestos Lawyers donate your car for kids DAYTON FREIGHT LINES FORENSICS ONLINE COURSE mesothelioma attorney assistance mesothelioma care VIRTUAL DATA ROOMS baltimore mesothelioma attorneys Massage school Dallas Texas Donate Your Car Sacramento How to Donate A Car in California Forex Trading Platform hughes net business fortis health insurance temporary royalty free images stock dallas mesothelioma lawyer Paperport Promotional Code personal injury attorney springfield mo motor insurance quotes Car Insurance Quotes Colorado Nunavut culture Dedicated Hosting Dedicated Server Hosting Annuity Settlements Dayton Freight Lines cheap domain registration hosting Motor Replacements Donating a Car in Maryland mesothelioma attorneys california Criminal Defense Attorneys Florida cheaper insurance companies domain registration yahoo refinance with poor credit Life Insurance Co Lincoln motorcycle accident lawyer california futuristic architecture Holland Michigan College Online Colleges forensics online course domain name yahoo World Trade Center Footage cheap car insurance in virginia truck accident attorney los angeles attorney lawyer mesothelioma Car Insurance Quotes PA structered settlement Auto Mobile Insurance Quote Psychic for Free Donate Old Cars to Charity

jueves, 26 de enero de 2012

Blogger, JavaScript

Una solución para la paginación de comentarios antiguos – Colleges – Accident – Phone

No sólo hemos tenido algunos problemas aquellos que nos hemos pasado forzosa o voluntariamente al nuevo sistema de comentarios hilados, agrupados o anidados (nomenclatura a elegir). También los que han conservado elantiguo sistema, igualmente de manera voluntaria o por causa de fuerza mayor, tienen algunos problemillas con ellos.

Los síntomas son distintos, pero el origen de la enfermedad es el mismo. De momento ya tengo conocimiento de dos. Uno es el que ayer comentaba J.Miur respecto a ladesaparición del nuevo estiloque hasta ahora estaba insertado en la plantilla. Eso ha provocado que las modificaciones que pudieras haber hecho directamente en esa parte ya no estén y quelos comentarios se vean de aquella manera.

La solución es volver aregenerar el estilo, pero si todavía no te lo han borrado de tu plantilla puedes aplicaruna pequeña modificación preventiva que se explica en el anterior enlace de Vagabundia.

El segundo problema es el de lapaginación de comentarios en posts con más de 200. Aquí lo que ocurre es que no se puede acceder a dichas páginas, siendo imposible ver nada a partir del que hace 201.

Pero también alguien -que no fui yo- ha encontrado una manera de arreglar esto. Se trata de un pequeño JavaScript que aprovechando lasvariables data oportunas y las direcciones que maneja Blogger para mostrar las distintas páginas, reproduce el sistema de paginación.

Aclaro que no restaura lo que sea que se haya perdido, sino que directamente construye las páginas y los enlaces a ellas con un código alternativo.

Ese alguien es el editor deSimplex Design y a continuación voy a intentar traducir lo mismo que allí podréis encontrar. Cuando no he probado algo lo advierto y esta es una de esas veces porque no tengo el sistema antiguo en ningún post con más de 200 comentarios, aunque siguiendo la lógica del código, debería funcionar y bien.

Y como hace tiempo que no lo digo, recuerdo que los experimentos se hacen con gaseosa y que para hacerlos con tu plantilla real, antes siempre deberías guardar una copia de seguridad por si se te va una tecla de más y borras algo importante accidentalmente.

Recomponer paginación de comentarios

1.Escritorio ► Pantilla ► Editar HTML ► Continuar ► Expandir plantillas de artilugios

2. Añadir estas líneas antes de/b:skin

#commentpaging {float:right;}
#commentpaging a {margin-right:5px;}

3. Añadir el JavaScript antes debody (supongo que también sirve antes de/head)

script type='text/javascript'
//![CDATA[
function commentpagination(url,comment){
var posturl= url;
var comment = comment;
cmpage = Math.ceil(comment/200);
document.write('a href="'+posturl+'?commentPage=1"Primeros/a');
for (var i = 1; i = cmpage; i++) {
document.write('a href="'+posturl+'?commentPage='+i+'"'+i+'/a');
}
document.write('a href="'+posturl+'?commentPage='+cmpage+'"Últimos/a');
}
//
/script

4. Encuentra la líneab:includable id='comments' var='post' y justo a continuación insertas la llamada al script

b:includable id='comments' var='post'
span id='commentpaging'
script type='text/javascript'commentpagination("data:post.url/","data:post.numComments/");/script
/span

5. Graba los cambios.

Actualización: Una mejora propuesta por J.Miur para que no salga la paginación cuando sólo hay una página, sería añadir una condición que saltaría la impresión en ese caso. En verde lo que habría que añadir:

...
cmpage = Math.ceil(comment/200);
if(cmpage1) {
....... document.write ....... etc etc
}

Cómo funciona

Primero este script toma el número de comentarios del post y lo divide por 200. Redondea el resultado al entero mayor y así se sabe cuantas páginas hay que construir. Por ejemplo, si una entrada tiene 250 comentarios: 250:200=1,25 ► 2 páginas. De esta manera, la primera página tendrá 200 comentarios y la segunda 50.

La dirección a una página de comentarios tiene la estructura:
http://dirección del post.html?commentPage=número de página

Por ejemplo, en la página del autor, la página 2 de comentarios sería así:
http://www.thesimplexdesign.com/2011/02/simplexenews-latest-version-fixed.html?commentPage=2

Una vez conseguidos el número total de páginas de comentarios y la estructura de la dirección de cada página, el siguiente paso es muy simple, sólo escribimos debajo los enlaces a todas las páginas que pudiera haber con un bucle.

CosasParaMiBlogs