Category Archives: Personaliza Código

Como cambiar el ancho de la plantilla de tu blog, Blogger

December 25, 2008Blogger, Personaliza Código, Plantillas, Plataformasancho, blog, cambiar, personalizar, Plantillapatriram

Ensanchar la plantilla Mínima

Bueno en este tutorial les voy a mostrar como pueden cambiar el ancho de su blog (cuerpo, entradas, sidebar, titulo, etc)
Para esto les dejo 5 pasos sencillos para que lo puedan hacer, ya sea disminuir o agrandar el ancho de tu blog.
En estos 5 pasos les voy a mostrar como ensancho mi blog, ya de paso les dejo una medida muy apropiada y conveniente para ensancharlo, pero esta de mas decir que pueden elegir la medida que ustedes quieran.

1) Primero que nada deben dirigirse a la parte de diseño del blog, a la edicion de codigo HTML. No hace falta que expandamos los artilugios. Nececitamos localizar la instruccion #outer-wrapper ( Esto es como quien dice, el ancho del blog en si, dentro del blog esta el espacio para las entradas y la sidebar, si queremos ensanchar estas ultimas, primero debemos hacer espacio en el blog para que luego entren sin problemas). La primera linea debajo de:#outer-wrapper es width: 660px;Cambiaremos esa línea por width: 850px; (width significa ancho y el numero es la cantidad de pixeles que le estamos dando)

2) A continuacion vayamos a ensanchar el espacio de entradas (main), si buscamos mas abajo de lo anterior debemos encontrar: #main-wrapper ( y al igual que antes cambiamos la línea del width (ancho) por esta: width: 500px;)

3) Un poco más abajo vemos #sidebar-wrapper (, ahí es donde modificaremos el ancho de nuestra sidebar con el mismo sistema que antes, cambiando la línea del width (ancho) por esta otra: width: 250px;)

4) Ahora vayamos a ensanchar el titulo para lograr una mejor estetica en nuestro blog, para eso dejemoslo del mismo ancho que el resto del blog. Para hacer este cambio buscamos (hacia arriba) esta parte: #header-wrapper ( y cambiamos la línea del width porwidth:850px;) (el mismo ancho que el cuerpo del blog), así la cabecera ocupará el mismo espacio que las entradas y la sidebar juntas. Bajamos ahora por el código de la plantilla, hasta encontrar el #footer ( y le ponemos también el mismo ancho que el blog: width:850px;)
de esta forma nuestro blog logra una imagen uniforme.

5) Usamos la vista previa, y si todo ha ido según lo previsto, guardamos los cambios.

Si usas otras medidas no olvides que la suma del ancho de las entradas con el de la sidebar, debe ser menor o igual a el ancho del blog para una correcta vizualizacion.

Si necesitas otra que es muy distinta a esta, deja tu comentario para considerarla en el futuro y agregar la explicación en este mismo post.

patriram

Soy Blogger desde hace mucho tiempo. Inicialmente este blog se creó para entregar tutoriales paso a paso a las personas que estuvieran ingresando al mundo online. Muchos de mis tutoriales no requieren de conocimiento previo ni habilidades, la idea siempre fue tender una mano a los que usualmente no entienden nada. Como pueden ver estuvo bastante abandonado por varios años pero ahora lo retomaré con otro énfasis, explicación de herramientas mas complejas, y en la medida de lo posible se irán renovando los post que con el tiempo han quedado obsoletos.

Txtfull Como tener visitas gratis para el Blog, Instalando un bloque de Enlaces

December 21, 2008Adornos y Accesorios, Blogger, Plantillas, Plataformas, Servicios para Blogs, Todas, Tráfico de Visitas, Trucos Script/Plugin/Widgetconseguir visitas, txtfull, visitas, visitas gratislibitzu

Hola a todos…
En este post explicaremos el servicio que ofrece txtfull. No es verdad que cuando creas un blog (ya seriamente), quisieras que hayan visitas lo mas antes posible?, verdad, no?? pues aquí una ayuda para que tu blog se vea en otros blogs o webs, una gran servicio fácil de crear e implementar en tu blog. Pues txtfull, no es mas que una herramienta o servicio (Llámenlo como quieran), que nos servirá para poder obtener mas visitas en nuestro blog mediante el intercambio de links.

Les explicaré brevemente como funciona esto:
1.- Creamos el espacio de los links (totalmente personalizable),
2.- Copiamos el código y lo pegamos en una parte de nuestro blog,
3.- Luego de esto lo que sucederá es que recibirás visitas provenientes de otros blogs o webs, que a su vez también reciben visitas a través de tu blog, (mediante el intercambio de links), ahora conforme a que tu generas mas visitas, vas ganando créditos, estos créditos te sirven para poder poner el link de tu blog en muchos mas sitios (tasa de intercambio). Bueno espero haberme explicado bien.

Lo que haré en este post es explicarles paso a paso, desde la creación de una cuenta hasta donde deben poner el código para lograr aumentar el numero de visitas en su blog.

1.- Ingresa a txtfull y registrate:

2.- Llena tus Datos (Información Personal) y en el espacio de la URL de tu blog (Información de su Sitio Web), pones “http://nombredetublog.dominio.com”
o como quiera que sea, y sigues llenado cada uno de los cuadros, cuando llegues a la parte de “países donde se vera tu blog”, elijes los de habla hispana, no habría razón para ponerlo en países casi desconocidos.

3.- Ahora LLegas a la sección “Su cuenta“, con estos datos tu ingresaras a tu cuenta, asi que procura recordarlos.

4.- Ahora, tienes que esperar a lo mucho 24 horas, ya que ellos hacen una revision manual de tu solicitud, cuando ya estés aprobado, te llegara un mensaje a tu mail. no te preocupes siempre llega.

5.- Cuando ya estés aprobado… Ahora ingresas a tu cuenta: poniendo tu nombre de Usuario y Password.

6.- Ya cuando estés dentro, podrás ver un menú a tu derecha, con varios Items, en este caso solo explicare el item “Generar Código HTML“, que es para poder poner links en tu sitio y ganar créditos.

7.- Haces click en “Generar Código HTML” y te enviara al siguientes formulario, acá podrás personalizar el espacio de los links, haciendo quedar como para tu blog.

8.- Listo, ahora que tenemos el código, pondremos la Barra de Links en el Blog, primero vamos a “Diseño” en el Escritorio, o en tu panel de control (esto es en blogger).

9.- Ahora creamos un nuevo “gadget“, y seleccionamos el del tipo “HTML/JavaScript“.

10.- Ahora pegamos el codigo en el cuadro de texto y guardamos el gadget.

11.- Listo, ahora mira tu blog, y verás que el gadget de los links se implemento bien, ya luego la cosa es ubicarlo donde tu quieras.

Esto es todo en torno a crear el codigo de txtfull e implementarlo en el blog. recuerden que entre mas click hagan en la Barra de Intercambio de Links, recibiras mas creditos y tu blog o web sera visto en mas sitios también. Cualquier Duda escriban un comentario y será respondido a la brevedad posible.

libitzu

Formas de colocar la publicidad en tu blog de blogger, Quinta Parte, Bajo el Titulo de las Entradas

December 12, 2008Adsense, Blogger, Dinero con tu Blog, Mejorar Ingresos, Personaliza Código, Plantillas, Plataformas, Post, Servicios para BlogsAdsense, entre post, mejorar ganancias, ubicacionpatriram

Bajo el titulo de las entradas del blog

De igual manera que los post anteriores, tienes que transformar tu código de publicidad. Primero debemos cambiar los siguientes caracteres de nuestro código de adsense (también se puede hacer mediante la página elblogtemplates, convierte tu código adsense, chitika, bidvertiser, y otros, en lo que necesitamos:

por >
" por "

Una vez que el código de adsense este listo, Vamos a Edición Html, Expandimos Artilugios, y Buscamos este código:

<div class='post-header-line-1

Y pégas tu código de publicidad ya convertido después de ese código.

Tal como lo muestra esta imagen:

Una vez que hayas guardado los cambios, lo que verás es algo así, esta es la plantilla mínima blue (obviamente el tamaño del anuncio es a gusto de cada uno):

Como pueden ver, debajo de cada titulo de post, aparecerá un anuncio de adsense (solo para los 3 primeros post, ya que adsense esta limitado a 3 bloques como lo describe en sus reglas).

patriram