Indice automático de entradas

índice

Particularmente no me agrada mucho el formato del archivo que ofrece blogger. Si bien es muy organizado en cuanto a fechas, si no tienes un buen buscador o menú es probable que, al tener muchas entradas, te pierdas.

Para eso hay una solución muy efectiva y además queda muy bien, que es colocar un índice automático que se vaya actualizando a medida que publicas algo.

Puedes ver la demo aquí. Los títulos sin numerar son las etiquetas y los títulos numerados las entradas. Como ves, está perfectamente organizado.


  1. Lo que debemos hacer en primer lugar es crear una página estática nueva.
  2. Luego debes copiar este código y reemplazar lo que está en color por el nombre de tu blog.
  3. Seguidamente lo pegas en la página.
  4. Si no quieres crear una página puedes pegarlo como una entrada, pero ésta debe tener fecha anterior a la primera que hayas publicado en tu blog.
Este es el código:
<script style="text/javascript" src="http://dl.getdropbox.com/u/647003/CiudadBlogger/Scripts/tableindex.js"></script>

<script src="URL de tu blog/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
empty

"Mostrando las entradas con la etiqueta..." - Cómo quitarlo

trucos gadgets

Convengamos que en realidad no sabemos para qué sirve esa leyenda.
Si vamos al pie de la entrada, o debajo del título, o en cualquier otro lado, según lo tengamos habilitado, se verán las etiquetas, entonces... ¿Por qué mantener esa antiestética leyenda en forma de cartelido que le baja la calidad gráfica a nuestro blog?

 mensaje mostrar todas las entradas

Me parece sumamente desagradable.
Para aquellos que coinciden conmigo les voy a regalar el día de hoy el truco para eliminar este molesto mensaje.

Existen dos formas de hacerlo, si queremos borrar todo recuerdo del molesto cartel buscaremos y borraremos la siguiente línea (ojo que aparece más de una vez, hay que borrarla todas las veces que aparece)


<b:include data='top' name='status-message'/>
Si lo que quieres es sencillamente ocultarlo, por las dudas que te arrepientas (te aseguro que no lo harás), entonces busca ]]></b:skin> y justo encima pega esta línea

.status-msg-wrap {visibility:hidden;display:none;}


Guarda los cambios y ya estarás libre del suplicio del mensaje !!!







Extraer el audio de un video



Nunca fue tan fácil extraer el audio de un video.
Se supone que tengas un video del cual solamente quieras retener el audio, porque no te interesan el contenido en imágenes.
Pues utilizando DVD audio Extractor es sumamente fácil y en pocos pasos lo tendrás hecho de la mejor manera. Completamente garantizada la calidad, ya sabemos que hay algunos programas que al trabajar un archivo modifican su calidad tanto en audio como en video y el trabajo final queda realmente desastrozo.


Bajo el mismo título que tiene este artículo
Etiquetas: Programas - Descargas

Traductor de banderas

La mayoría de los bloggeros ya conocen este fantástico traductor, pero no podía faltar una entrada en este blog haciendo referencia a él.

Sus ventajas son la cantidad de idiomas que presentan sus íconos, la facilidad de su uso, ya que consiste en múltiples banderas con los diferentes países cuyos idiomas soporta la aplicación. Uno solamente debe hacer clic en la bandera del país correspondiente y de manera automática la página se traduce al idioma de ese país.

Esto es sumamente beneficioso cuando tenemos un blog que ya subió su pagerank de 0 a cualquier otro número, porque tenemos muchos visitantes extranjeros a nuestro país y si no hallan lo que quieren se van.

Me ha ocurrido teneer que buscar algún truco o aplicación para mi blog y he llegado a sitios en idiomas no español, que no tenían traductor. Algunos he podido realizar el trabajo de copiar-pegar en el traductor de google, pero es demasiado trabajoso, y en otros casos el blog estaba protegido con un scrip que no permite la copia (lo cual no recomiendo), por lo que tuve que irme de ese sitio sin ssacar provecho alguno.

Por eso, este traductor es genial, además ocupa muy poco espacio, aunque contiene 54 banderas de todos los países.

Mira cómo queda en mi blog de pruebas


Una vez explicado todo esto, si deseas colocarlo en tu blog copia este código y pégalo donde más te agrade.



<form action="http://www.google.com/translate">

<script language="javascript" type="text/javascript">

<!--

document.write ("<input name=u value="+location.href+" type=hidden>")

// -->

</script>

<noscript><input value="http://cumulus.nitecruzr.net/" name="u" type="hidden"/></noscript>

<input value="en" name="hl" type="hidden"/>

<input value="UTF8" name="ie" type="hidden"/>

<input value="" name="langpair" type="hidden"/>

<input title="Catalan | Catalan - Andorra" value="en|ca"
src="http://1.bp.blogspot.com/__v4nth5_ki0/SP-fM7vwhSI/AAAAAAAAHl0/ZoZkfhEb01M/s320/Andorra+-+Catalan+-+ad_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title=" Shqipe | Albanian  " value="en|sq" src="http://3.bp.blogspot.com/_AKSZkmXmrnc/SulXteeOTLI/AAAAAAAAApU/zzVdH9EYg3Q/s320/Albania+sq_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title=" العربية | Arabic" value="en|ar"
src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/358406/gse_multipart12399.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Беларусь | Belarus" value="en|be"
src="http://3.bp.blogspot.com/_AKSZkmXmrnc/StRavKvYSqI/AAAAAAAAAic/Mf3R1Dx51CY/s320/Belarus+be_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title=" Brasileira | Brazil | Portuguese" value="en|pt"
src="http://4.bp.blogspot.com/_AKSZkmXmrnc/StMCGF26iTI/AAAAAAAAAh0/H2FZBd1e_gw/s320/Brasil++br_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Bahasa Melayu | Malay - Brunei" value="en|ms"
src="http://3.bp.blogspot.com/_AKSZkmXmrnc/StcYJnuvsEI/AAAAAAAAAj8/-uDiw4AdYjU/s320/Brunei+bn_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title=" България | Bulgarian" value="en|bg"
src="http://2.bp.blogspot.com/__v4nth5_ki0/SMiXtQx-uLI/AAAAAAAAG6I/RuLPDhnFMXY/s320/Bulgaria+-+bg_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="中文(简体)| Chinese (Simplified)" value="en|zh-CN"
src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/546049/gse_multipart12397.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="中文(繁体)| Chinese (Traditional)" value="en|zh-TW"
src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/208681/gse_multipart12398.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Hrvatska | Croatian" value="en|hr"
src="http://1.bp.blogspot.com/__v4nth5_ki0/SMhVoigYF0I/AAAAAAAAG5s/naE3NObTVZs/s400/Croatia+-+hr_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Čeština | Czech Republic " value="en|cs"
src="http://4.bp.blogspot.com/__v4nth5_ki0/SMiX9aMIL3I/AAAAAAAAG6o/4-RYadolKWQ/s320/Czech+Republic+-+cs_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Dansk | Danish" value="en|da"
src="http://2.bp.blogspot.com/__v4nth5_ki0/SMiX9nD1NZI/AAAAAAAAG6w/ZnIBEtLIHEw/s320/Denmark+-+da_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Eesti | Estonian" value="en|et"
src="http://2.bp.blogspot.com/_AKSZkmXmrnc/StT4ASM2ZsI/AAAAAAAAAis/PmQSwtOQNLc/s320/Estonia+et_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Suomen | Finnish" value="en|fi"
src="http://2.bp.blogspot.com/__v4nth5_ki0/SMiZwsOFndI/AAAAAAAAG8w/VlBr_zN32q8/s320/Finland+-+fi_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Français | French" value="en|fr"
src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/327620/gse_multipart12413.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Galitian | Galitian" value="en|gl"
src="http://3.bp.blogspot.com/_AKSZkmXmrnc/StfhOOzBp9I/AAAAAAAAAks/qinFZhMlyd8/s320/Galicia+gl_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Deutsch | German" value="en|de"
src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/734899/gse_multipart12400.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Ελλάς | Greek" value="en|el"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4IjFwQzlsWCztqWCUdZbU9YE3Q8rK2f1HzWz4-gc0W5GLV1EUpkrhT1yboBBhRBJZaEm6xjb3ThMS7RJ-20skSs_J9Y_LsmdBsOxsqntQpiRZXqGUn2JYQvVCiRZ0iVTY4VLeUoGuyNyp/s320/Greek+Flag+36x24.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title=" עברית | Hebrew " value="en|iw"
src="http://4.bp.blogspot.com/__v4nth5_ki0/SP-fNBP-7LI/AAAAAAAAHmE/fJeA_Sbl9w4/s320/Israel+-+il_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title=" हिन्दी | Hindi " value="en|hi"
src="http://4.bp.blogspot.com/__v4nth5_ki0/SMiYu9muwaI/AAAAAAAAG7Y/lO6YgNdyHM4/s320/India+-+hi_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Magyarország | Hungarian" value="en|hu"
src="http://3.bp.blogspot.com/_AKSZkmXmrnc/StRtqlXKToI/AAAAAAAAAik/R38R7O52aDU/s320/Hungary+hu_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Íslande | Icelandic " value="en|is"
src="http://3.bp.blogspot.com/_AKSZkmXmrnc/SteuRylaOeI/AAAAAAAAAkc/eRI7XsLEz34/s320/Iceland+is_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title=" Bahasa | Indonesian" value="en|id"
src="http://4.bp.blogspot.com/__v4nth5_ki0/SP-fNKvGgZI/AAAAAAAAHl8/UESh2PimM5U/s320/Indonesia+-+id_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title=" Gaeilge | Irish " value="en|ga"
src="http://2.bp.blogspot.com/_AKSZkmXmrnc/SugR7i9pedI/AAAAAAAAAoU/HG7Sod0eQdQ/s320/Ireland+ie_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Italiano | Italian" value="en|it"
src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/306145/gse_multipart12401.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="日本語 | Japanese" value="en|ja"
src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/443122/gse_multipart12402.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title=" Kiswahili | Kenyan " value="en|sw"
src="http://2.bp.blogspot.com/_AKSZkmXmrnc/Sugd4gdlhQI/AAAAAAAAAok/Pyselb6uWtE/s320/Kenya+ke_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="한국어 | Korean" value="en|ko"
src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/581031/gse_multipart12403.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Latviešu | Latvian" value="en|lv"
src="http://2.bp.blogspot.com/__v4nth5_ki0/SP-fNX2rCXI/AAAAAAAAHmM/1LRWqh7YQBA/s320/Latvia+-+lv_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Lietuvos | Lithuanian" value="en|lt"
src="http://2.bp.blogspot.com/__v4nth5_ki0/SP-fNrJizVI/AAAAAAAAHmU/kdaran4uffk/s320/Lithuania+-+lt_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title=" Македонски | Macedonian " value="en|mk" src="http://1.bp.blogspot.com/_AKSZkmXmrnc/SumJcBVBZpI/AAAAAAAAApk/kY7CqDLy-Y4/s320/Macedonia+mk_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Bahasa Melayu | Bahasa  Malay" value="en|ms"
src="http://4.bp.blogspot.com/_AKSZkmXmrnc/StVfgdeTNAI/AAAAAAAAAjE/7Vcnxzvy0eE/s320/Malaysia+ms_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Malti | Maltese" value="en|mt"
src="http://1.bp.blogspot.com/_AKSZkmXmrnc/StVnV4GqUAI/AAAAAAAAAjM/UUE5FAHZdyA/s320/Malta+mt_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Nederlandse | Nederlands" value="en|nl"
src="http://1.bp.blogspot.com/__v4nth5_ki0/SMiZWUAFSOI/AAAAAAAAG74/lsNT2NI_oFI/s320/Netherlands+-+nl_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Norsk | Norwegian" value="en|no"
src="http://2.bp.blogspot.com/__v4nth5_ki0/SMiZWYWSvEI/AAAAAAAAG8A/7sOoou7far0/s320/Norway+-+no_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title=" فارسی | Farsi | Persian " value="en|fa"
src="http://3.bp.blogspot.com/_AKSZkmXmrnc/Sul5V-oc-6I/AAAAAAAAApc/1YIKlfK7L70/s320/Iran+fa_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Tagalog | Pilipinas " value="en|tl"
src="http://1.bp.blogspot.com/__v4nth5_ki0/SP-f7gyN2aI/AAAAAAAAHmc/x_LSaXlHtCs/s320/Pilipnas+-+ph_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Polska | Polish" value="en|pl"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDMC6lFtfqERudbOzqE2o4YhrPHj3Y8w3nZYy1OPR1W-jyqHvp7u6QfL43TBzv1TASoS2ZGjZvkb3ww21lsg1JC_-DFB8C-iZMjgBimODiCJc0PuMUzCDbTuSK-adqfLZj6nzrw0OPMF4p/s320/Polish+Flag+36x24.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Português | Portuguese" value="en|pt"
src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/670301/gse_multipart12404.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Român | Romanian" value="en|ro"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjYYubIpJORde-JGjabv3mE7Wmz6cu_t3sZQoOCa1qmss18P1GO3kmLUSBZQBENjuAPSjyAC2KZ7Hu3s5huh9K5A6ZlIuS0ke158gJbx9jfIZCw0wbmBG-yXvEjOsApbUdYuMZ0ZdN96Nd/s320/Romainian+Flag+36x24.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Русский | Russian" value="en|ru"
src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/111692/gse_multipart12405.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Србија | Serbian" value="en|sr"
src="http://3.bp.blogspot.com/__v4nth5_ki0/SP-f7_imioI/AAAAAAAAHmk/ytbpoyJHbmo/s320/Serbia+-+si_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Slovenčina | Slovak" value="en|sk"
src="http://4.bp.blogspot.com/__v4nth5_ki0/SP-f79KzfyI/AAAAAAAAHms/-I315jcpHN0/s320/Slovak+-+sk_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Slovenija | Slovenian" value="en|sl"
src="http://1.bp.blogspot.com/__v4nth5_ki0/SP-f8P0fwiI/AAAAAAAAHm0/Lzeh8mXiWvE/s320/Slovenia+-+si_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Afrikaans | South Africa " value="en|af"
src="http://3.bp.blogspot.com/_AKSZkmXmrnc/StLizqawtEI/AAAAAAAAAhk/aGuY6R70tNw/s320/South+Africa+af_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Español | Spanish" value="en|es"
src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/998398/gse_multipart12407.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Sverige | Swedish" value="en|sv"
src="http://1.bp.blogspot.com/__v4nth5_ki0/SMiZwrYspyI/AAAAAAAAG8o/uVUWBAyZkVc/s320/Sweden+-+se_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title=" Kiswahili | Tanzania " value="en|sw"
src="http://3.bp.blogspot.com/_AKSZkmXmrnc/SugbcuFKJyI/AAAAAAAAAoc/8Q1rooFZtpY/s320/Tanzania+tz_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title=" ไทย | Thai" value="en|th"
src="http://3.bp.blogspot.com/_AKSZkmXmrnc/StKoTKbCsMI/AAAAAAAAAg8/JfICxQ5m6yk/s320/Thailand+-+th_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title=" Türkiye | Turkish" value="en|tr"
src="http://2.bp.blogspot.com/_AKSZkmXmrnc/StLWW4Zyu6I/AAAAAAAAAhU/FU5iu_D0TLQ/s320/Turkish+-+tr_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title="Україна | Ukrainian" value="en|uk"
src="http://3.bp.blogspot.com/__v4nth5_ki0/SP-f8Bg1AMI/AAAAAAAAHm8/b4jhQQPSvj4/s320/Ukraine+-+ua_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title=" tiếng Việt | Vietnamese " value="en|vi"
src="http://2.bp.blogspot.com/__v4nth5_ki0/SP-gZakjpuI/AAAAAAAAHnE/fwfNZkisDOA/s320/Vietnam+-+vn_flag.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title=" Cymraeg | Welsh " value="en|cy"
src="http://4.bp.blogspot.com/_AKSZkmXmrnc/SugQR0g60cI/AAAAAAAAAoM/rmVA-1LvU4g/s320/Wales.png" onclick="this.form.langpair.value=this.value" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;" width="30" name="langpair"/>

<input title=" אידיש | Yiddish " src="http://3.bp.blogspot.com/_AKSZkmXmrnc/SupeM9if5gI/AAAAAAAAAp8/1gp_kA_Mhnk/s320/Yiddish_Star.png"  onclick="this.form.langpair.value=this.value" value="en|yi" type="image" height="20" style="border: 1px solid rgb(21, 22, 5); padding: 3px;"width="30" name="langpair"/>
 </form>






FUENTE: Aizum Blog

Botones de compartir muy elegantes

http://www.lucaysublog.blogspot.com
 Este es un gadget muy simple y elegante para darles la posibilidad a tus lectores de que compartan tus entradas en diferentes redes sociales.

Lo que me gusta es que es muy completo, como podrás verlo al pie de esta entrada. Cuando el navegante pasa el cursos encima, se colorea el ícono donde esté posicionado.

Es aparte muy lindo y funcional.
Yo lo había implementado en uno de mis blogs, pero como no le había puesto un marcador dentro de la plantilla para no perderlo, me volví loca hasta volver a encontrarlo.

Pero al fin lo pude halla y se los entrego ahora, espero que les guste y comenten.
También me gustaría que sugieran otros tipos de marcadores si les parecen interesantes.

Bien, para hacerlo debemos buscar primero la línea  ]]></b:skin> dentro de la Edición de html. (Tienes que expandir los artilugios antes, ya me olvidaba de decirlo)

Arriba de esta línea pegamos este código
#w2b-share ul {list-style: none;clear: none;padding: 0px 0px ;margin: 5px 0;}
#w2b-share ul li {display: inline;background:none;margin:0;padding:0;}
#w2b-share ul li a {display: block;float: left;width: 32px;height:32px;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOHB4BNB1br6wR1r0LAlELNWzb2rI-GVxNC2V3vrmnMHPHwLX65wiI4_qT1GP1EjqrZg5f5heN7sXvIpazjRPrUe6H3HhsfN6FCTeaFuf1FNwCbKxSR3Sf-zOjEuAU3THld4wD2Pc-VrO4/s1600/way2blogging-share-icons-sprite.png') ;margin-left:3px;background-repeat: no-repeat;margin-right: 2px;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
#w2b-share ul li a.twitter    {background-position: -0px -0px;   }
#w2b-share ul li a.twitter:hover {background-position: -0px -33px;  }
#w2b-share ul li a.facebook   {background-position: -32px -0px;  }
#w2b-share ul li a.facebook:hover {background-position: -32px -33px; }
#w2b-share ul li a.stumbleupon  {background-position: -64px -0px;  }
#w2b-share ul li a.stumbleupon:hover{background-position: -64px -33px; }
#w2b-share ul li a.digg    {background-position: -192px -0px; }
#w2b-share ul li a.digg:hover  {background-position: -192px -33px;}
#w2b-share ul li a.reddit   {background-position: -160px -0px; }
#w2b-share ul li a.reddit:hover  {background-position: -160px -33px;}
#w2b-share ul li a.google   {background-position: -128px -0px; }
#w2b-share ul li a.google:hover  {background-position: -128px -33px;}
#w2b-share ul li a.del-icio-us  {background-position: -480px -0px; }
#w2b-share ul li a.del-icio-us:hover{background-position: -480px -33px;}
#w2b-share ul li a.mixx    {background-position: -96px -0px;  }
#w2b-share ul li a.mixx:hover  {background-position: -96px -33px; }
#w2b-share ul li a.technorati  {background-position: -416px -0px; }
#w2b-share ul li a.technorati:hover {background-position: -416px -33px;}
#w2b-share ul li a.linkin   {background-position: -256px -0px; }
#w2b-share ul li a.linkin:hover  {background-position: -256px -33px;}
#w2b-share ul li a.yahoobuzz  {background-position: -448px -0px; }
#w2b-share ul li a.yahoobuzz:hover {background-position: -448px -33px;}
#w2b-share ul li a.myspace   {background-position: -512px -0px; }
#w2b-share ul li a.myspace:hover {background-position: -512px -33px;}
#w2b-share ul li a.more    {background-position: -576px -0px; }
#w2b-share ul li a.more:hover  {background-position: -576px -33px;}


Una vez hecho esto, vamos a buscar <data:post.body/> y después de esto pega lo siguiente
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='w2b-share'>
<ul>
<li><a class='twitter' expr:href='&quot;http://twitter.com/?status=&quot; + data:post.title + &quot; - &quot; + data:post.url ' rel='nofollow' target='_blank' title='Share this post on twitter'/></li>
<li><a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share this post on Facebook'/></li>
<li><a class='stumbleupon' expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share this post on Stunbleupon'/></li>
<li><a class='digg' expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share this post on Digg'/></li>
<li><a class='reddit' expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share this post on Reddit'/></li>
<li><a class='google' expr:href='&quot;http://www.google.com/bookmarks/mark?op=add&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Bookmark this post on Google'/></li>
<li><a class='del-icio-us' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share this post on delicious'/></li>
<li><a class='mixx' expr:href='&quot;http://www.mixx.com/submit?page_url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' target='_blank' title='Share this post on Mixx'/></li>
<li><a class='technorati' expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Fav on Technorati'/></li>
<li><a class='yahoobuzz' expr:href='&quot;http://buzz.yahoo.com/submit/?url=&quot;+ data:post.url' rel='nofollow' target='_blank' title='Share this post on Yahoo!Buzz'/></li>
<li><a class='myspace' expr:href='&quot;http://www.myspace.com/Modules/PostTo/Pages/?u=&quot;+ data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='nofollow' target='_blank' title='Sahre this post on Myspace'/></li>
<li><a class='a2a_dd more' expr:href='&quot;http://www.addtoany.com/share_save?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title '/><script src='http://static.addtoany.com/menu/page.js' type='text/javascript'/></li>
</ul>
</div>
</b:if>

Si en la vista previa te da todo bien, ya lo puedes guardar !!!!!


Recuerda agregar tu comentario y tus sugerencias.





Cash bux


ganar dinero en internetUna nueva página que he encontrado para hacer unos cuántos dólares por internet.

Cash Bux es un sistema sencillo. Tiene 8 patrocinadores, a los cuáles deberás visitar por 20 segundos una vez al día (es decir, cada 24 horas se habilita la visita).
Hasta el momento los patrocinadores que he visitado son siempre los mismos ocho, pero las visitas suman 0,1 centavo de dólar cada una, en registro simple. Si tienes referidos, las visitas aumentan a 0.15 centavos.

Esto es tentador porque te estaría tomando cinco minutos diarios, los días que no quieres entrar no entras y no te anulan la cuenta, como otras compañías.
Sacando cuentas, estarías ganando 24 dólares por mes si no tienes referidos y 36 dólares si los tienes, más el porcentaje de los mismos.

Para registrarte debes tener una cuenta en Paypal (ahora Paiza).

Prueba este nuevo sistema, me lo recomendó una amiga que ya está cobrando sus primeros dólares. Funciona y lo mejor... he comprobado que PAGAN !!!

La página está en inglés, pero si utilizas google chrome la traduce automáticamente. De todas formas, en inglés no es muy difícil de entender cómo funciona.

Haz clic en el banner para registrarte





Relojes para tu blog

relojes para tu blog

Hoy quiero dejarles el enlace a una web muy completa sobre relojes para el blog.
Si pasan por Relogios para sites e blogs podrán encontrar todos los diseños de relojes símil pared y analógicos que se puedan imaginar.
Desde estilos personalizables para añadir una foto, hasta los más interesantes temas que puedan necesitar: paisajes, religiosos, amor, infantiles, banderas, saludos, deportes, música, logos... en fin, muchísimos temas.


Para añadirlos al blog es sencillo, ya que se hace a través de un gadget html.

No dejen de visitar el sitio si están interesados en conseguir un lindo reloj...

Y no se olviden de dejarme su comentario !!!







Encuadrar un texto

En otra ocasión les traje una divertida caja para incluir los códigos html .
Ahora bien, cada cosa tiene su código. Por ejemplo, cuando insertamos un códiho html al editar una entrada en el formato REDACTAR, si no lo ubicamos dentro de esta caja especial se transforma al publicarlo y no nos da el resultado esperado. Por eso, la caja que les traje la vez anterior es ideal.

Pero no ocurre lo mismo cuando queremos encuadrar o resaltar un simple texto, el código que necesitamos es diferente.
Lo aclaro porque hoy les traigo justamente el código necesario para esto, y no quiero que se confundan al utilizarlo.

"ESTE CODIGO NO SIRVE PARA HTML"

Bien, una vez aclarada esta cuestión paso a darles el material necesario.
El sistema de implementarlo es sencillo. Podríamos hacerlo de dos formas, pero les voy a mostrar la que me pareció más fácil, que es incrustarlo al pie de la entrada. Cada vez que crees una nueva entrada aparecerá la caja, si no la utilizas la borras y listo. El otro sistema es retocar la plantilla, pero no funciona en algunas, al menos no funcionaba en mis plantillas, así que opté por este método, que ya he probado.

Primero trabajaremos el código, el básico es el siguiente:
<fieldset>

<legend>Título</legend>

... Aquí va el texto ...

</fieldset>

Fieldset es el texto y legend es el título


Resultado
El resultado es algo como esto


Si quieres algo un poco más sofisticado puedes jugar con los estilos agregando condicionales que variarán la forma y estilo de tu cuadro. Por ejemplo este otro código
<fieldset style="border:6px groove #ccc; background:#F8ECE0;">

<legend style="font-weight:bold; color:#61380B;">Título</legend>

... Aquí va el texto ...

</fieldset>

En este caso agregamos la condicional style="..." y dentro de las comillas colocamos

Para fieldset (texto)
  • el estilo y tamaños del borde : border:6px groove #ccc;
  • el color de fondo : background:#F8ECE0;
Para legend (título)
  •  la fuente: font-weight:bold;
  • El color de fuente: color:#61380B;
El resultado de este código modificado sería éste:
Título
... Aquí va el texto ...

Si quieres agregarle un borde doble cambia la palabra groove por double (puedes variar también el grosor de píxeles), dando un resultado cómo éste

Título
... Aquí va el texto ...


Eso es todo, desde el primer código sencillo hasta el más complejo.

Ahora veremos las condicionales para modificarlo
Esta es la lista

Para el texto y contenedor (fieldset)
  • border:6px groove #ccc; /* Borde */
  • background:#F8ECE0; /* Color de fondo */
  • color:#000; /* Color del texto de todo el contenido */
Para el título (legend)
  • text-align:left; /* Puedes cambiarlo por center o right */
  • font-weight:bold; /* Estilo de la fuente del título */
  • color:#61380B; /* Color del título */
Ahora veremos dónde pegar el código
  1. Configuración
  2. Formato
  3. Plantilla de entrada
  4. Revisa la vista previa y si el blog se muestra sin inconvenientes guarda los cambios
Como verás, es sencillo. Una vez que lo tengas guardado en la plantilla de entrada ya lo tendrás para todas las entradas que escribas a partir de ese momento. Esto simplifica las cosas ya que si tienes algún error es sencillo quitarlo, ya que no tocamos la plantilla fuente como solemos hacerlo cuando vamos a diseño de html.

Este truco de agregar lo que queremos en nuestras entradas desde la configuración sirve para muchas cosas. Por ejemplo en algunos de mis blogs he agregado también desde allí la publicidad para que salga en todas las entradas.

Pruébalo

Si tienes algún comentario lo puedes dejar debajo de esta entrada. Si tienes 

alguna pregunta también. ¡Que lo disfrutes...!






Insertar una tabla en el blog


Muchos se preguntarán de qué manera podemos crear tablas en el blog.

Bueno, al principio yo utilizaba Excell, creaba la tabla y la pegaba en el blog, pero encontré navegando por mis blogs favoritos, un modo sencillo para hacerlo sin necesidad de utilizar excell, y lo hallé el Ciudad Blogger, por ello enlacé la entrada. Si les interesa pueden ingresar desde el enlace de abajo y echarle un vistazo.

Ciudad Blogger: Insertar tablas en Blogger: Pregunta Ricardo de Alicante, España cómo crear tablas en las entradas del blog . Si bien es algo sencillo requiere de un poco de atención p...

Redireccionar un blog a otro

redireccionar blog

Hoy voy a mostrarles cómo redireccionar un blog a otro.

Por muchas razones, es bastante frecuente que cambiemos nuestra dirección del blog, o bien que demos por cerrado uno para comenzar otro nuevo.
El problema es que cuando hacemos esto nuestros lectores quedarán anclados en el blog antiguo y ni por las tapas se les ocurrirá ingresar al nuevo, sea porque no lo conocen, porque no tienen ganas de trasladarse y dar un clic más, o vaya a saber por cuáles otras cuestiones.

El tema en sí es que no queremos perder a estos lectores por ello nos gustaría redireccionar el blog, es decir, que cuando ingresen al blog antiguo, sean dirigidos directamente al nuevo.

Para ello vamos a utilizar un sencillo script, muy fácil de implementar.

1 - Vamos a Diseño - Edición de HTML

2 - Pegamos este código después de <head>










<meta content='3; URL= http://nombre-de-mi-blog.blogspot.com /' HTTP-EQUIV='Refresh'/>

</head>

<body onLoad='redireccionar()'>

<script language='JavaScript'>

var pagina="http://nombre-de-mi-blog.blogspot.com/"

function redireccionar()

{

location.href=pagina

}

setTimeout ("redireccionar()", 500);

</script>

</body>





3 - Cambia las dos veces que aparece nombre-de-mi-blog por el nombre de tu blog nuevo y guarda los cambios.




comentaempty




-->

Menú superior completo y sencillo

Entre todos los menús que he visto y probado llego a la conclusión de que el que tengo colocado en este blog es el que más me conviene, por la facilidad para implementarlo con respecto a otros menús y por lo completo ya que incluye subpestañas.
Hay otros que tienen aún subpestañas de subpestañas, pero son mucho más complicados y generalmente se comenten errores, por eso por ahora les voy a dejar el que tengo colocado aquí por si les gusta y quieren probarlo.

Les aseguro que hace muchísimo más fácil la navegación por el sitio, ahorrando incluso el espacio que pueden llevar las etiquetas, salvo que quieras incluir etiquetas que no figuren en el menú, como yo que las tengo en una nube en la sidebar.

Para colocar este menú debes hacer lo siguiente:

  • Ve a Diseño - Html y (sin expandir los artilugios) busca ]]></b:skin>
  • Arriba de esto pega el siguiente código




/* MENU DOS (Robs)
----------------------------------------------- */
#subnavbar {
background: #64343C;
width: 873px;
height: 27px;
font-weight:bold;
color: #FFFFFF;
margin: 0px;
padding: 0px;
font-family:"Trebuchet MS";
}
#subnav {
margin: 0px;
padding: 0px;
}
#subnav ul {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
#subnav li {
list-style: none;
margin: 0px;
padding: 0px;
}
#subnav li a, #subnav li a:link, #subnav li a:visited {
color: #FFFFFF;
display: block;
font-size: 11px;
text-transform: uppercase;
margin: 0px 0px 0px 0px;
padding: 5px 10px 5px 10px;
border-left: 1px solid #FFFFFF;
}
#subnav li a:hover, #subnav li a:active {
background: #999999;
color: #000000;
display: block;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 5px 10px 5px 10px;
}
#subnav li li a, #subnav li li a:link, #subnav li li a:visited {
background: #64343C;
width: 120px;
heigth: 20px
float: none;
margin: 0px;
padding: 5px 10px 5px 10px;
border-bottom: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
}
#subnav li li a:hover, #subnav li li a:active {
background: #999999;
margin: 0px;
padding: 5px 10px 5px 10px;
}
#subnav li {
float: left;
padding: 0px;
}
#subnav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 160px;
margin: 0px;
padding: 0px;
}
#subnav li li {
}
#subnav li ul a {
width: 140px;
}
#subnav li ul a:hover, #subnav li ul a:active {
}
#subnav li ul ul {
margin: -25px 0 0 161px;
}
#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul {
left: -999em;
}
#subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfhover ul, #subnav li li.sfhover ul, #subnav li li li.sfhover ul {
left: auto;
}
#subnav li:hover, #subnav li.sfhover {
position: static;
}

  • En la parte señalada en negrita puedes efectuar los cambios de tamaño. Por defecto está configurado así width: 873px pero puedes cambiarle por el largo de píxeles que desees o sustituír el 873px por 100% con lo cual el largo se ajustará al espacio del lugar donde lo coloques 
  • Ahora guarda los cambios luego de la vista previa y vuelve a Diseño para agregar el gadget correspondiente que empezarás a configurar. Esta es la parte más difícil, pero con un poco de atención no te confundirás. 
El gadget HTML que debes agregar es el siguiente




<li><a href="URL" title="">PESTAÑA3</a>
<ul>
<li><a href="URL" title="">SUB-PESTAÑA3</a>
</li>
<li><a href="URL" title="">SUB-PESTAÑA3</a>
</li>
</ul>
</li>
<li><a href="URL" title="">PESTAÑA4</a>
<ul>
<li><a href="URL" title="">SUB-PESTAÑA4</a>
</li>
<li><a href="URL" title="">SUB-PESTAÑA4</a>
</li>
</ul>
</li>
<li><a href="URL" title="">PESTAÑA5</a>
<ul>
<li><a href="URL" title="">SUB-PESTAÑA5</a>
</li>
<li><a href="URL" title="">SUB-PESTAÑA5</a>
</li>
<li><a href="URL" title="">SUB-PESTAÑA5</a>
</li>
<li><a href="URL" title="">SUB-PESTAÑA5</a>
</li>
</ul>
</li></ul></div>
  • Donde dice url debes colocar la dirección de la etiqueta correspondiente
  • Entre las comillas de "title" puedes colocar un texto que se verá al pasar el cursor, aunque si no lo haces no afecta en nada.
  • Donde dice Pestaña y Sub pestaña colocas el nombre o título que le quieres dar a esa parte del menú.
  • Por ejemplo: en el menú de este blog un ejemplo de pestañas sería Tráfico web, y de subpestañas Seo y Redes Sociales 
  • El contenido de las pestañas que no van a incluir subpestañas, va incluido entre <li> y </li>

    <li><a href="URL DEL BLOG" title="Inicio">INICIO</a></li>
  • El contenido de la pestaña que incluirá subpestañas irá incluido entre <li> y <ul> a continuación estarán las subpestañas (cada una incluida entre <li> y </li>) y para cerrar terminaremos con </ul> </li>


    <li><a href="URL" title="">PESTAÑA3</a><ul>
    <li><a href="URL" title="">SUB-PESTAÑA3</a></li>
    <li><a href="URL" title="">SUB-PESTAÑA3</a></li>
    </ul>
    </li>

Con estas pautas ya puedes comenzar a armar tu menú. El código que te presento como gadget html es un código ejemplo que puedes retocar con los dos puntos anteriores en cualquier momento, tanto si no se ajusta exactamente a tu blog como si agregas una nueva sección después de un tiempo. El contenido de la plantilla no varía nunca, sólo el del gadget. Cualquier duda me consultas.





comentaempty



Expandir y contraer un gadget

Para maximizar el espacio de nuestra barra lateral o de nuestro footer, podemos utilizar este sencillo truco, pero muy práctico.

Algunas consideraciones a tener en cuenta es que en las plantillas de blogger funciona normalmente, pero en algunas plantillas que solemos descargar de sitios que las ofrecen gratis puede que se superpongan los gadgets si le haces el truco a dos consecutivos. Te aconsejo que, si tienes una plantilla ajena a blogger, expandas solamente el gadget que se encuentre ubicado al final, es decir, debajo de los demás, como lo he hecho yo en Taller literario

Para ver una demo de cómo funciona en las plantillas de blogger puedes entrar a mi blog de pruebas

Empecemos

En primer lugar debes identificar la línea del gadget que quieras expandir. Utiliza CTRL + F y busca el nombre de tu gadget (en el ejemplo Enlaces). Para esto está claro que el gadget debe tener un nombre, así que si no lo tiene colócaselo.

Luego deberás completar el código agregando donde corresponda lo que está en color
<b:widget id='LinkList1' locked='false' title='Enlaces' type='LinkList'>

<b:includable id='main'>

<script type='text/javascript'>

//<![CDATA[

if(typeof(rnd) == 'undefined') var rnd = '';

rnd = Math.floor(Math.random()*1000);

rnd = 'id-' + rnd;

document.write('<a href="javascript:void(0)" onclick="tmp = 
document.getElementById(&quot;' + rnd + '&quot;); 
tmp.style.display = (tmp.style.display == &quot;none&quot;) ? 
&quot;block&quot; : &quot;none&quot;; return false;" 
style="float:left;margin-right:6px;">');

//]]>

</script>[+/-]

<script type='text/javascript'>

//<![CDATA[

document.write('<\/a>');

//]]>

</script>



<b:if cond='data:title'><h2><data:title/></h2></b:if>

 <div class='widget-content'>

<script type='text/javascript'>

//<![CDATA[

document.write('<div id="' + rnd + '" style="display:none;">');

//]]>

</script>

   <ul>

     <b:loop values='data:links' var='link'>

       <li><a expr:href='data:link.target'><data:link.name/></a></li>

     </b:loop>

   </ul>

   <b:include name='quickedit'/>

 </div>

</b:includable>

</b:widget> 



Lo que está en color azul es el símbolo que se verá. Si deseas otra imagen, debes sustituir eso por esta línea
<img src="AQUI LA URL DE LA IMAGEN"/>




comentaempty






Blog inhabilitado en la nueva interfaz de blogger

blog inhabilitado www.lucaysublog.blogspot.com


Después de ver durante un tiempo la famisa leyenda que versa en el escritorio "La antigua interfaz de Blogger se retirará en los próximos meses. ¡Pruébalo ahora!", he tenido el apuro de probarla, ya que nadie sabe en qué momento se va a retirar y nos van a dejar sin saber nada y con pocos conocimientos de manejo del blog.

Así que decidí hacer una prueba.

El resultado fue desastroso por un lado y muy bueno por otro.

Voy a comenzar por el lado bueno. A pesar de que a primeras no me había gustado, eso fue por no ponerme a investigar y navegar por la nueva interfaz, ahora que la conozco un poco me parece más adecuada y con más posibilidades que la vieja, además de un buen diseño. Las funciones son las mismas, se ven mejor y más completas, está todo al alcance de un clic y también está la opción de editar la plantilla en HTML, que se decía habían retirado. Pues era mentira.

Ahora lo malo.
Algunos de mis blogs aparecían inhabilitados. Después de buscar por internet las respuestas, no me convencía ninguna. La mayoría decían que era por la cuenta de adsense inhabilitada o porque la cuenta de google estaba inhabilitada. Pues mi gmail funcionaba, mis blogs seguían en la red y si, mi cuenta adsense había sido cancelada pero ese no era el problema. Si fuera alguno de ellos, todos mis blogs deberían estar en la misma condición, pero sólo le ocurría a algunos.

Lo cual me llevó a sospechas que se trataba de un script colocado en alguna parte de la plantilla que inhabilitaba la vista de la edición, así que intenté p`robar cambiar la plantilla en uno de mis blogs (porque tantos scripts tenía colocados que era imposible saber cuál sería el causante de semejante problema). Y santo remedio, como por arte de magia, pude volver a editar la plantilla de ese blog en la nueva interfaz.


Lo cual me lleva a darles dos consejos importantísimos que me gustaría que tomaran como si se los dijera el más versado en tecnología blogger.

EL PRIMERO: Prueben la nueva interfaz de blogger para constatar que todo está bien con sus blogs. Si llega a retirarse la vieja, y el problema de inhabilitación de la edición está latente, no habrá forma de solucionarlo, ya que esto presenta una pantalla negra que no te deja lugar a enlazar nada, no podrás cambiar la plantilla.


EL SEGUNDO: Si tienen este problema y no saben cuál es el script causante, cambien la plantilla o vuelvan a subir la misma. Claro que todas las cosas y los chiches desaparecerán pero se los pueden volver a poner de a poco, sabiendo que si alguno la inhabilita, el mismo editor les inhabilitará el guardado del código.

Y COMO EXTRA: En lo posible, traten de quedarse con la nueva interfaz y aprender a usarla, ya que dentro de muy poco, va a ser la oficial ...!!!


NOTA: OLOBLOGGER nos presenta uno de los posibles scripts que podrían ser los causantes, es el que evita el iframe que google coloca para las imágenes. Su código es el que se trataría de evitar o quitar y es el siguiente:




<script type="text/javascript">
if(top.location!=this.location) top.location=this.location;
</script>


empty