Redirección múltiple 301 con el archivo .htaccess

Abril 2016: Post recuperado de Aprendiendo PHP (web ya inactiva)
Un pequeño adelanto al re-arranque de Aprendiendo PHP

Valencia, 13/07/2013, G.B.
Bueno, como os he comentado hace un rato, voy a re-arrancar Aprendiendo PHP. Pero es una tarea ardua que me llevará más tiempo del que tiempo para estos menesteres… De todas formas, y como muestra de ‘buena voluntad’, os dejo un pequeño post acerca de la redirección 301 de un dominio, es decir, cómo redirigir un dominio antiguo a uno nuevo sin perder el posicionamiento web adquirido en el viejo. Para ello, debemos utilizar el archivo de configuración del servidor Apache que ya conocemos denominado .htacccess. Os dejo un pequeño ejemplo:

#Redirige un dominio antiguo a uno nuevo (o de un dominio a otro)
RewriteEngine On
RewriteCond %{HTTP_HOST} ^indaga.net$ [NC]
RewriteRule ^(.*)$ https://www.indaga.net/$1 [R=301,L]
RewriteCond %{HTTP_HOST} ^indaga.net/blog$ [NC]
RewriteRule ^(.*)$ http://blog.indaga.net/$1 [R=301,L]

#En caso de error 404 página no encontrada), rediriges a una página de error personalizada
ErrorDocument 404 /404.html

En este caso, hemos redirigido la web https://indaga.net a la web https://www.indaga.net sin perder el posicionamiento web, al ser una redirección 301 (movido permanentemente). Así mismo, hemos redirigido en el mismo archivo .htaccess el directorio http://www.indaga,net(blog al subdominio http://blog.indaga.net, sin perder el posicionamiento web. Por supuesto, para ello deberemos crear primero el subdominio en el panel de control de nuestro hosting. Así, disponemos de una redirección 301 múltiple en un solo archivo de configuración. Simple, senciullo y efectivo, gracias a los desarrolladores de Apache.

Recordemos que el archivo .htaccess podemos crearlo con cualquier editor de texto plano y que siempre deberemos subirlo a la raíz de nuestro servidor web. Para más información al respecto:

La renovada interfaz de Flickr, con 1 TB de espacio!

La renovada interfaz e Flickr, con 1 TB de espacio!
Valencia, 08/07/2013, G.B.
Acabo de enterarme de que Flickr (siempre me ha costado escribirlo…), la famosa red de fotografía y ahora vídeo de Yahoo! ha renovado su interfaz, sus funcionalidades y el espacio gratuito de almacenaje. Ahora, disponemos nada más y nada menos que de 1 TB de espacio en su red para almacenar nuestras fotos y vídeos (de hasta 3 minutos en alta calidad cada uno de ellos). Eso sí, la nueva interfaz no ha gustado a todos los antiguos usuarios de este servicio web comprado por Yahoo! Algunos usuarios incluso han solicitado a la veterana empresa que vuelva a poner en marcha la anterior interfaz; nunca llueve a gusto de todos, ¿verdad?

El caso es que yo nunca he utilizado Flickr, siempre me he ‘apañado’ con Picasa y Panoramio, ambos servicios comprados por su omnipresente competidor Google. Pero ahora, ante tal anuncio, me refiero a lo de la ampliación de espacio gratuito, me lo estoy pensando seriamente. además, Flickr permite la venta de fotografías, que aunque a mi no me sea realmente de utilidad -no soy fotógrafo profesional, ni mucho menos- creo que puede ‘venirle muy bien‘ a más de un fotógrafo que quiera probar la venta online de sus servicios desde una plataforma externa, sin mantenimiento por su parte.

En definitiva, que voy a darme de alta y probar la nueva interfaz de flickr, denominada Photostream, si no me equivoco, y que parece ser es muy similar a la resentación de fotos en la red de Google Plus, sin dejar espacios en blanco y con la posibilidad de crear álbumes web (al estilo Picasa). Voy a echarle un vistacillo…

Tablet y portátil todo en uno: Wolder Mitab Evolution T1

Cabe en la palma de tu mano…
Tablet y portátil todo en uno: Wolder Mitab Evolution T1
Valencia, 07/07/2013, G.B.
Acabo de leer en una revista especializada que el fabricante Wolder Electronics  ha sacado un nuevo dispositivo  que combina las funciones de Tablet y portátil todo en uno, a un precio muy, muy competitivo: 169 euros!

La verdad es que quiero probarlo y descubrir por mí mismo si es un producto que vale la pena o no, aunque por las características técnicas y el precio, parece ser, a priori, que sí. Se trata del modelo Wolder Mitab Evolution T1, el primer tablet duo de 7 pulgadas de Wolder.

Este ‘híbrido’ entre tablet y portátil dispone de las siguientes características:

  • Pantalla de 7 pulgadas
  • Funda, atril, teclado y tablet todo en uno
  • Sistema operativo Android 4.1.
  • Pantalla HD táctil
  • Procesador Core de 1,5 Ghz
  • Procesador gráfico 3D de 4 núcleos
  • WiFi, Bluetooh 3.0
  • Salida mini HDMI
  • Salida micro USB
  • 522 gramos de peso
  • Carcasa de goma resistente
  • Cabe en la palma de la mano…

La verdad es que me apetece probarlo…

Firefox OS, este mes de julio!

Valencia, 01/07/2013, G.B.
Una buena noticia: los chicos de Firefox van a lanzar próximamente su sistema operativo para smartphones, -teléfonos inteligentes. Se trata de Firefox OS, que sigue las premisas de la organización en cuanto a innovación, calidad, Firefox OS, este mes de julio!gratuidad y accesibilidad.

Aunque no suelo hacerlo aquí, en KnowHow, os adjunto su mensaje, ya que creo que vale la pena difundirlo. Ah, y enhorabuena a Firefox! Aquí va:

A partir de este mes, estaremos trabajando con fabricantes de dispositivos móviles y operadores de red líderes para llevar Firefox OS a varios países del mundo.

Puedes ayudarnos a generar expectación aunque no esté disponible aún en el lugar donde vives. Mantente atento a más información sobre dónde y cuándo puedes encontrar Firefox OS.

¿Qué es Firefox OS? Es un nuevo sistema operativo para teléfonos inteligentes basado en los mismos principios de apertura, innovación y oportunidad de nuestro navegador Firefox. Creemos que Internet es un recurso global y público que tiene que seguir siendo accesible para todos. Por ello hemos creado Firefox OS, para permitir el acceso a la Web a más personas, desde más lugares y de muchas más maneras que antes.

Difunde el mensaje y muestra tu apoyo a un sistema operativo para móvil que está diseñado con el fin de construir un futuro radiante para la Web y los usuarios de todo el mundo.
Fuente: Firefox

Fallos en la API de los feeds de Twitter

Twitter ha retirado la API v1, el pasado 11 de junio

Twitter ha retirado la API v1
Valencia, 16/06/2013, G.B.
Hace un par de días que he notado que los plugins que utilizo en WordPress para mostrar mis últimos tweets fallan. El “En que estoy pensando…” que utilizo como título del widget que es en realidad un plugin de Twitter estaba en blanco! Investigando un poco -más bien haciendo una sencilla búsqueda en la Red- he podido ver que simplemente la API v1 de Twitter para los feeds, para el RSS o sindicación de los últimos tweets enviados a tu cuenta, ha dejado de funcionar: ahora hay una nueva versión.

Por desgracia, los plugins no han sido actualizados -o yo no los he configurado con la nueva versión-, por lo que he podido observar. He probado un par más de ellos y ninguno ha podido mostrarlos. ¿Qué hacer? Bueno, simplemente esperaré e investigaré un poco más al respecto, aunque ahora mismo no…

Continuar leyendo “Fallos en la API de los feeds de Twitter”

¿Tu web atacada y penalizada en Google? ¿Y ahora qué…?

¿Tu web atacada y penalizada en Google? ¿Y ahora qué...?Valencia, 29/05/2013, G.B.
¿Ha sido tu web o blog atacado y encima Google te ha penalizado por ello -cornudo y apaleado…-? ¿Cuáles son los pasos a seguir para solucionar esa desagradable situación lo antes posible? Como a mí me ha pasado más de una vez, y con distintos proveedores de servicio (hostings o alojamientos web, incluso con servidores virtuales), os lo cuento:

1) Ante todo, mucha calma, tranquilos, el mundo no se acaba, ni vuestro sitio tampoco. Además, eso le puede pasar a cualquiera, de hecho, pasa…

2) Visita las Herramientas de Google Webmaster Tools para ver dónde se encuentra la infección. También visita Google Safe Browsing (http://www.google.com/safebrowsing/diagnostic?site=URL-DEL-SITIO): te darán detalles sobre los archivos infectados y dónde están, probablemente. También el antivirus que tengas instalado te dará buenas pistas al respecto.

Continuar leyendo “¿Tu web atacada y penalizada en Google? ¿Y ahora qué…?”

Hostinger.es: “Solucionado el ataque a WordPress”

Hostinger.es: "Solucionado el ataque a WordPress"
Pulsa para visualizar la información de Hostinger.es

Valencia, 26/05/2013, G.B.
Hace unos días, instalando en Hostinger.es un WordPress a unos amigos para que empezaran a probar este fantástico CMS, me dí cuenta que no era posible acceder al Escritorio o Dashboard de WordPress, no funcionaba wp-admin (que es lo mismo que wp-login.php). En vez de entrar en el Dasboard de WordPress, mostraba una página de Error 403 (Prohibido). Lo solucioné instalándole WordPress en una subcarpeta del subdominio gratuito que habíamos creado en Hostinger.es para tal fin.

Pero esa solución, tampoco es que fuera ‘la bomba’: queríamos que estuviera, como debe ser, en el directorio raiz del subdomonio gratuito, ya que iba a probar una weblog. En el panel de control de Hostinger, creo recordar, vimos un mensaje de Hostinger informando de que debido a un ataque masivo por ‘fuerza bruta’ al archivo de aceso de WordPress, wp-login.php, habían tenido que deshabilitarlo. Ahora veo que ya lo han solucionado. Bien!

Adjunto su mensaje:

Estimados usuarios, ya es posible acceder de forma normal al panel de administración de WordPress. Gracias por su paciencia.

Recientemente ha habido un ataque de fuerza bruta a gran escala hacia el archivo wp-login.php de WordPress, proveniente de una gran cantidad de IPs distribuidas alrededor del mundo.
Una gran botnet de alrededor de 90,000 servidores comprometidos ha estado intentando entrar a sitios basados en WordPress tratando de adivinar el nombre de usuario y la contraseña para acceder al escritorio de WordPress. Hostinger ha deshabilitado temporalmente el acceso a /wp-login.php en todos los servidores.
Tengan en cuenta que esto no tiene relación con la seguridad del servidor, sino con el funcionamiento propio de WordPress. Desde Hostinger se ha tomado esta medida para evitar graves problemas en sus sitios.

2013-05-23 18:12:02

¿Error 404, página no encontrada? Nunca más con 404 Redirection

Sigo en KnowHow con el mismo hosting…

¿Error 404, página no encontrada? Nuca más con 404 RedirectionValencia, 26/05/2013, G..B.
Existen muchos plugins de WordPress para manejar el típico error 404 o Página No Encontrada. Uno de ellos, probablemente el más simple pero más efectivo, es el plugin 404 Redirection, disponible desde el propio repositorio de plugins de WordPress, desde el Escritotorio o Dashboard de tu blog.

¿Y cómo funciona? 404 Redirection Pues simplemente, cualquier URL o dirección web que ya no exista dentro de tu dominio te la refirige a la página principal de tu blog o weblog. Con ello no perderás visitantes ni el ‘todopoderoso’ Google te penalizará por haber cambiado direcciones de algunas de tus páginas. Y, más importante todavía: tus visitantes no quedarán nada contentos… Personalmente, creo que este plugin, como solución sencilla, es altamente recomendable, a pesar -o tal vez por ello- de su simpleza.

Para descargártelo,  Escritorio -> Plugins y busca 4940 Redirection. Lamentablemente, la página oficial del plugin no parece estar disponible ahora mismo (http://www.flipsters.org/), pero funcionar el plugin, funciona, tranquilos. Haz la prueba: http://know-how.com.es/esta-pagina-no-existe: te llevará a al página principal de Knowhow.

Evitar parámetros adicionales en tus URLs tras instalar el plugin ShareThis

Parámetro DoNotHash del plugin puesto a valor true

Valencia, 17/05/2013, G.B.
Bueno, esto va a ser un post ultra rápido! Si has observado que tras instalar el plugin ShareThis en WordPress las URLs de tu sitio aparecen con parámetros añadidos, es debido a una opción del plugin mencionado.  Lo primero, una captura de pantalla en la que yo ya he modificado el parámetro,  y ahora comento:
Evitar parámetros adicionales en tus URLs tras instalar el plugin ShareThis
Para eliminar este feo añadido, aunque posiblemente útil para el tema de compartición, simplemente tienes que poner uno de sus parámetros de false  a true en la configuración del plugin. Se trata de doNotHash. Os adjunto el código con el parámetro cambiado de false a true:

<script charset="utf-8" type="text/javascript">var switchTo5x=true;</script><script charset="utf-8" type="text/javascript" src="https://w.sharethis.com/button/buttons.js"></script><script type="text/javascript">stLight.options({publisher:"wp.f57a9573-fc7f-43bb-ba54-8028184d0644", doNotCopy: false, hashAddressBar: true, doNotHash: true});</script>

 Con este pequeño cambio, las URLSs de vuestro sitio volverán a estar limpias.

Hasta luego!

Solución plantilla infectada en Blogger: cámbiala!!

Solución plantilla infectada en Blogger: cámbiala!!Un post rápido, pero de alivio…

Valencia, 07/05/2013, G.B.
Respecto al anterior post sobre la infección del sitio Comercios Barrio Sagunto (www.comerciosbarriosagunto.es) alojado en los servidores de Blogger, la solución ha sido cambiar directamente la plantilla, ya que parece ser que probablemente exista alguna vulnerabilidad con un script Json. Lo malo es que ahora tendré que volver a personalizarla, pero al menos ya está limpio: menos mal!!

Sigo sin entender muy bien qué ha pasado, a no ser que sea un aviso de falso positivo de los antivirus en Windows. POr si acaso, he guardado el código de la plantilla modificada en Blogger. Investigaré al respecto…

Archivo en los servidores de Google infectado

Comercios Barrio Sagunto, alojada en los servidores de Google – si no me equivoco- y bajo la tecnología de Blogger

Valencia, 07/05/2013, G.B.
Lo que nunca pensé que me podía pasar en un alojamiento web me ha pasado: una web alojada en los servidores del propio Google, en concreto en su servicio de Blogger,  está ‘presuntamente’ infectada por un troyano en un archivo que crea el propio Google, un archivo de compresión denominado .gzip.  He quitado todos los posibles scripts que pudieran contener algún troyano, me refiero a anuncios, y nada de nada. Además, he probado a entrar a entradas o noticias individuales, así como al propio panel de control de Blogger y no ha habido ningún problema.

La posible infección está en el directorio raíz -alojado, repito, en Google- y en determinadas URLs que utilizo porque en Blogger no existen las categorías.  La verdad es que me he quedado de piedra!

Continuar leyendo “Archivo en los servidores de Google infectado”

Crear un slider en Blogger

Crear un slider en BloggerValencia, 04/05/2013, G.B.
Blogger, la plataforma de blogging de Google, es un gestor de contenidos o CMS que suple bien tus necesidades, aunque tiene algunas deficiencias, si lo comparamos con la plataforma ‘rey’ de blogging: WordPress. Una de esas ‘deficiencias’ es la falta de ‘plugins’ o pequeñas aplicaciones ‘paralelas’ al código que se adaptan al mismo para añadir nuevas e interesantes funcionalidades.

Y una de esas funcionalidades que es realmente interesante, sobre todo a la hora del diseño, de la apariencia, es el slider o pase de diapositivas, quiero decir imágenes. JQuery es la tecnología más utilizada para la creación de sliders.

¿Y qué pasa si queremos crear un slider en Blogger? Una de dos: o instalamos una plantilla con el slider incluido o generamos uno en la nuestra. Si os encontráis en este segundo caso, hay buenas noticias, ya que existen varias formas de crear un slider en Blogger. Yo mismo he probado un par de lleas. OS adjunto una opción, que aunque no ha sido la que he probado, creo que os funcionará perfectamente.

De todas formas, en caso de duda o fallo, decídmelo y os pasaré el código que yo he utilizado en una determinada web a la que ahora mismo quiero dejar en ‘incógnito’, hasta que esté presentable, ¿de acuerdo? Aquí va el código para generar el slider en Blogger:

1) Copia antes de la etiqueta de cierre de cabecera </head> de tu plantilla de Blogger el siguiente código (ela anchura de la imagen es 550 píxeles y la altura 200 píxeles, modifícalos a tu gusto):

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[

/* ------------------------------------------------------------------------
s3Slider

Developped By: Boban Karišik -> http://www.serie3.info/
CSS Help: Mészáros Róbert -> http://www.perspectived.com/
Version: 1.0

Copyright: Feel free to redistribute the script/modify it, as
long as you leave my infos at the top.
-------------------------------------------------------------------------- */

(function($){

$.fn.s3Slider = function(vars) {

var element = this;
var timeOut = (vars.timeOut != undefined) ? vars.timeOut : 4000;
var current = null;
var timeOutFn = null;
var faderStat = true;
var mOver = false;
var items = $("#" + element[0].id + "Content ." + element[0].id + "Image");
var itemsSpan = $("#" + element[0].id + "Content ." + element[0].id + "Image span");

items.each(function(i) {

$(items[i]).mouseover(function() {
mOver = true;
});

$(items[i]).mouseout(function() {
mOver = false;
fadeElement(true);
});

});

var fadeElement = function(isMouseOut) {
var thisTimeOut = (isMouseOut) ? (timeOut/2) : timeOut;
thisTimeOut = (faderStat) ? 10 : thisTimeOut;
if(items.length > 0) {
timeOutFn = setTimeout(makeSlider, thisTimeOut);
} else {
console.log("Poof..");
}
}

var makeSlider = function() {
current = (current != null) ? current : items[(items.length-1)];
var currNo = jQuery.inArray(current, items) + 1
currNo = (currNo == items.length) ? 0 : (currNo - 1);
var newMargin = $(element).width() * currNo;
if(faderStat == true) {
if(!mOver) {
$(items[currNo]).fadeIn((timeOut/6), function() {
if($(itemsSpan[currNo]).css('bottom') == 0) {
$(itemsSpan[currNo]).slideUp((timeOut/6), function() {
faderStat = false;
current = items[currNo];
if(!mOver) {
fadeElement(false);
}
});
} else {
$(itemsSpan[currNo]).slideDown((timeOut/6), function() {
faderStat = false;
current = items[currNo];
if(!mOver) {
fadeElement(false);
}
});
}
});
}
} else {
if(!mOver) {
if($(itemsSpan[currNo]).css('bottom') == 0) {
$(itemsSpan[currNo]).slideDown((timeOut/6), function() {
$(items[currNo]).fadeOut((timeOut/6), function() {
faderStat = true;
current = items[(currNo+1)];
if(!mOver) {
fadeElement(false);
}
});
});
} else {
$(itemsSpan[currNo]).slideUp((timeOut/6), function() {
$(items[currNo]).fadeOut((timeOut/6), function() {
faderStat = true;
current = items[(currNo+1)];
if(!mOver) {
fadeElement(false);
}
});
});
}
}
}
}

makeSlider();

};

})(jQuery);

//]]>
</script>
<script type='text/javascript'>
$(document).ready(function() {
$('#s3slider').s3Slider({
timeOut: 4000
});
});
</script>
<style type='text/css'>
#s3slider {
background:#000000;
border:1px solid #818e8f;
width: 550px;
height: 200px;
position: relative;
overflow: hidden;
}
#s3sliderContent {
width: 550px;
position: absolute;
top:0px;
padding: 0px;
margin: 0px;
}
.s3sliderImage {
float: left;
position: relative;
display: none;
}
.s3sliderImage span {
position: absolute;
left: 0;
font: 20px Trebuchet MS, sans-serif;
padding: 10px 0px;
width: 550px;
background-color: #000;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
color: #fff;
display: none;
bottom: 0;
text-align:center;
}
.clear {
clear: both;
}
</style>
NOTE : To change the speed of slideshow, change the value 4000.

4.Save your template.

Con el anterior código hemos cargado en nuestra plantilla de Blogger (edición HTML) la biblioteca de JQuery, así como el código necesario para mostrar correctamente las imágenes que en el segunfdio paso vamos a añadir a nuestro slider. Para ello, crearemos una nueva entrada en Blogger y subiremos las imágenes que vayamos a utilizar en nuestro slider. Luego guardaremos la entrada como borrador y ya las tendremos subidas a nuestro espacio de Blogger reservado.

2) Ve a Diseño y añade un nuevo gadget o ‘artilugio’ en HTML/javaScritp con el siguiente código (recuerda que hemos elegido una anchura y altura de imagen determinadas: 550 y 200 píxeles, respectivamente):

<li class="s3sliderImage"><a href="TU-ENLACE-AQUI-1"><img style="width:550px;height:200px;" src="DIRECCION-ABSOLUTA-IMAGEN-1" /><span>Halo 3 : Play Game Online</span></a></li>

<li class="s3sliderImage"><a href="TU-ENLACE-AQUI-2"><img style="width:550px;height:200px;" src="DIRECCION-ABSOLUTA-DE-LA.IMAGEN-21" /><span>Avatar : Watch Movie Now !!!</span></a></li>

<li class="s3sliderImage"><a href="TU-ENLACE-AQUI-3"><img style="width:550px;height:200px;" src="DIRECCION-ABSOLUTA-IMAGEN-32" /><span>Call Of Duty 4 : Get Here</span></a></li>

<li class="s3sliderImage"></li>
</ul>
</div>

<div class='clear'></div>

Así, tendremos en la ubicación elegida un slider con 3 imágenes cada una de ellas enlazada a una URL o dirección web distinta.

Y si quieres un generador de script de Slider con Nivo Slider, visita esta página: http://www.way2blogging.org/widget-generators/nivo-slider-script-generator (es la que yo he utilizado y funciona perfectamente).

De todfas formas, os mostraré el proceso con capturas de pantalla. En breve, que ahora voy liadillo… Aunque realmente lo mejor para aprender es experimentar y equivocarse un poco, ¿verdad? Hasta pronto!