Como Instalar Internet Explorer IE en Linux: Ubuntu, Debian, etc.

En algunas ocasiones deberemos emplear el navegador IE en nuestro Linux. Ya sea porque nos dedicamos al diseño web y necesitamos ver cómo queda nuestra página sobre dicho navegador o porque cierta aplicación está diseñada únicamente para el programa de Microsoft.

Un ejemplo de esto último podría ser, lo digo por mis compañeros docentes de Galicia, la aplicación Xade, que en el afán de la Xunta de promoción del software libre en la educación, todavía no ha contemplado su funcionamiento en firefox (ni en ningún otro navegador que no sea IE).

Para facilitar la instalación del mismo, lo único que vamos a hacer es instalar la última versión disponible de wine (recordar que es un entorno en el que se sustituyen librerías comerciales por otras libres, es decir, no se virtualiza nada, sino que se han codificado las dll necesarías con lo que el rendimiento es similar a las originales).

Una vez hecho esto, bajaremos un script que nos ayudará en la tarea de instalación del programa IE, que lo que hará será bajar el programa de la página oficial de microsoft e instalarlo.

Instalación de Wine.

Esta aplicación puede funcionar en cualquier distribución de Linux, pero en este artículo trataré la instalación de la misma en Ubuntu 8.04.

Lo primero que haremos será añadir los repositorios para nuestra versión de Ubuntu.Si se quisiera realizar la instalación en cualquier otra versión podría consultar los repositorios en el siguiente enlace.

En primer lugar, abra una ventana de terminal (Aplicaciones-> Accesorios-> Terminal). Entonces añada la clave de repositorio a su sistema APT de lista de claves de confianza por copia y pegue el texto siguiente:

wget -q http://wine.budgetdedicated.com/apt/387EE263.gpg -O- | sudo apt-key add -

A continuación, añada el repositorio al sistema de listado de fuentes APT:
Para Ubuntu Hardy (8.04):

sudo wget http://wine.budgetdedicated.com/apt/sources.list.d/hardy.list -O /etc/apt/sources.list.d/winehq.list

Luego actualice el paquete de información de APT ejecutando

$ sudo apt-get update

…e instalamos Wine y un extractor que usa Windows:

$ sudo apt-get install wine cabextractl

Eso es todo lo que necesitamos de base para el script y la ejecución de IE
.
Instalación de IE en Linux
Ahora necesitamos el script que os comentaba que realizará la descarga del navegador y lo que necesitamos de forma automática. Para ello descargaros este archivo, lo descomprimís y ejecutáis el fichero “ies4linux“. Si queréis hacerlo todo por consola, estos serían los pasos:

$ wget http://www.tatanka.com.br/ies4linux/downloads/ies4linux-latest.tar.gz $ tar zxvf ies4linux-latest.tar.gz $ cd ies4linux-* $ ./ies4linux

Se os abrirá un instalador como este:

Como podéis ver, en él podéis configurar la o las versiones que queréis instalar, el idioma, si queréis el plugin para flash y los accesos directos. Pero antes de darle a “Aceptar” vayamos a la configuración avanzada. Pulsemos sobre el botón “Advanced” y se nos mostrará lo siguiente.

Aquí podemos definir las rutas de instalación, el acceso directo del ejecutable, las descargas que necesitará para funcionar y las “flags“. Personalmente sólo cambié la ruta del ejecutable pues tengo una carpeta para otros programas instalados en mi home. La podéis ver en la captura. Sin embargo podéis dejar la que esté por defecto o poner otra.
En la parte inferior de la imagen podéis ver el soporte para IE7 en fase beta tal y como os dije. Podéis habilitarlo o dejarlo deshabilitado según lo que queráis. Visto esto, pulsamos sobre “Aceptar” y de nuevo saldrá la primera captura. Volvemos a pulsar “Aceptar” y comenzará el proceso de descarga e instalación de Internet Explorer.
Importante: Es probable que a más de uno se le cierre el instalador él sólo. Si os sucede, simplemente volved a ejecutarlo (volviendo a cambiar las rutas que hayáis cambiado) hasta que se instale finalmente.
Durante la instalación nos informará de todo el proceso debidamente y nos dirá cómo podemos ejecutarlo:

Con ésto ya estaría todo listo para ejecutarse.
Si ejecutamos:

/home/profe/bin/ie6

nos aparecerá la siguiente pantalla:



Esta captura es meramente demostrativa en la que se ve IE en mi escritorio:

En cualquier caso, usad siempre que podáis un navegador libre
CopyPasteandoLink

Cómo mostrar la foto del autor del comentario en la página principal de Blogger

 

1. Ir a diseño de la plantilla, luego a Edición de HTML y clic en Expandir plantillas de artilugios, buscar lo siguiente:
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>

2. Agregar lo siguiente (lo que está con color azul) después de:
<b:loop values='data:post.comments' var='comment'>

<div style="clear:both">

<dt style="float:left;margin-right:5px;clear:both;" expr:id='"commentphoto" + data:comment.id'>

</dt>

<b:if cond='data:comment.authorUrl'>

<script type="text/javascript">

if(typeof(commentPhotoIds) == 'undefined') var commentPhotoIds = []; commentPhotoIds.push({'id':'commentphoto<data:comment.id/>', 'url':'<data:comment.authorUrl/>'});

</script>

<b:else/>

<script type="text/javascript"> if(typeof(commentPhotoIds) == 'undefined') var commentPhotoIds = []; commentPhotoIds.push({'id':'commentphoto<data:comment.id/>', 'url':''});

</script>

</b:if>

<dt class='comment-author' expr:id='"comment-" + data:comment.id'>

<a expr:name='"comment-" + data:comment.id'/>

<b:if cond='data:comment.authorUrl'>

<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>

<b:else/>

<data:comment.author/>

</b:if>

<data:commentPostedByMsg/>

</dt>

<b:if cond='data:comment.author == data:post.author'>

<dd class='comment-body-author'>

<p></p>

</dd>

<b:else/>

<dd class='comment-body'>

<b:if cond='data:comment.isDeleted'>

<span class='deleted-comment'><data:comment.body/></span>

<b:else/>

<p><data:comment.body/></p>

</b:if>

</dd>

</b:if>

<dd class='comment-footer'>

<span class='comment-timestamp'>

<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>

<data:comment.timestamp/>

</a>

<b:include data='comment' name='commentDeleteIcon'/>

</span>

</dd>

</div>

</b:loop>

</dl>

Explicación:
<div style="clear:both">
<dt style="float:left;margin-right:5px;clear:both;" expr:id='"commentphoto" + data:comment.id'>
- En float, puedes cambiarlo de posición, sea left (izquierda) o right (derecha).
- En margin, ver aquí.

3. Pegar lo siguiente antes de: </body> (esto se encuentra al final de la plantilla)

<script type='text/javascript'>

//<![CDATA[

function commentPhotoDo() {

var tag;

for(var i = 0; i < commentPhotoIds.length; i++) {

tag = document.createElement('script');

tag.type = 'text/javascript';

tag.src = 'http://scrape.singpolyma.net/avatar.php?maxwidth=70&url='+encodeURIComponent(commentPhotoIds[i].url)+'&id='+encodeURIComponent(commentPhotoIds[i].id)+'&defaultimage='+encodeURIComponent('http://img139.imageshack.us/img139/1011/defaultavatarad7.png');

document.body.appendChild(tag);

}//end for var i in commentPhotoIds

}//end function commentPhotoDo

if(typeof(commentPhotoIds) != "undefined") commentPhotoDo();

//]]>

</script>

* Agregar tu propia imagen en donde dice: &defaultimage='+encodeURIComponent('http://aquí-la-dirección-de-tú-imagen'), porque algunos no agregan su foto y aparecerá una imagen como un anónimo(?), pero si están registrados en Blogger (con-enlace).
En el caso del anónimo aparecerá simplemente la imagen que ustedes han puesto.
- Con respecto a la imagen tiene que ser de ancho 60px por 45px de alto aproximadamente.
** px.- pixeles

4. Finalmente, guardamos los cambios.

Paginación en Comentarios de Blogger

No hace mucho un lector del blog me preguntaba si conocía alguna manera para hacer que los comentarios aparecieran en varias páginas, ya que su problema era que tenía demasiados comentarios en algunas entradas y la página se alargaba demasiado.

Mi respuesta fue que si estaba usando el antiguo formulario de comentarios, no había problema, ya que una vez superados los 200 comentarios en una entrada, Blogger añade la paginación de los mismos en el formulario:


















Por supuesto el problema era que no quería prescindir del nuevo formulario de comentarios por lo que le contesté que con este sistema de comentarios no era posible su paginación.

Anoche creando un nuevo blog para unas pruebas, me di cuenta de un código que aparecía en la nueva plantilla y que yo al menos, no había visto hasta entonces:

Supuse que era para posibilitar la paginación de los comentarios aún usando el nuevo formulario para comentar, pero me era imposible comprobarlo ya que en ese blog no tenía ningún comentario.

Como prácticamente sucede con todos los nuevos servicios que Blogger nos ha ido proporcionando, el código no aparece en las plantillas antiguas, así que decidí copiarlo y colocarlo en la plantilla del Escaparate en la misma posición en que aparecía en la plantilla de pruebas (imagen de arriba).

Una vez guardados los cambios sin problemas, ya solo me restaba examinar alguna de las entradas con gran número de comentarios y efectivamente ahí estaba:

Como podéis comprobar es a partir de los 200 comentarios lo que a mi personalmente me parecen demasiados, pero tratándose de mejorar cualquier aspecto del blog ¡menos es nada!

Compartir Enlace

Imagen en la cabecera con enlace a otra página en Blogger

Me han preguntado varias veces como añadir una imagen en la cabecera del blog cuyo enlace lleve a otra página.

Esto que puede parecer raro, tiene una explicación muy sencilla, pues hay algunas personas que tienen un blog o más dependientes de otro principal y lo que quieren es usar el header de los secundarios como enlace al principal.

[1] En nuestro panel de Blogger vamos a "Edición HTML" y localizamos el código que corresponde a la cabecera de la plantilla:

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Mi blog (cabecera)' type='Header'/>
</b:section>
</div>

[2] Vamos a eliminar ahora el gadget "Header" que vemos desde diseño desde donde subimos la imagen de cabecera al blog y lo sustituiremos por un gadget HTMLJavascrip.
El código anterior debe de quedarnos así:

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='HTML90' locked='false' title='' type='HTML'/>
</b:section>
</div>

[3] Si la cabecera tiene bordes añadidos (como es el caso de la Mínima) y queremos anularlos, localizamos este código más arriba, en la parte del CSS:

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

En las dos líneas que están resaltadas en negrita, dejamos el valor del borde en 0px o directamente borramos las dos líneas por completo.

[4] Guardamos los cambios y Blogger nos mostrará este mensaje de advertencia:

Pinchamos en "confirmar y guardar" y nos dirigimos a la parte de "Edición" de nuestro panel, donde tendremos que ver ahora el gadget HTML en el lugar que antes ocupaba el elemento de la cabecera:

 

[5] Por último pinchamos en ese gadget en "Editar" y pegamos este código dentro:

<a href='aquí-la-url-de-la-página-a-enlazar'>
<img border="0" height="196" src="aquí-la-url-de-la-imagen-de-cabecera" width="760"/></a>

En width colocamos el ancho de la imagen en pixeles y en height el alto.

Compartir Enlace

Como poner una barra fija en el pie de un blog de Blogger

Podría usarse para anunciar o destacar cualquier cosa que necesitemos ante nuestras visitas.

En este ejemplo colocaremos un mensaje animando a suscribirse al feed, que se mostrará sobre la parte inferior del blog y permanecerá fijo aun cuando hagamos scroll, pero que tendrá la posibilidad de ocultarse con un simple click.

[1] Una vez logueados en nuestro panel de Blogger, nos situamos en la pestaña de "Edición Html" y localizamos dentro del código (sin expandir artilugios) la etiqueta: ]]></b:skin> y justo sobre ella, pegamos este código CSS:

#ftr_bar {
background:#166D80;
border-top: 3px solid #69A7B4;
margin: 0;
padding: 7px 0;
z-index: 100;
bottom:0px;
right:0px;
width: 100%;
overflow: auto;
position: fixed;
}
#ftr_bar .left {
float: left;
text-align: center;
font-family: Arial;
font-size: 13px;
font-weight: bold;
font-style: normal;
color: #fff;
width:92%;
}
#ftr_bar .right {
float: right;
text-align: center;
width: 30px;
}
#left_bar a {
background: url(http://img440.imageshack.us/img440/4518/icorsstransthumb1ea9.png) no-repeat;
text-decoration: none;
color: #fff;
padding:5px 0px 5px 30px;
}
#left_bar a:hover {
text-decoration: underline;
color: #fff;
}

[2] Algo más abajo veremos la etiqueta </head> justo antes de esta, colocamos este script:

<script type='text/javascript'>
//<![CDATA[
var ftr_arr = new Array();
var ftr_clear = new Array();
function ftrFloat(ftr) {
ftr_arr[ftr_arr.length] = this;
var ftrpointer = eval(ftr_arr.length-1);
this.pagetop = 0;
this.cmode = (document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body;
this.ftrsrc = document.all? document.all[ftr] : document.getElementById(ftr);
this.ftrsrc.height = this.ftrsrc.offsetHeight;
this.ftrheight = this.cmode.clientHeight;
this.ftroffset = ftrGetOffsetY(ftr_arr[ftrpointer]);
var ftrbar = 'ftr_clear['+ftrpointer+'] = setInterval("ftrFloatInit(ftr_arr['+ftrpointer+'])",1);';
ftrbar = ftrbar;
eval(ftrbar);
}

function ftrGetOffsetY(ftr) {
var ftrTotOffset = parseInt(ftr.mtasrc.offsetTop);
var parentOffset = ftr.ftrsrc.offsetParent;
while ( parentOffset != null ) {
ftrTotOffset += parentOffset.offsetTop;
parentOffset = parentOffset.offsetParent;
}
return ftrTotOffset;
}
function ftrFloatInit(ftr) {
ftr.pagetop = ftr.cmode.scrollTop;
ftr.ftrsrc.style.top = ftr.pagetop - ftr.mtaoffset + "px";
}
function closeTopAds() {
document.getElementById("ftr_bar").style.visibility = "hidden";
}
//]]>

</script>

[3] Al final prácticamente del código de la plantilla, veremos la etiqueta </body> y justo sobre ella pegaremos este código:

<div id='ftr_bar'>
<div id='left_bar'><span class='left'><a href='http://feeds.feedburner.com/blogspot/hnBy' target='_blank'>Suscribete y recibe lo ultimo del Escaparate</a></span></div>
<span class='right' onmouseout='self.status=&apos;&apos;' onmouseover='self.status=&apos;elescaparatederosa.blogspot.com&apos;;return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='http://img229.imageshack.us/img229/1809/closethumb1zd4.png' style='cursor:hand;cursor:pointer;'/></span>
</div>

Modificaciones:
En el paso [1] podemos cambiar el color de fondo de la barra y el color y anchura del borde:

#ftr_bar {
background:#166D80;  [Color de fondo aquí]
border-top: 3px solid #69A7B4; [Color y anchura del borde superior de la barra]

Así como la imagen del icono de rss, sustituyendo la url por la de el nuevo icono:

#left_bar a {
background: url(http://img440.imageshack.us/img440/4518/icorsstransthumb1ea9.png)

En el paso [3] cambiamos la url del feed que en el ejemplo es la de mi blog (en color naranja), por la del blog donde vamos a colocar la barra; y el texto (destacado en verde) por el que queramos mostrar.
La url destacada en azul es la del icono de cierre, también puede cambiarse por la de nuestro propio icono.


Compartir Enlace

Como mostrar la fecha en todas las entradas de Blogger

En Blogger cuando se publica más de una entrada el mismo día, solo la última publicada mostrará la fecha, en las demás el espacio que debería ocupar la fecha, se mostrará vacío.

Usando javascript podemos hacer que todas las entradas publicadas un mismo día, muestren la fecha correspondiente.

[1] Desde "edición html" localizamos esta parte del código de la plantilla con "la plantilla de artilugios expandida":

<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>

[2] Sustituimos ese código anterior por este otro:

<b:if cond='data:post.dateHeader'>
<script>var ultimaFecha = '<data:post.dateHeader/>';</script>
<h2 class='date-header'><data:post.dateHeader/></h2>
<b:else/>
<h2 class='date-header'>
<script>document.write(ultimaFecha);</script>
</h2>
</b:if>

Compartir Enlace

Como Crear un Cuadro de Encuesta en el blog

He encontrado unos sitios interesantes donde puedes hacer una encusta y pegarla en tu blog.

Aquí puedes confeccionar cuadros para encuestas.
Puedes configurarla como necesites. Solo sigue los pasos que te indican en la pagina y copia el código. No requiere registro, podes ir viendo la vista previa que genera para que veas como te quedará el cuadro de la encuesta y al finalizar de digitar la preguntas y las posibles respuestas, les das click a Get Poll Code.
La direccion es:
http://pollcode.com/

Otro lugar muy bueno tambien es:
http://www.blogpoll.com/

Compartir Enlace

Como quitar las Lineas del Header (Encabezado)

Viendo la necesidad de comprimir las imagenes del blog a fin de aliger la carga del blog, hoy veremos un aspecto del encabezado: los bordes o líneas que lo enmarcan.

Muchas veces cuando colocamos una imagen se observa fuera de lugar, es decir, sin ajustarse al mismo, al no tener las dimensiones del header, quedando estéticamente mal. Entonces, en vez de ser un complemento pasa a ser un estorbo visual.


Lo aconsejable es...quitar las líneas.

Se preguntaran, ¿Cómo hacerlo?

1. Abren el blog en la sección DISEÑO
2. Luego van a Edición HTML.
3. Buscan esta parte, cerca del comienzo, ya que se trata del Header o encabezado. Van a encontrar el valor del borde en 1 ó 2 px. Ustedes lo cambian por 0 (cero). (A veces son una o dos líneas... En este caso son 2.) Con border :0 no se verán.

Header--------------------

*/

#header-wrapper {

width:720px;

margin:0 auto 10px;

border:0px solid $bordercolor;

}

#header-inner {

background-position: center;

margin-left: auto;

margin-right: auto;

}

#header {

margin: 5px;

border: 0px solid $bordercolor;

text-align: center;

color:$pagetitlecolor;
}

De lo contrario, si le quieren dar más fuerza al marco, colocarán 5 ó 6 px. Un truco sencillo y muy útil, se los recomiendo cuando insertan imagenes en el header o encabezado.

Compartir Enlace

Como poner ultimos comentarios en Blogger

La primera consiste en añadir un nuevo elemento de página de tipo feed tal que así:

http://NombredetuBlog.blogspot.com/feeds/comments/default

Tiene algunas desventajas y ventaja, como por ejemplo que solamente puedes mostrar 5 comentarios como máximo por pantalla, además de que al ser un feed no siempre se recarga y tarda muchos en actualizarse y la ventaja es para los que no saben mucho de este mundo y estan empezando les resultará mas comodo hacer ese sencillo widget.

La segunda, mucho más recomendada aunque un poco más difícil aunque para los que sabemos un poco no mucho, este truco lo pueden ver en trucos blogger donde saque este maravilloso truco, los pasos a seguir son:

1. Nos dirigimos a Plantilla - Edicion de HTML y justo Antes del añadimos el siguiente codigo:
 

<script src='http://leonelhack.googlepages.com/leonelhack.js' type='text/javascript'></script>

2. Nos dirigimos a Plantilla - Elementos de la pagina - Añadir un elemento de pagina - HTML/JavaScript y Añadimos el siguiente codigo:

<br/><script language="javascript">

var numcomments = 10;

var numchars = 45;

</script>

<script src="http://elnombredetublog.blogspot.com/feeds/comments/default?start-index=2&

alt=json-in-script&callback=commentDisplay"></script>

Ahora solo queda guardar cambios y listo, tambien podemos modificar el numero 10 que es el que indica el numero de comentarios, y el numero 45 que indica el numero de palabras para cada comentario, y tienes que cambiar la url a la de tu blog.

Les recomiendo que el archivo javascript lo alojen en su blog, cualquier duda dejenme un comentario.

Compartir Enlace

Como agregar Redes Sociales en Blogger

Aquí les dejo la forma en la que yo lo he hecho, y me funciona perfectamente. Pueden ver como queda al final de cada post individual. No hay que decir que es para la versión nueva de blogger, para la anterior sería diferente.

Primero tenéis que buscar el siguiente código en la plantilla (pulsar antes Expandir plantillas de artilugios):

<p class='post-footer-line post-footer-line-3'/>

Aunque algunas plantillas no tienen ese codigo, entonces puedes buscar el siguiente codigo:

<p class='post-footer-line post-footer-line-1'/>

Una vez encontrado deberéis pegar justo antes de ese código lo siguiente:

Compártelo: <a title="Menéame" expr:href='"http://meneame.net/submit.php?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img src='http://img181.imageshack.us/img181/3083/meneamehm7.gif'/></a>

<a title="Technorati" expr:href='"http://www.technorati.com/search/"

+ data:post.url' target='_blank'><img src='http://img45.imageshack.us/img45/5606/technoratiiy1.gif'/></a>

<a title="Del.icio.us" expr:href='"http://del.icio.us/post?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img src='http://img50.imageshack.us/img50/9913/deliciogl4.gif'/></a>

<a title="DiggIt!" expr:href='"http://digg.com/submit?phase=2&amp;url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img src='http://img50.imageshack.us/img50/300/diggjf4.gif'/></a>

<a title="Yahoo!" expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?url" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img src='http://img50.imageshack.us/img50/163/yahooab9.gif'/></a>

<a title="Fresqui" expr:href='"http://tec.fresqui.com/post?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img src='http://img45.imageshack.us/img45/5397/fresquisr8.gif'/></a>

<a title="PromotingBlogs" expr:href='"http://promotingblogs.com/submit.php?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img src='http://img261.imageshack.us/img261/5318/pb16x16it8.png'/></a>

Ahí están yo creo las 6 redes principales: Menéame, Technorati, Del.icio.us, Digg, Yahoo! y Fresqui. Poner otra no sería muy difícil, sólo tendríais que cambiar la dirección y la imagen, yo he puesto una mas que es promotion blogs.

Cómo instalar Centos en VMware

Siguiendo los consejos de un compañero, y por eso de al menos darle una oportunidad, he instalado estos días una versión de centos por aquello de probar una distribución que según los entendidos es probablemente la mejor (a mi me sigue encantando Debian) para servidores.

Evidentemente la he instalado en un máquina virtual, en este caso basada en VMware (da igual Server, Workstation o Player) para hacer las pruebas de rigor intentando no destrozar lo ya montado.

Al realizar la instalación comprobaréis que no aparece la posibilidad de seleccionar los drivers para la gráfica de VMware, por lo que al finalizar la instalación tendréis un bonito arranque en modo consola de comandos.

Como supongo que os sucederá lo que a mi, que no podemos dejar de añorar nuestro ratón y las ventanas en nuestro escritorio, os comento a continuación cómo instalar las VMware tools para que nuestro deseo se convierta en una realidad.

Instalación de VMware Tools en Centos

En primer lugar debemos asegurarnos de tener las cabeceras del kernel y compiladores para C:

# yum install gcc gcc-c++ kernel-devel

Creamos un enlace al directorio de los ficheros de cabeceras del kernel:

# ln -s /usr/src/kernels/[your kernel version] /usr/src/linux

Desde el menú de VMware pulsamos en “VM => Install VMware Tools…”., lo que conectará un cdrom virtual con los ficheros de instalación de las VMware tools. Nada más pulsarlo debería montar automáticamente el cdrom en cuyo caso podemos omitir las dos primeras líneas del siguiente procedimiento, sino lo hiciera, el proceso completo sería:

# mkdir /mnt/cdrom # mount /dev/cdrom /mnt/cdrom # cd /mnt/cdrom # cp VMwareTools-[version].tar.gz /tmp # cd /tmp # umount /mnt/cdrom # tar zxf VMwareTools-[version].tar.gz # cd /tmp/vmware-tools-distrib # ./vmware-install.pl

Podemos dejar los parámetros por defecto, simplemente pulsando Enter hasta el final.
Cuando finalice el proceso reinicia la máquina y tendrás un nuevo servidor web virtual en funcionamiento; también puedes optar por teclear

# startx

y echarle un vistazo a su austero interfaz, que por otra parte también puedes contemplar en la imagen de cabecera de este artículo.


CopyPasteandoLink

Agregar el codigo: Agregar a Favoritos eb Blogger o en cualquier blog

El siguiente codigo es para agregar un Widget en el blog que diga: Agregar a Favoritos, me imagino que muchos ya lo han visto en varios blog, este sirve solo para Internet Explorer, por lo menos yo lo he probado en Explorer.

Se van a "Diseño"
Luego a "agregar Widget"
Ponen el siguiente codigo, y lo editan poniendo la direccion de su blog y su titulo, lo que he puesto en colo rojo es lo que pueden y deben de editar.

<script language=”JavaScript”>

function agregar(){

if ((navigator.appName==”Microsoft Internet Explorer”) && (parseInt(navigator.appVersion)>=4)) {

var url=”URL DE TU BLOG”;

var titulo=”TITULO DEL BLOG Y APARECERA EN FAVORITOS DEL LECTOR”;

window.external.AddFavorite(url,titulo);

}

else {

if(navigator.appName == “Netscape”)

alert (”Presione Crtl+D para agregar este blog en sus Marcadores”);

}

}

</script>

<br/>

<input value=”Agregar a favoritos”

Y por ultimo colocan el Widget donde mas les guste. Y listo

Compartir Enlace

Rentabilizar las visitas que llegan en Blogger por Imagenes

Como todo buen Blogger sabemos que gran parte de las visitas que llegan a nuestros blog es por las imagenes que tenemos en el mismo. Con el siguiente codigo el recuadro de busqueda de imagenes que siempre aparece arriba, desaparecera. Parece muy util, yo no lo he probado todavia.

Colocarlo en el head de tu plantilla, este es el codigo:

<script language=’javascript’ type=’text/javascript’> if(self!=parent)parent.location.href=self.location.href; </script>

Espero les sea de mucha utilidad.


Compartir Enlace

Cómo instalar kde 4 en Ubuntu 8.10 intrepid

Como los que le hayan echado algún que otro vistazo a esta página ya sabrán, hasta ahora el escritorio que usaba habitualmente en ubuntu era gnome. Digo era porque hace un par de semanas Carolina (compañera de trabajo) mandó un correo con una captura de pantalla de la versión 4 de kde funcionando y las instrucciones para instalarlo (que además os copio a continuación). La verdad es que aún así continúe fiel a "mi" gnome,... hasta verlo "en acción".

La semana pasada vi como iba en su portátil y como consecuencia de ello os copio las instrucciones para instalarlo:

1. añadir en el /etc/apt/sources.list los repositorios:

deb http://ppa.launchpad.net/kubuntu-members-kde4/ubuntu intrepid main
deb-src http://ppa.launchpad.net/kubuntu-members-kde4/ubuntu intrepid main

2. Instalar el paquete kubuntu-kde4-desktop
(haciendo antes apt-get upgrade, para actualizar las listas de paquetes)

3. Durante la instalación saltará un menú para elegir entre gdm y kdm los gestores de login de gnome y kde respectivamente. Yo le dejé gdm pero eso ya, al gusto de cada uno.

4. Al reiniciar, cuando nos pide el usuario y el password vamos a sesión(en la esquina inferior izquierda) y seleccionamos kde.

5. Al iniciar la sesión ya entramos en nuestra flamante kde4 ;)

** Nota: la configución de los plasmoides del escritorio no se guarda hasta cerrar la sesión, por lo que si se nos apaga inesperadamente el ordenador, y no la hemos salvado, se nos pondrán todos los widgets la amontonados en la esquina superior (lo que es una jodienda). La forma de evitar esto es forzar que guarde la configuración ejecutando en un terminal :

kquitapp plasma && plasma


CopyPasteandoLink

Manual de clonezilla: creación de imágenes del disco duro

Como algunos ya sabréis, clonezilla es un programa que nos permite crear imágenes de nuestro disco duro, de modo que después podamos volcarlas en el mismo equipo (a modo de copia de seguridad del sistema) o en otro con iguales características (para tener varios equipos instalados con el mismo software).

Es un sistema muy usado cuando queremos, por ejemplo, instalar el mismo software en una sala de ordenadores de iguales o similares características. Pensemos en un aula de informática de un instituto; la idea sería instalar todos los sistemas operativos y software que queramos en un equipo, para después poder replicarlo en el resto de equipos del aula.

Existe numeroso software para realizar esta tarea, desde alguno comercial como Norton ghost, a otros programas libres como g4l -ghost for linux- (del cuál tenéis múltiples manuales en el enlace anterior) y el que hoy nos ocupa clonezilla (tras las pruebas que hemos hecho el más rápido y completo de todos).

Por supuesto podremos subir la imagen (es un fichero resultado de comprimir todo el software qaue hayamos instalado en un equipo y que después llevaremos al resto para replicar todas las instalaciones) de múltiples maneras: a un disco usb externo, a otro disco duro, a un servidor nfs, a un servidor samba (o una carpeta compartida de windows), a un servidor ssh,...; para iniciar la instalación también tenemos múltiples maneras: desde un cd, desde un usb, arrancando desde la red mediante un servidor drbl.

En este post en concreto, voy a explicar cómo subir una imagen desde un equipo que ha sido arrancado desde una imagen de clonezilla en cd o usb a un servidor ssh para después desplegarla desde el mismo a otro equipo. El proceso es casi igual para un servidor samba o nfs.

Los únicos requisitos son tener un cd o usb de arranque con el sistema clonezilla y un servidor ssh instalado y accesible.

Seleccionamos en nuestra bios el arranque desde el cd/usb que habremos preparado previamente con clonezilla.

1. Nos aparece el menú inicial dónde seleccionamos qué tipo de interfaz preferimos:
2. Seleccionamos el idioma entre los disponibles: inglés, francés, chino,..
3. Seleccionamos el teclado: (sino vais a emplear la línea de comandos no es necesario que lo cambiéis al castellano, podéis dejar el inglés que trae por defecto).
4. Escogemos entre línea de comandos o interfaz "gráfica" : lo más sencillo es el modo gráfico
5. Seleccionamos qué tipo de imagen vamos a realizar, de disco a imagen o de disco a disco. Seleccionamos de disco a imagen.
6. Dónde vamos a subir la imagen: a un disco local, a un servidor nfs, ssh,.... Seleccionamos "ssh server"
7. Seleccionamos el modo de configurar la ip del equipo que queremos clonar. Si tenemos un servidor de DHCP en nuestra red seleccionamos "dhcp", en otro caso seleccionamos "static" y en la siguiente pantalla introduciríamos la ip que debe estar dentro del rango de ips de nuestra red. Yo selecciono "dhcp" de modo que tomará la dirección automáticamente del servidor.
8. Dirección ip del servidor ssh a dónde subiremos nuestra imagen del equipo que estamos clonando.
9. puerto en el que escuch a el servidor ssh, "22" por defecto:
10. Nombre (login) del usuario con permiso de escritura en el directorio del servidor ssh dónde vamos a subir el fichero de imagen, p.e. "root":
11. Directorio del servidor ssh en dónde grabaremos el fichero de nuestra imagen: "/imagen"
12. Nos advierte de que tendremos que introducir la contraseña del usuario previamente introducido
13. Debemos aceptar la llave del servidor ssh, para ello tecleamos "yes"
14. Introducimos la clave del usuario
15. Seleccionamos el modo que vamos a emplear: salvar la imagen de todo el disco, restaurar la imagen de todo el disco, salvar una partición, restaurar una partición,... Yo selecciono "savedisk" para subir la imagen completa de todos los discos y particiones del equipo:
16. Le damos un nombre al fichero que albergará nuestra imagen
17. Seleccionamos, de los disponibles, el disco duro del que queremos crear la imagen
18. Seleccionamos las aplicaciones con las que vamos a clonar los discos, suelo seleccionar la primera:
19. Seleccionamos algunas opciones adicionales (suelo dejar las marcadas por defecto)
20. Compresión a emplear en el fichero, suelo emplear "lzo"
21. Tamaño del fichero o ficheros que constituyen la imagen, en caso de darnos igual (no lo vamos a grabar en un cd, dvd o usb) dejaremos "0", de modo que tan sólo creará un único fichero que contendrá toda la información:
22. Qué hacer cuándo ha finalizado la clonación: no hacer nada (lo que suelo seleccionar para saber si todo ha ido bien), reiniciar el equipo ó apagarlo.
23. Última pregunta de confirmación antes de comenzar a subir la imagen respondemos "y"
24. si todo ha ido bien...

Restaurar la imagen previamente creada con clonezilla:


En este caso, lo que vamos a hacer es volcar una imagen que habremos creado con el método anterior en un nuevo equipo de iguales características (o en el mismo en caso de fallo). Para ello partiremos de la situación anterior en la que tenemos el servidor ssh funcionando y con, al menos, una imagen previamente creada.

hasta el punto 14 de la guía anterior sería exactamente igual:

15.- En este caso vamos a restaurar una imagen completa de un disco duro, por lo que seleccionamos "restoredisk"16. Seleccionamos de entre todas las imágenes disponibles en el directorio del servidor ssh aquella que queremos volcar en nuestro equipo (en este caso yo sólo dispongo de una)
17. Seleccionamos el disco duro de destino en el que vamos a volcar la imagen (en este caso sólo tengo un disco)
18. Opciones adicionales (dejo las marcadas por defecto)
19. Qué hacer con la tabla de particiones: emplear la de la imagen, redimensionar,...
20. Qué hacer cuándo ha finalizado la clonación: no hacer nada (lo que suelo seleccionar para saber si todo ha ido bien), reiniciar el equipo ó apagarlo.
21. Nos advierte de que en caso de continuar eliminaremos todos los datos de nuestro disco duro, si queremos continuar pulsamos "y".

POR SUPUESTO ESTE TUTORIAL ES MERAMENTE INFORMATIVO Y NO ME HAGO RESPONSABLE DE NINGUNA PERDIDA DE DATOS PRODUCIDA COMO CONSECUENCIA DE SU USO.

Enlaces relacionados:

Instalar y configurar un servidor drbl para cargar y volcar clonezilla mediante red: Servidor DRBL.

CopyPasteandoLink