Crea versión para moviles y redireciona a los iPhones en blogger

Este es un post como invitado de sacul95, blogger de Thelukasweb, blog que trata de programas,  dispositivos móviles, tutoriales, juegos, trucos para PC, internet.

Buscando por la red una solución para crear una versión móvil de mí blog encontré una de las miles de herramientas que hay para crear una versión móvil de nuestra web, pero esta me pareció la más sencilla. Enlace aquí.

Se llama Mippin.com y es muy fácil de utilizar pero cuando quieres redirecionar a los móviles automáticamente hasta ella llega el problema. Yo he encontrado una solución a medias: He conseguido redireccionar solo a los iPhones y iPod touchs con este sencillo script: (editar lo rojo)

<script language='javascript' type='text/javascript'>
var b2i_u = &#39;1213&#39;;
var b2i_b = &#39;714&#39;;
</script>
<script language='javascript' src='Enlace al archivo .js' type='text/javascript'/>

Se coloca antes de la etiqueta </head> y sirve para que cuando nos conectemos desde el iPhone nos salga un mensaje que nos pregunta si queremos acceder a la versión móvil pero para ello hay que editar este javascript y >almacenarlo en un servidor (yo tengo Ripway.com que está bastante bien):

var agent = navigator.userAgent.toLowerCase();

function closeB2i_msg(){
document.getElementById('b2i_msg').style.display = 'none';
}

var iphone = (agent.indexOf('iphone')!=-1);
if(iphone){
var thecss = '<meta name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/><style type="text/css">#b2i_msg{width:287px;height:141px;background-image:url(http://blog2iphone.com/images/msgbox.png);background-repeat:no-repeat;margin:0px auto;position:fixed; top:17px; left:95px;} #b2i_msg .question{font-family:helvetica;font-size:18px;color:#FFFFFF;padding-left:23px;padding-top:30px;padding-bottom:8px;} #b2i_msg .sub{font-family:arial;font-size:15px;color:#FFFFFF;padding-left:24px;padding-bottom:22px;} #b2i_msg a.cancel{margin-left:13px;padding-top:12px;width:127px;height:31px;font-family:helvetica;font-size:19px;text-align:center;color:#FFFFFF;float:left;display:block;clear:left;text-decoration:none;} #b2i_msg a.ok{margin-left:8px;padding-top:12px;width:127px;height:31px;font-family:helvetica;font-size:19px;text-align:center;color:#FFFFFF;float:left;display:block;clear:right;text-decoration:none;}</style>';
document.write(thecss);
b2i_msg = document.createElement('div');
b2i_msg.id = 'b2i_msg';
b2i_msg.innerHTML = '<div class="question">Título de nuestra Web/Blog</div><div class="sub">Mensaje a mostrar</div><a href="javascript:;" onclick="javascript:closeB2i_msg();" class="cancel">Respuesta negativa</a><a href="Enlace de la versión móvil" class="ok">Respuesta positiva</a>';
window.onload = function(){
document.body.appendChild(b2i_msg);
}
}

Aquí el ejemplo de mi web:

P.D.: La solución para redireccionar a los móviles normales que hay en mi blog es poner un enlace y ya está, un poco básica pero de momento...