Aprende a instalar Joomla en Byethost.com

Hola a todos. Después de muchos meses sin actualizar el blog por causas personales, vuelvo a escribir con muchas ganas. Para empezar, voy a mostraros un manual que acabo de realizar de cómo instalar Joomla en un hosting gratuito como es Byethost.com.

Espero que os sirva de ayuda, y siguiendo los pasos, no tendréis problema alguno en instalar este magnífico CMS (Sistema de gestión de contenidos)

MANUAL PARA INSTALAR JOOMLA EN BYETHOST.COM

[ad code=1 align=center]

Paso 1. Lo primero que tenemos que hacer es entrar en Byethost.com

Paso 2. Ahora vamos a crearnos la cuenta y para ello entramos en la parte de arriba que pone “NOT A MEMBER?”

Haz clic en la imagen para ampliarla

En la siguiente página vamos a rellenar los datos de lo que va a ser nuestro hosting:

Haz clic en la imagen para ampliarla

Si todo ha ido bien, nos dirán que nos han enviado un e-mail para activar la cuenta:

Haz clic en la imagen para ampliarla

Ahora ya por último, hacemos una visita a nuestro correo electrónico, y tendremos un nuevo e-mail, siemplemente lo abrís, y hacéis clic en el enlace largo que hay (en la página que se os abra, tendréis que introducir un código Captcha para verificar que sois humanos):

Haz clic en la imagen para ampliarla

Ahora que ya tenemos una cuenta registrada y hemos recibido el e-mail con los datos del hosting, vamos a proceder a la instalación de Joomla.

Paso 3. Vamos a la página http://www.joomlaspanish.org/ y  nos descargamos la versión 1.5 (he elegido esta porque es la versión estable):

Haz clic en la imagen para ampliarla

Una vez descargado, descomprimimos en una carpeta el contenido del .zip y vamos al siguiente paso.

Paso 4. Ahora vamos a proceder a subir nuestro Joomla en nuestro servidor/hosting y para ello vamos a utilizar un gestor FTP para realizarlo.

Yo os recomiendo FTP Filezilla ya que es el que yo uso, y así podéis seguir mejor el tutorial.

Ahora vamos a nuestro correo electrónico y abrimos el e-mail que nos han enviado con los datos del servidor, y nos quedamos con los FTP:

Haz clic en la imagen para ampliarla

Una vez tenemos los datos, abrimos el cliente FileZilla e insertamos los datos como muestro en la siguiente imagen y clicamos en Conexión Rápida:

Haz clic en la imagen para ampliarla

Ahora ya estamos en el interior de nuestro servidor y vamos a proceder a “subir” el Joomla que hemos descomprimido en el paso 3 al interior de la carpeta htdocs. (ÖjÖ! Hay que subir el CONTENIDO de la carpeta que hemos descomprimido y no la carpeta en si!!Es decir, tenéis que subir lo que va dentro de esta carpeta “Joomla_1.5.23-Spanish-pack_completo”) Ver imagen siguiente para mayor comprensión:

Haz clic en la imagen para ampliarla

Ahora que ya hemos subido todos los archivos del Joomla, vamos a proceder a instalarlo de manera muy sencilla.

Paso 5. Volvemos a nuestro correo electrónico donde tenemos los datos del hosting, y tenemos que ir al panel de control para crear una base de datos que posteriormente nos pedirá para la instalación. Para ello nos vamos a donde pone Cpanel URL y clicamos la dirección.

Una vez allí, ingresamos los datos con Cpanel Username y Cpanel Password (todo esto viene en el e-mail con los datos) y entraremos a nuestro panel de control:

Haz clic en la imagen para ampliarla

Una vez dentro, nos vamos a Bases de datos MySQL para crearnos una base de datos:

Haz clic en la imagen para ampliarla

Y procedemos a crear la base de datos como vemos en la siguiente imagen:

Haz clic en la imagen para ampliarla

Ahora ya estamos en posesión del nombre de la base de datos (en mi caso es b16_9244566_todosobreblogs) y del servidor SQL (en mi caso sql109.byethost16.com).

Paso 6. Comienza la instalación final!! Nos vamos a nuestra dirección donde estará alojada la web (en mi caso http://todosobreblogs.byethost16.com) y nos saldrá, si todo va bien, una cosa como esta:

Haz clic en la imagen para ampliarla

Una vez le hemos dado a Siguiente en los 3 primeros pasos, nos viene el “4- Base de datos” del que vamos a necesitar los siguientes datos; la dirección del servidor MySQL (lo hemos obtenido en el paso 5), el nombre de la base de datos (obtenido también en el paso 5) y el nombre y password de tu hosting (en mi caso b16_9244566):

Haz clic en la imagen para ampliarla

El siguiente paso, Configuración de FTP, lo dejaremos en “NO”.

Ahora ya nos queda muy poquito para tener nuestra web Online, simplemente tendremos que poner el nombre que queremos ponerle a nuestra página, la contraseña para el usuario admin, y decirle si queremos o no instalar el contenido de ejemplo (es preferible que lo instaléis si es la primera vez que usáis Joomla, así sabréis más o menos como funcionar):

Haz clic en la imagen para ampliarla

PASO FINAL. Ahora tendrás que ir al FTP a borrar la carpeta “Installation” para poder continuar y disfrutar de tu página web. Simplemente accede como en el Paso 4 en la segunda imagen, entras a la carpeta /htdocs, y ahí buscas la carpeta “Installation” y la borras. Ahora si que si, ya puedes darle a “Portada” o “Administración” para ver tu Joomla en funcionamiento.

Aquí podéis ver que después de hacer todo el manual, todo ha salido bien y he publicado una noticia (aquí tengo la página web: http://todosobreblogs.byethost16.com/)

Haz clic en la imagen para ampliarla

Espero que os sirva de ayuda el manual. Es un poco largo, pero para ir paso a paso y que todo salga bien, se tiene que hacer así.

Un saludo a todos y cualquier duda que tengáis, lo comentáis

[ad code=1 align=center]

TodosobreBlogs.com también se fija objetivos

Como cada fin de año la gente se propone una serie de objetivos para cumplir en año nuevo, como apuntarse al gimnasio, dietas, dejar de fumar (me incluyo) y muchas cosas más. Por ello, como blog también he decidido hacer una lista con unos objetivos mínimos para cumplir en este nuevo 2011 que se avecina. Si estás interesado en rellenar mi lista con manuales que necesites, o cualquier cosa, haz un comentario exponiendo tu idea.

Objetivos mínimos a cumplir en 2011:

- Posicionamiento en Blogger
- Insertar un chat en un blog
- Manual para poner publicidad netaffiliation en el blog
- Plantillas para moodle
- Plugin para administrar roles en WordPress
- Cómo instalar un live traffic feed en un blog
- Crear un foro con PHPBB2-3 en Byethost.com
- Manual para instalar Joomla en un Byethost.com
- Cómo añadir un dominio .co.cc (gratuito) en Byethost.com
- Opinión sobre el programa de afiliados Adjal
- Opinión sobre el programa de afiliados Affilinet
- Opinión sobre el programa de afiliados Public-idees
- Más plantillas para Blogger y WordPress
- Más adelante nuevos pagos de Beruby, de Sumaclicks…
- Y muchos más trucos en HTML para insertar en tu blog.

- Y proseguiré con la búsqueda de nuevos colaboradores para el blog

Si quieres añadir más objetivos a mi lista, puedes pedir que realice cualquier manual de lo que no sepas, que intentaré realizarlo cuando tenga tiempo. Sólo es cuestión de pedir y yo de dar! Así de simple.

¡¡Felices Fiestas a tod@s!!

¡¡Desde Todo sobre Blogs os deseo una feliz navidad a tod@s!! Espero que lo paséis bien, que os reunáis en familia en la medida de lo posible, que comáis y bebáis (con moderación) y sobre todo, que disfrutéis con los vuestros. ¡Felices Fiestas!

Algunas páginas donde encontrar postales navideñas:

- Correo mágico

- Regalos virtuales

- SMS de texto originales

- Feliz Navidad

Si sabes de más páginas donde alojan material navideño, ya sea postales, frases, SMS, etc, sólo tienes que comentar más abajo pegando el enlace y será añadido a la lista.

La evolución hasta el final la he seguido a través de:  RTVE.es

¡Sigamos compartiendo recursos por internet manteniendo nuestro derechos!

El 21 de diciembre sabremos si se aprobará la ley Sinde (sindemocracia), y en caso de aprobarse, miles de páginas webs de las que actualmente usamos se cerrarán para siempre y seremos unos esclavos de internet, controlados por la gente de poder. Esta ley solo quiere enriquecer a unos pocos y empobrecer a millones. Si a la libertad de expresión, no a la censura, no a la ley Sinde, ¡BASTA YA! Si estás leyendo esto, únete a la causa y si tienes un blog o web, da una explicación en un artículo sobre lo que pretenden hacer los políticos de nuestro país, España.

Visita las siguiente páginas para comprobar cómo será de aprobarse la ley (sólo hoy domingo)

http://www.seriesyonkis.com - http://www.todocvcd.com - http://www.divxtotal.com y muchas más….así serán todas. Confío en que en unos días paralicemos al país entero con manifestaciones y nos escuchen bien, ya que nos tienen que oir.

Aumenta la velocidad de carga de tus páginas

Hoy vamos a ver cómo configurar el plugin de WordPress SuperCache para aliviar la carga de nuestro blog y convertir nuestras páginas dinámicas de WordPress en estáticas en HTML guardadas en nuestro servidor. Este plugin es muy eficaz ya que la velocidad de carga de tus páginas aumenta considerablemente (el manual está creado en Byethost.com y se nota mucho)

[ad code=1 align=center]

Veamos los pasos a continuación:

Paso 1. Nos descargamos el plugin SuperCache o bien desde aquí:

Enlace de Descarga: Plugin SuperCache (427.97KB) Añadido el: 14/12/2010 Clics: 125

o bien desde la página de plugins de WordPress.

Paso 2. Instalamos el plugin, o bien por FTP o bien desde la administración de WordPress. (Si no sabes cómo instalar plugins lee éste artículo)

Haz clic en la imagen para ampliarla

Una vez instalado, nos vamos a configurar el plugin.

Paso 3. Ahora que hemos accedido a la administración del plugin, lo más seguro que nos salga un cartel de advertencia en cuanto a los permisos de la carpeta wp-content de nuestro servidor:

Haz clic en la imagen para ampliarla

Lo primero que hacemos es dirigirnos a nuestro servidor ftp (yo uso el software FileZilla) y cambiamos los permisos a 755 de la carpeta wp-content de nuestro WordPress como vemos en la siguiente imagen:

Haz clic en la imagen para ampliarla

Paso 4. Ahora que ya hemos cambiado los permisos y ya no nos sale ninguna ventana de “alarma”, vamos a proceder a configurar el plugin SuperCache en su totalidad:

Comenzamos:

Nos vamos a la pestaña “Avanzado” y seleccionamos las pestañas como vemos en la imagen:

Haz clic en la imagen para ampliarla

Una vez puesta la configuración simplemente le dáis a “Actualizar estado”

Ahora tenéis que actualizar el Mod_rewrite como os muestro en la siguiente imagen:

Haz clic en la imagen para ampliarla

* Cuando le hayas dado, te dirá esto: ¡Las reglas Mod Rewrite se han actualizado!

Más abajo tenemos la recolección de basura que es muy importante, ya que nos dice el tiempo que se va a guardar una página en caché hasta la “actualización” de la misma.

¿Qué nos dice esto?

Pues que dependiendo de cuánto actualices tu blog, si lo actualizas mucho, será cuestión de ponerle un valor bajo (1800 segundos o menos), si lo actualizas poco, un valor alto (3600, 4800 segundos) Todo esto puedes ir probándolo a medida que veas cómo funciona y la necesidad que veas. Si recibes muchos comentarios, sería cuestión de poner un valor bajo, ya que las páginas guardadas en caché necesitarán actualizarse para mostrar los nuevos comentarios.

Haz clic en la imagen para ampliarla

Todos los demás valores los dejáis como están. Y el modo Confinamiento si lo tenéis activado, lo DESACTIVÁIS (por defecto viene desactivado).

Ahora nos vamos a la pestaña “Easy” y activamos el Caching poniéndolo en ON, y a continuación le damos a actualizar estado:

Haz clic en la imagen para ampliarla

El resto de pestañas las dejamos como están.

Con esto hemos finalizado la configuración del plugin SuperCache. Ahora ya puedes disfrutar de una ligereza extra en la carga de tus páginas en tu blog. Espero que haya quedado claro el manual

Mi pregunta una vez hayáis probado el plugin: ¿Notáis la diferencia en la carga de vuestras páginas?

Comprobante de pago de SumaClicks:

Haz clic en la imagen para ver el comprobante

Como podéis observar, ¡¡pagan!!  Lo bueno de este programa es que te envían muchos e-mails (supongo que será al principio) pero actualmente recibo 3-4 e-mails diarios.

Para saber más sobre SumaClicks visita el artículo que creé con anterioridad (Leer artículo)

Por la libertad de expresión

Se van a proceder a realizar diferentes manifestaciones en muchas ciudades a nivel mundial a favor de Wikileaks y de la liberación de Julian Assange, que está detenido en Reino Unido por decir la verdad. Éste artículo lo escribo a modo de unirse a una causa, y qué menos que a la libertad de expresión. Igual no consigo nada, pero si multitud de blogs dan a conocer esto, posiblemente consigamos algo. Muchas son las ciudades que se suman a una larga lista entre las que destacamos las de habla hispana como os muestro a continuación…

Aquí os muestro las ciudades donde se van a realizar las manifestaciones mañana 11 de diciembre de 2010:

Día: Sábado, 11 de Diciembre 2010
En las siguientes ciudades:

Madrid a las 18:00
Embajada británica en Madrid
Torre Espacio
Paseo de la Castellana 259D
28046 Madrid
Teléfono de la embajada: +34 917 146 300

A Coruña a las 18:00
Consulado de Suecia en A Coruña
Sale del Cantón Grande a las 18.00 en el Obelisco hacía la Avenida de Linares Rivas 18-21, A Coruña, Spain
Teléfono del consulado: +34 881 925 275

Barcelona a las 18:00
Consulado General Británico en Barcelona
Edificio Torre de Barcelona
Avenida Diagonal, 477, 13º, 08036 Barcelona
Teléfono del consulado: +34 93 366 62 00

Sevilla a las 18:00
Ayuntamiento de Sevilla
Plaza Nueva 1, Sevilla, Spain
Teléfono de la embajada: +34 954 50 56 56

Valencia a las 18:00
Consulado de Suecia en Valencia
Plaza Porta de la Mar 4, pta 8, Valencia, Spain
Teléfono del consulado: +34 963940375,  +34 963940377

Zaragoza a las 18:00
Frente al Banco de España de Zaragoza
Plaza de España, Zaragoza, Spain
Teléfono de la diputación: +34 976224998

Málaga a las 18:00
Sale de Plaza Constitución hacía los consulados
Plaza de la Constitución y se dirige a los consulados Británico y Sueco. Málaga, Spain
Teléfonos de los consulados: +34 952352300 +34 952 60 43 83

Buenos Aires (Argentina) a las 13:00
Embajada Británica en Argentina
Dr. luis agote 2412, Ciudad Autónoma de Buenos Aires, Argentina
Teléfono de la embajada: +54 (011) 4808 2200

México DF (México) a las 18:00
Embajada Británica en México
Río Lerma 71 (esquina con Rio Sena), Del. Cuauhtemoc, Mexico DF
Teléfono de la embajada: (55) 5207 2089

Bogotá (Colombia) a las 18:00
Embajada Británica en Bogotá
Torre Propaganda Sancho, Calle 98 No. 9-03 Piso 4 Bogota, Colombia
Teléfono de la embajada: (1) 3176690

Lima (Perú) a las 11:00
Embajada Británica en Perú
Torre Parque Mar piso 22, Lima, Perú
Teléfono de la embajada: (51) (1) 617 3000

Si deseas saber más, infórmate en FreeWikileaks.eu

Insertar publicidad de forma manual o automática

Hoy vamos a ver cómo poner publicidad en las entradas individuales de Blogger. Se puede hacer de forma manual, es decir, añadiendo el código a cada artículo que escribimos, o bien de forma automática que siempre salga sólo añadiendo el código una vez (bueno para adsense)

Formas para integrar publicidad en las entradas:

1.- De Forma Manual

2.- De Forma Automática (sin tener que añadirla en cada artículo que escribas)

[ad code=1 align=center]

Poner publicidad de forma Manual:

Con éste método vamos a insertar publicidad en el artículo que vamos a escribir. Para poner la publicidad tenemos que escribir el artículo en modo Redactar, y luego pasar al modo Edición de HTML para insertar la publicidad en el lugar que quieras:

Haz clic en la imagen para ampliarla

Una vez hemos escrito nuestro artículo, copiamos el código de la publicidad que queremos insertar y vamos a la edición de HTML. Aquí es decisión tuya dónde poner el banner de publicidad. Lo normal suele ser antes del artículo (mira la imagen siguiente para que te quede más claro):

Haz clic en la imagen para ampliarla

O si lo que quieres es insertar la publicidad después del artículo, aquí tienes el ejemplo:

Haz clic en la imagen para ampliarla

Realmente puedes poner la publicidad donde desees, ya que sólo tienes que insertar el código en la parte del artículo que quieras, pero por lo general, los dos ejemplos anteriores son los más habituales.

Yo suelo centrar los banners de publicidad para que queden en el medio, y utilizo la etiqueta <center>AQUICODIGO</center> para que quede mejor. Si no queréis pues no hace falta…

Poner publicidad de forma Automática (sin tener que añadirla en cada artículo):

Éste método sirve para poner publicidad en todas tus entradas individuales con un sólo paso sin necesidad de ir insertando publicidad en cada artículo. (La forma Manual es buena para casos en los que quieres insertar publicidad específica que va relacionada con la información de dicho artículo, por ejemplo si voy a hablar de un hotel en concreto, poner publicidad de ese hotel y no de otro).

Ahora nos dirigimos a nuestro panel de control, vamos a Diseño>Edición de HTML y expandimos las plantillas de artilugios (la pestañita que hay donde editas la plantilla). Ahora con la tecla Control más la F (Ctrl+F) se nos abrirá en nuestro navegador una opción para buscar, y buscamos la siguiente línea: <div class=’post-body entry-content’>

Haz clic en la imagen para ampliarla

Debajo de esta línea vamos a pegar el siguiente código (leer más abajo antes de insertar este código)

<b:if cond='data:blog.pageType == "item"'>
<div style='float:center'> 
[AQUÍ VA TU CÓDIGO DE PUBLICIDAD PERO LEE MÁS ABAJO ANTES DE NADA] 
</div>
</b:if>

OJO! ANTES DE INTRODUCIR EL CÓDIGO DENTRO del código anterior, tenéis que transformar los carácteres a XML del código de publicidad que tenéis. ¿Cómo? Muy fácil, copiamos el código de publicidad que tenemos y lo introducimos en la siguiente web, Parse HTML

Haz clic en la imagen para ampliarla

Ahora copiamos el código que nos ha devuelto (si es raro pero no pasa nada, el código de tu publicidad seguirá siendo el mismo) y ese es el código que tendremos que poner dentro del código principal:

Haz clic en la imagen para ampliarla

Entonces nos tiene que quedar una cosa así:

<b:if cond='data:blog.pageType == "item"'>
<div style='float:center'>

&lt;a href=&quot;http://track.adjal.com/aff_c?offer_id=69&amp;aff_id=1438&amp;file_id=884&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://media.go2speed.org/brand/files/adjal/69/es201006PM.160x600.obox01g.gif&quot; width=&quot;160&quot; height=&quot;600&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;&lt;img src=&quot;http://track.adjal.com/aff_i?offer_id=69&amp;aff_id=1438&amp;file_id=884&quot; width=&quot;1&quot; height=&quot;1&quot;&gt; 

</div>
</b:if>

Ahora volvemos a nuestro diseño en blogger, justo en la línea que habíamos buscado, e introducimos el código justo debajo:

Haz clic en la imagen para ampliarla

Y ya tendremos nuestro banner de publicidad en la parte superior de todas nuestras entradas individuales

Espero que os haya servido.

¿Cómo eliminar la barra de navegación de Blogger?

Hoy vamos a ver cómo eliminar la barra de navegación en Blogger (NavBar) de una forma muy sencilla con un simple código que insertaremos en nuestra plantilla. Viene acompañado de imágenes (como siempre) para aquellos que no controlan mucho todavía.

[ad code=1 align=center]

Pasos para quitar la barra de navegación de Blogger:

Vamos a nuestro panel de control en Blogger

Ahora nos dirigimos a Diseño>Edición de HTML y damos clic en “Expandir plantillas de artilugios”

Haz clic en la imagen para ampliarla

Ahora copiáis el siguiente código:

<style type="text/css">
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>

Y lo pegáis o antes de </head> como en la siguiente imagen:

Haz clic en la imagen para ampliarla

O lo podéis pegar detrás de “<body expr:class=’&quot;loading&quot; + data:blog.mobileClass’>” como en la siguiente imagen:

Haz clic en la imagen para ampliarla

En ambos casos funciona, así que es vuestra decisión usar cualquiera. Igual con la plantilla que tenéis no está el body expr… por lo que no os quedará más remedio que ponerlo antes del </head>

Para buscar texto y así encontrar la línea (por ejemplo del </head>) basta con que le déis al Control+F y se os abrirá un “buscador” en vuestro navegador, lo que os permitirá buscar cualquier línea de forma rápida sin tener que leer toda la plantilla.

PD: No pasa nada si eliminas la barra de navegación de blogger (no es publicidad ni nada) Así que si prefieres eliminar la barra estás en todo tu derecho.