0

Pasar de Wordpress a Blogger–Partir el archivo de mas de 2 mb.

sábado, 15 de septiembre de 2012.

Una de las cuestiones que más trae de cabeza a cualquier usuario de WordPress a la hora demigrar de servidor es el asunto de la exportación de los posts, más en concreto la importación de los mismos. Esto es debido a las limitaciones por defecto de los servidores, incluso WordPress, a la hora de importar ficheros grandes, que pasen de los 2 Mb. No digamos si tu WordPress es veterano y tienes un archivo exportado de decenas de megas.

A lo largo de varios artículos hemos ofrecido varias posibles soluciones a este problema, unas veces modificando el comportamiento del servidor, importando la base de datos, haciendo apañose incluso cortando en trozos el fichero de exportación. Hasta hicimos la guía de backup de WordPress (ahora incompleta) .

Porque exportar tu WordPress es fácil, solo tienes que acceder a la sección de “Herramientas -> Exportar“, y generará un fichero con todos tus posts, comentarios, categorías, tags. Lo malo es importar, no digamos si trabajamos con un WordPress Mu, donde tanto tablas como ficheros de exportación pueden llegar a unos tamaños considerables.

Quizás la mejor solución sea olvidarse de este tipo de ficheros que genera WordPress y usar laexportación-importación de la base de datos, lo que pasa es que en ocasiones es mejor usar el fichero de WordPress, sobre todo cuando quieres realizar una migración limpia, solucionando errores en tablas de la base de datos. A fin de cuentas solo pierdes la información que guardan los plugins, y salvo que uses muchas encuestas o descargas mediante plugin no suele ser algo vital.

Pues si este es tu caso hay buenas noticias. Apunta este plugin: Advanced Export for WP & WPMu. Esta pequeña maravilla permite crear varios ficheros de exportación, divididos por secciones:

  • Rango de fechas (por inicio y fin de mes o año)
  • Autor – Igual que en la utilidad de exportación de WordPress
  • Categoría – Exportar una categoría específica
  • Tipo de contenido – Y puedes elegir entre posts o páginas
  • Estado del post – Pudiendo elegir entre Borrador, Publicado, Programado o Privado

advanced-export

¿A que la cosa cambia?. Y lo mejor de todo es que puedes combinar varias de las opciones, con lo que es aún más potente.

Eso si, mientras no configures nada el sistema de exportación funciona como el de WordPress. Para ponerlo a tu gusto, para exportar con criterio, tienes que ir entonces (una vez instalado y activado el plugin) a “Herramientas -> Advanced Export” y ahí definir como quieres exportar

Leer Más...
0

Insertar un foro en Blogger

miércoles, 5 de septiembre de 2012.

Por el momento Blogger no brinda la posibilidad de incorporar un foro en el blog, entonces recurrimos a sitios externos para cargar nuestro espacio.

Hace poco me topé en Redeando con Nabble, un foro gratuito, que a diferencia de otros, es sencillo y se puede incorporar en el blog. ¿Quieres ver un ejemplo? sigue el enlace.
Antes que nada hay que registrarse en Nabble y crear el foro.

Iniciemos cambiando la apariencia, pero eso queda a tu gusto, así que dirígete al menúOpciones y elige Cambiar apariencia:

Por mi parte lo que hice fue ocultar el footer de la página, los iconos y personalizar la descripciones con CSS:

También oculté el título y la barra de búsqueda:

Lo segundo sería darle la estructura de un verdadero foro, es decir, organizarlo por categorías. Para ello ubícate en la página principal del foro, haz clic en el menúOpciones, elige Aplicación, luego en Cambiar el tipo de aplicación:

Posteriormente escoge Categoría y guarda los cambios, esto hará que el foro se organice de ese modo.

Lo que resta ahora es crear dichas categorías, para ello dirígete de nuevo a Opciones, esta vez elige Estructura y luego en Crear nuevo subforo:

Rellena los datos de la nueva categoría y guarda los cambios:

Repite los mismos pasos para cada categoría que vayas a crear y obtendrás algo como esto:

Lo que resta son esos pequeños detalles, pero para no alargar el post te lo dejo de tarea, como ordenar las categorías (Opciones > Estructura > Administrar subforos) personalizar el avatar y la firma de tu cuenta (TuNick > Configuración de la cuenta), cambiar los permisos (Opciones > Usuarios > Permisos), etc.
Ahora lo que toca hacer es incrustarlo en el blog, para ello debes dirigirte otra vez al menú Opciones, elegir Opciones de integración, copiar el código y pegarlo en alguna entrada, página o sección de tu blog:

Lo que sigue es llenarlo con temas, pero eso ya es trabajo de los usuarios xD

Leer Más...
0

Cómo crear dos columnas de posts en Blogger

sábado, 21 de abril de 2012.

Este mini-tutorial nace a partir de una pregunta vía e-mail. No se trata de dividir un post en dos columnas, sino de mostrar dos columnas de posts en vez de una. Puede ser muy útil para cambiar la forma en que se muestran los posts en la página principal y, en especial, para crear la base de una plantilla tipo Magazine como Turnoutmag.

posts-blogger

Empecemos con el experimento:

1. Lo primero, es añadir el script “leer más con thumnails” y guardar los cambios. Como siempre, es recomendable descargar y realojar el archivo summary-post-v20-test.js. Si no, podría dejar de funcionar en cualquier momento.

2. Configura las opciones del script del siguiente modo: summary_noimg = 300; summary_img = 230; img_thumb_height = 60; y img_thumb_width = 60. En realidad, puedes elegir las proporciones que quieras pero, para este experimento, yo elegí éstas.

3. Amplía los contenedores de tu blog: el #main-wrapper debe tener al menos 580 píxeles de ancho, y el #outer-wrapper debe tener como ancho mínimo la suma del ancho del #main-wrapper con la del #sidebar-wrapper. Seguramente, también vas a tener que ampliar los contenedores #header-wrapper y #footer-wrapper para que sigan en concordancia con el diseño.

4. Ahora, busca la siguiente sección en tu plantilla:

]]></b:skin>

Justo debajo, añade:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style type='text/css'>   .post {
border:1px solid #BFBFBF;
float:left;
height:300px;
width:260px;
margin:7px;
padding:0px 5px 5px 5px;
overflow:hidden;
}   </style>
</b:if></b:if>

Lo anterior corresponde a estilos condicionales para la página de inicio. Se trata simplemente de especificar el alto y el ancho de los posts. En esta sección, también puedes añadir más estilos condicionales para el home (puedes ayudarte de la chuleta que creóFrancisco). Así, por ejemplo, puedes cambiar el color del título de los posts o modificar el tamaño del texto en las entradas.

5. Detalles adicionales

a) Seguramente, vas a necesitar limpiar la flotación de los links de navegación:

#blog-pager {
clear: both;
}

b) Puedes adornar con CSS el enlace “Leer más”:

.rmlink {
background: #CA8398;
padding: 2px 5px;
}
.rmlink a:link, .rmlink a:hover, .rmlink a:visited{
color: #FFF;
}

c) En Formato, necesitas cambiar el número de entradas a mostrar a un número par (idealmente 8, 10 ó 12).

Consideraciones finales:

Es una técnica muy sencilla, que puedes adaptar a tus necesidades y “adornar” con un poco de CSS y HTML:


  • Puedes modificar los metadatos (fecha, autor, enlace de los comentarios), cambiándolos de lugar, añadiendo o quitando texto, o utilizando íconos para destacarlos.
  • Seguramente, notarás que la fecha queda flotando arriba de uno o varios posts, por lo cual puede ser algo molesto y poco estético. Opta por ocultarla desde la secciónElementos de la Página, y usa en su lugar el fomato de la hora. También puedes moverla manualmente desde la edición de HTML, aunque puede ser más complejo si no estás familiarizado con la estructura de una plantilla Blogger.
  • Si amplías más los contenedores de la plantilla, y reduces el tamaño de los posts en la página principal, puedes crear tres o más columnas de posts sin necesidad de retocar nada más. Inclusive, puedes llegar a crear galerías de imágenes modificando las propiedades del script.
  • Si antes del contenedor #main-wrapper añades un plugin jQuery para crearslideshows, y complementas la técnica poniendo columnas en el footer y arreglando tu sidebar con widgets y más columnas, puedes tener una perfecta plantilla tipo magazine. Todo está en entreverse a jugar y experimentar un poco.
Leer Más...
0

Poner fondo en blogger desde la plantilla

viernes, 20 de abril de 2012.

1. Ir a diseño de la plantilla. Después clic en Edición de HTML (no Expandir plantillas de artilugios) y buscas lo siguiente:
body {
background:$bgcolor;
...
}
2. Tendrás que agregar después de background:$bgcolor lo siguiente (lo que está de color azul):
body {
background:$bgcolor url(http://Aquí la direción de la imagen) fixed no-repeat top left;
...
}
Explicación:
- El valor no-repeat, la imagen no se repite. Además podemos cambiarlo por otros valores como repeat-x, repetirá la imagen horizontalmente mientras que el valor repeat-y, repetirá la imagen verticalmente y si se especifica repeat, la imagen se repetirá horizontal y verticalmente.
- El valor fixed, la imagen se desplazará con el contenido o será fija.
- El valor top left, la posición de la imagen.
Nota: La imagen debe ser grande, tipo wallpaper, el cual tienen un ancho de 1024 pixeles (px) y un alto de 685 px aproximadamente.

Leer Más...
0

Centra imagen y texto en la cabecera de blogger

Cuando subimos una imagen a la cabecera de nuestro blog se puede presentar uno de estos casos:

  1. Que la imagen sea más ancha que la cabecera: En esta caso la imagen se saldrá de la cabecera, y por tanto se debe descartar.
  2. Que la imagen tenga el mismo ancho de la cabecera: En este caso la imagen encajará perfectamente, y es una imagen que se puede aceptar ya que no afectará la simetría del blog. Es la opción ideal.
  3. Que la imagen sea menos ancha que la cabecera del blog: En esta caso la imagen nos aparecerá, por defecto, en el lado izquierdo. Si queremos que, para un mejor diseño, la imagen aparezca en el centro de la cebecera, debemos efectuar las siguientes modificaciones en nuestra plantilla (tomando como ejemplo un blog diseñado con el Nuevo Diseñador de Plantillas, y la plantilla Picture Window):

Vamos a Edición de HTML:

Página principal ► Diseño ► Edición de HTML ►

Acceso aEdición de HTML

  • Sin expandir plantillas de artilugios vamos a la sección CSS de la cabecera, e inmediatamente debajo de la siguiente línea:

    /* Header
    ----------------------------------------------- */

    ...pegamos este código:

    .header .widget {
    margin-top: 4px;
    margin-bottom: 4px;
    width: 663px;
    padding: 0 95px;
    }

    • margin-top: 4px; corresponde a la distancia de la imagen al borde superior de la cabecera.
    • margin-bottom: 4px; corresponde a la distancia de la imagen al borde inferior de la cabecera.
    • width: 663px; corresponde a una imagen con 663 pixeles de ancho.
    • padding: 0 95px; corresponde a la distancia entre la imagen y los bordes laterales de la cabecera.

    En el ejemplo de este tutorial, la imagen está centrada así: al ancho de la imagen corresponde un padding de 0 95px, con esta plantilla.

    Dependiendo del ancho de la imagen (width) podemos centrarla aumentando o disminuyendo la distancia en pixeles (0 95px) entre la imagen y los bordes laterales (padding) de la cabecera, observando la ubicación de la imagen en la Vista previa, antes de guardar plantilla.

    Para seguir conservando la simetría en la apariencia de nuestro blog, centramos, dentro de la imagen, el título del blog, así:

    Siguiendo hacia abajo en la sección CSS de la cabecera (header), localizamos este código:

    .Header h1 {
      font: $(header.font);
      text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    }

    ...y le agregamos esta línea:

      text-align:center;

    Debiendo quedarnos así:

    .Header h1 {
      text-align:center;
      font: $(header.font);
      text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    }

    Observamos Vista previa y guardamos plantilla.

    Así se verá el blog:

    Blog Picture Window con imagen de cabecera centrada

  • Leer Más...
    0

    Poner imagen de fondo en blogger

    miércoles, 4 de abril de 2012.

    1. Ir a diseño de la plantilla. Después clic en Edición de HTML (no Expandir plantillas de artilugios) y buscas lo siguiente:
    body {
    background:$bgcolor;
    ...
    }
    2. Tendrás que agregar después de background:$bgcolor lo siguiente (lo que está de color azul):
    body {
    background:$bgcolor url(http://Aquí la direción de la imagen) fixed no-repeat top left;
    ...
    }
    Explicación:
    - El valor no-repeat, la imagen no se repite. Además podemos cambiarlo por otros valores como repeat-x, repetirá la imagen horizontalmente mientras que el valor repeat-y, repetirá la imagen verticalmente y si se especifica repeat, la imagen se repetirá horizontal y verticalmente.
    - El valor fixed, la imagen se desplazará con el contenido o será fija.
    - El valor top left, la posición de la imagen.
    Nota: La imagen debe ser grande, tipo wallpaper, el cual tienen un ancho de 1024 pixeles (px) y un alto de 685 px aproximadamente.

    Leer Más...
    0

    Centrar cabecera en blogger

    Lo más sencillo sería que edites la imagen de la cabecera con cualquier editor de imágenes y le agregues el título y la descripción, si la hubiere, a tu gusto.

    Luego la subís cliqueando en Cabecera, Editar y marcás donde dice En lugar del título y la descripción, Guardar. 

    Si es pequeña y queda descentrada, vas a Diseño del Diseñador de plantillas y en Avanzado, Añadir CSS, escribís lo siguiente (luego hay que oprimir la tecla enter pues podría no mostrar el cambio) y si estás conforme, Aplicar al blog (arriba a la derecha).


    .Header img {margin:0 auto;}


    Saludos,


    Nota: Hay un punto antes de Header, por si no se llega a ver.

    Leer Más...
    1

    Wibbitz, nuestra web en una animacion interactiva

    viernes, 28 de octubre de 2011.

    Hoy abre las puertas un nuevo sistema que nos permite transformar el contenido de una web en una animación interactiva en pocos minutos.

    Se trata de wibbitz.com, una aplicación que, usando el contenido RSS de una web, crea un reproductor desde el cual los lectores podrán navegar entre los titulares de las noticias al mismo tiempo que ven las imágenes relacionadas.

    Crear la cuenta es cuestión de minutos. Podemos informar el logo, el nombre del sitio y el texto que aparecerá en el botón que mostraremos a los visitantes.

    Al terminar, podemos divulgar la animación, que se actualizará de forma automática con el nuevo contenido, usando una url o incluyéndola en nuestro sitio web, apareciendo en forma de botón en la parte superior.

    Una interesante idea, con estadísticas incorporadas en el panel de control, que puede tener mucho sentido en los sitios donde la información gráfica sea abundante.

    Leer Más...
    0

    Slide automático " últimas entradas "

    De nuevo vengo con otro slide pero ha diferencia del anterior que era manual  Slide manual este es automático.

    Desde mi foro observaréis como queda  Sevillistas por el Mundoes totalmente modificable y adaptable a cualquier parte del blog, introduciendo el código en un gadget.

    El código lleva todas las explicaciones posibles para su modificación, tanto en tamaño de fuente como colores, a mayor tamaño de imágen mayor altura del Slide, colocándose automáticamente el ancho en cualquier parte del blog tanto encima de las entradas como en la sidebar. 

    Para cambiar los colores podéis usar la Tabla de colores de este blog.

    Antes que nada, cambiar en el código el nombre de mi blog "amorsevillista" por el vuestro, lo encontraréis a continuación de home_page


    <style type="text/css">
    /* PERSONALIZAMOS EL ESTILO -----------
    -------- SLIDESHOW DE ENTRADAS */
    /* FONDO */
    #menucontent {
    background:#111; /* COLOR DEL FONDO */
    padding:8px;
    width:98%;
    margin:0
    }
    /* LiNEA DE ABAJO (NuMEROS, PLAY, STOP, INFO) */
    #menucontent .menuvku {
    margin-top:5px;
    border:0
    }

    #menucontent .menuvku-rig a{
    text-decoration:none;
    }

    #menucontent .menuvku ul {
    margin:0px;
    padding:0px;
    list-style:none;
    background:transparent;
    border:0
    }

    #menucontent .menuvku li {
    display:inline;
    line-height:25px;
    border:0;
    margin:0px;
    padding:0px;
    }
    /* NuMEROS */
    #menucontent .menuvku li a {
    background:transparent; /* COLOR DEL FONDO DE LOS NuMEROS */
    color:#ececec; /* COLOR DE LOS NuMEROS */
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px; /* TAMAnO DE LOS NuMEROS */
    text-decoration:none;
    padding:2px 7px ;
    border:1px solid #ececec; /* COLOR DEL BORDE DE LOS NuMEROS */
    margin:0px;
    margin-right:2px;
    }
    /* NuMERO ACTIVO */
    #menucontent .menuvku li a.tabactive{
    background:#ececec; /* COLOR DEL FONDO DEL NuMERO ACTIVO */
    font-weight:bold;
    position:relative;
    color:#000; /* COLOR DEL NuMERO ACTIVO */
    border:1px solid #ececec; /* COLOR DEL BORDE DEL NuMERO ACTIVO */
    }
    /* IMAGEN */
    #menucontent .menuvku-rig img{
    float:right;
    padding:4px 5px 5px 0;
    border:0
    }
    /* CONTENIDO */
    #menucontent .menucontent1 {
    background:#ffffff; /* COLOR DEL FONDO DEL CONTENIDO */
    border:1px solid #BF0505; /* COLOR DEL BORDE QUE RODEA EL CONTENIDO */
    padding:4px 3px;
    margin:0px;
    }


    </style>
    <script language="JavaScript">

    imgr = new Array(); // <-- NO TOCAR

    // IMAGEN QUE MUESTRA AL NO TENER UNA PROPIA LA ENTRADA
    imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKfS9Nufzu74QCP8Fo7FCjAqBP3buhAFY4CbpoLkIobaeS-_CEm-JzfKpXkjCTkw7GdZ4QxsbjuiZPEB-iiyqcorR1qJualhynBBHcERdcrBpSVpcSKgLOyh6RjR8pKzrd-7pNUadB4M_y/s1600/sin-imagen.png";
    // IMAGEN BOToN PLAY 16x16 píxels
    img_play = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-GKUkWjZfe2NQzR9X63P4gsH46D8OKYNi3RNJWfseL1RdVDDStXWWFnh0XgnmYdBAgsU15GDlknGbB36MbQpskWwS2DbvOUa0AFjAuEH5mAljQp3BlWfW79pCyRYJY8hSNjHwXYfmxJOq/s1600/play.gif";
    // IMAGEN BOToN STOP 16x16 píxels
    img_stop = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjrlGiE0nj2ZI3jTQaSiElLCkYgz56iGg9k6DBvWI2QW4y41GUsg_5oVqnzbTFx_k7z8bspchCoCiPlbMn8N7MuBkpn9R1gp7GhLjojpXtwdCsCUJ3ESehEX3894eQORn5DFjb90sX1CMr/s1600/stop.gif";

    // TAMAnO DE LAS IMaGENES
    imgwidth = 150; // ANCHO
    imgheight = 150; // ALTO

    // TiTULOS DE LAS ENTRADAS
    fntsize = 14; // TAMAnO FUENTE
    acolor = "#000000"; // COLOR FUENTE

    // DESCRIPCIoN DE LAS ENTRADAS
    entradasPost = 400; // CANTIDAD DE TEXTO
    entradasFontsize = 12; // TAMAnO FUENTE
    entradasColor = "#000000"; // COLOR FUENTE

    // COMENTARIOS
    showPostComent = true; // true para mostrar, false para ocultar
    text = "comentarios"; // TEXTO
    cfntsize = 12; // nFUENTE
    ccolor = "#9E0707"; // COLOR FUENTE

    // FECHA DE LAS ENTRADAS
    showPostDate = true; // true para mostrar, false para ocultar
    bfntsize = 10; // TAMAnO FUENTE
    bcolor = "#776E6E"; // COLOR FUENTE

    // CONTINUAR LEYENDO
    showPostContinuar = true; // true para mostrar, false para ocultar
    clltext = "Continuar leyendo &#187;"; // TEXTO
    clfntsize = 14; // TAMAnO FUENTE
    clcolor = "#C00D0D"; // COLOR FUENTE

    var tabcount = new Array("7") // NuMERO TOTAL DE ENTRADAS, DE LA 1 A LA 10

    var changespeed = 4; // DEMORA EN SEGUNDOS

    home_page = "http://amorsevillista.blogspot.com"; // LINK DEL BLOG SIN / AL FINAL
    </script>
    <script src='http://sevillporelmundo.webcindario.com/slidepostvku.js' type='text/javascript'></script>

    <div id='menucontent'>
    <div class='menucontent1' onmouseover ='javascript:stop_autochange(); return false;' onmouseout ='javascript:restart_autochange(); return false;'>

    <!-- LINK ENTRADAS -->
    <div id="tabcontent1"><script>
    document.write('<script src="'+home_page+''+rss_page+'1'+rssb_page+'"></scr' + 'ipt>');</script></div>
    <div id="tabcontent2"><script>
    document.write('<script src="'+home_page+''+rss_page+'2'+rssb_page+'"></scr' + 'ipt>');</script></div>
    <div id="tabcontent3"><script>
    document.write('<script src="'+home_page+''+rss_page+'3'+rssb_page+'"></scr' + 'ipt>');</script></div>
    <div id="tabcontent4"><script>
    document.write('<script src="'+home_page+''+rss_page+'4'+rssb_page+'"></scr' + 'ipt>');</script></div>
    <div id="tabcontent5"><script>
    document.write('<script src="'+home_page+''+rss_page+'5'+rssb_page+'"></scr' + 'ipt>');</script></div>
    <div id="tabcontent6"><script>
    document.write('<script src="'+home_page+''+rss_page+'6'+rssb_page+'"></scr' + 'ipt>');</script></div>
    <div id="tabcontent7"><script>
    document.write('<script src="'+home_page+''+rss_page+'7'+rssb_page+'"></scr' + 'ipt>');</script></div>
    <!-- Agregamos o quitamos las entradas hasta 10, cambiando los número en el ID y en el script. La cantidad tiene que ser igual a la de los números. -->

    <!-- FIN LINK ENTRADAS -->
    </div>
    <script>
    document.write(''+div_easytabs1+''); // NO TOCAR
    document.write(''+home_info+''); // NO TOCAR
    document.write(''+div_easytabs2+''); // NO TOCAR

    // LOS NUMEROS DEL 1 AL 10
    document.write(''+li_easytabs1+'');
    document.write(''+li_easytabs2+'');
    document.write(''+li_easytabs3+'');
    document.write(''+li_easytabs4+'');
    document.write(''+li_easytabs5+'');
    document.write(''+li_easytabs6+'');
    document.write(''+li_easytabs7+'');
    // Agregamos los números, tienen que ser igual cantidad a las entradas.

    // FIN NUMEROS
    document.write(''+div_easytabs3+''); // NO TOCAR
    document.write(''+div_easytabs4+''); // NO TOCAR
    </script>
    </div>
     
    GRACIAS POR TU TRABAJO!!!!!! Este es el unico que he encontrado que funciona. MUCHAS GRACIAS.
    Leer Más...
    0

    Cargar archivos en Blogger.

    jueves, 27 de octubre de 2011.

    Hay muchas preguntas respecto a los tipos y tamaños de archivos que puede subir a Blogger. Hay algunos límites y he tratado de nombrarlos a todos ...... 

    TIPOS DE ARCHIVOS


    Sólo se pueden cargar archivos de imagen a tu blog de Blogger. Estos sólo pueden ser cargados a través de su blog. Para ello Ingresar al panel y haga clic en "Post + nuevo". El editor de entradas se abrirá. En el marco superior del editor de entradas sólo pasar el ratón todos los iconos. Esto le mostrará la información sobre herramientas y haga clic en el icono cuadrado azul (Add Image). La imagen de subir el cuadro de diálogo. Haga clic en Examinar en Agregar una imagen desde tu ordenador a elegir el archivo de imagen en su PC. Haga clic en el archivo para resaltarlo y, a continuación, haga clic en Abrir. También puede agregar una imagen de la web. Pegue la dirección URL de la imagen en el cuadro de texto URL bajo "o añadir una imagen de la web". A continuación, seleccione la posición que desea que la imagen sea y el tamaño de la imagen y haga clic en Cargar. Mire la imagen inferior 


    Haga clic en la foto para verla en grande. 

    TAMAÑO DE ARCHIVOS


    Hay un límite total de 300 MB en las fotos que está cargando a través de Blogger, Picasa, o la bienvenida a un blog de Blogspot libre. Si se trata de un blog ftp, entonces es el espacio en el servidor debe tener en cuenta. Si envías fotos a través de Blogger móvil hay un límite de 250 K por imagen. Sin embargo no hay manera de saber si este límite se acercó hasta que romper a través de él. 

    Las páginas individuales de tu blog se limitan a 1 MB de tamaño. Su página principal se puede ejecutar en este límite para limitar el número de mensajes en la página principal, vaya a Configuración -----> Formato -----> Mostrar 4 mensajes en la página principal -----> Ajustes de ahorro. Esto también acelerará la carga de tu blog. 

    No hay límite al número de blogs que tienen o el número de mensajes que puede hacer. Además, no hay límite al número de comentarios. Mensajes individuales no tienen límite, pero puede estar limitado por tamaño de página como se describió anteriormente. 


    ALOJAMIENTO GRATUITO


    Para superar el límite de tamaño y tipo de archivo en su blog intentar subir sus fotografías a un GooglePages freehostlike. Puede crear cinco sitios en GooglePages con cada sitio que tiene 100 MB de espacio libre a los archivos de host. Para cargar crear una cuenta de Googlespace y haga clic en Cargar en el marco inferior de la barra lateral. Ver imagen a continuación: 


    Si usted no puede crear una cuenta de GooglePages crear un Grupo de Google de su cuenta. Puedes subir 100 MB de archivos en total aquí también. Haga clic en "Archivos" después de hacer clic en el Grupo de Gestión. Continuación, haga clic en el botón Upload File. Ver imagen a continuación: 


    Así se puede cargar la imagen, PDF, MP3, WAV, DOC, TXT y otros archivos a estos freehosts. También puede cargar archivos de imagen freehosts otros como Flickr, Photobucket, etc Imagehosting Para subir archivos a Flickr ver Youtube y Flickr . Después de cargar los archivos de colocar el cursor del ratón sobre el nombre de archivo y haga clic derecho y seleccionar Copiar ubicación de vínculo. Esto copia la ubicación / URL / enlace de su archivo en el freehost. A continuación, péguelo en este código en tu blog: 

    <a href="LINK de su archivo en Free HOST"> BAJAR ARCHIVO </ a> 

    Cuando el usuario haga clic en "Descargar archivo" se abrirá un cuadro de diálogo que pide al descargar el archivo. 

    Read more: http://www.blogdoctor.me/2007/02/upload-files-to-blogger.html#ixzz1c0HHSJMy
    Leer Más...
    0

    Guardar cualquier blog de Blogger como un documento PDF en un solo clic

    Hay varias ventajas de ahorro de un sitio web blog como un archivo PDF - usted puede leer las entradas del blog en línea, búsqueda de texto en formato PDF es muy rápido en comparación con la búsqueda web y, sobre todo, PDF actuará como copia de seguridad de tu blog de Blogger conservando incluso las imágenes del blog.

    Relacionados: Blogger Backup Software

    Para publicar cualquier blog de blogspot en un documento PDF (gratis), vamos a utilizar un servicio llamado Blog2Print que en realidad significaba para la conversión de los blogs de Blogger en los libros impresos - escriba la dirección del blog, seleccione todos los mensajes de blog o las fechas de las entradas que que le gustaría incluir en el libro, y elegir si los mensajes deben aparecer en orden cronológico inverso o cronológico.

    ahorrar blog pdf

    Aunque Blog2Print es un servicio de pago, se genera una copia en PDF de la vista previa de las entradas de blog seleccionado que se abre dentro del navegador web - sólo tienes que guardar el archivo PDF a partir de la caché del navegador en el disco duro.

    Internamente, los servicios Blog2Print utilizando el API de datos de Blogger solicitar publicaciones en el blog creado o actualizado en un rango de fechas determinado. Blogger se alimenta generalmente de consulta pública para que no requiere autenticación.

    www.blog2print.com [Blog de ​​impresión para la plataforma Blogger]

    Leer Más...
    0

    Como convertir PDF en una presentacion

    (Si ya tiene un documento PDF de varias páginas, puede saltarse el paso 4.)

    1. Seleccione los documentos que desea visualizar, y convertirlos en archivos PDF u otros formatos de archivo Acrobat puede importar (BMP, GIF, JPEG, PCX, PICT, PNG, y TIFF).Abra el primer archivo PDF de Acrobat.Seleccione Insertar páginas en el menú de documentos.

    2. En Seleccionar un archivo resultante de cuadro de diálogo Insertar, seleccione el archivo gráfico siguiente, y haga clic en Seleccionar. En el cuadro de diálogo Insertar páginas resultante, seleccione la ubicación de la nueva página que se inserta, y haga clic en Aceptar.

    3. Repita los pasos anteriores hasta que todas las páginas están en un documento. Elija Archivo> Guardar como y escriba un nombre para el archivo de la galería en el cuadro de diálogo resultante. Haga clic en Guardar.

    4. Abra el documento PDF multiplepage que desea mostrar en la presentación de diapositivas. Seleccione Edición> Preferencias> General. En el cuadro de diálogo resultante Preferencias, revise por adelantado cada x segundos de navegación en pantalla completa, y escriba un valor.También puede seleccionar la forma de hacer avanzar las diapositivas y lo que sucede cuando termina la presentación. En Apariencia de pantalla completa, elegir un estilo de transición desde el menú de la transición por defecto.Especifique cómo desea que el cursor del ratón para aparecer en dicho menú. Seleccione un color de fondo y haga clic en Aceptar.

    5. Elija Archivo> Propiedades de documento> Opciones Abrir. En Opciones de la ventana en el cuadro de diálogo resultante, seleccione Abrir en modo de pantalla completa, y haga clic en Aceptar. Guarde y cierre el documento. La próxima vez que abra el archivo, automáticamente pasará al modo de pase de diapositivas a pantalla completa.Mostrar su cartera con este bien pensado plan-que se verá elegante y profesional, y conocedores de la tecnología.

     

    Leer Más...
    0

    Como crear un blog en Blogger

    Leer Más...
    0

    Paginación en tu blog

    miércoles, 26 de octubre de 2011.
    La paginación es cualquier tipo de sistema de control que permite al usuario navegar a través de las páginas de resultados de búsqueda, archivos, o cualquier otro tipo de contenidos.
    La paginación se encuentra también en algunos blogs, foros de debate y en la web de comics.

    1. Ir a diseño de la plantilla, luego en Elementos de la página añadimos un Gadget, seleccionas HTML/Javascript y pegas el siguiente código:

    <style>
    .showpageArea {padding: 0 2px;margin-top:10px;margin-bottom:10px;
    }

    .showpageArea a {border: 1px solid #505050;
    color: #000000;font-weight:normal;
    padding: 3px 6px !important;
    padding: 1px 4px ;margin:0px 2px;
    text-decoration: none;
    }

    .showpageArea a:hover {
    font-size:11px;
    border: 1px solid #333;
    color: #000000;
    background-color: #FFFFFF;
    }

    .showpageNum a {border: 1px solid #505050;
    color: #000000;font-weight:normal;
    padding: 3px 6px !important;
    padding: 1px 4px ;margin:0px 2px;
    text-decoration: none;
    }

    .showpageNum a:hover {
    font-size:11px;
    border: 1px solid #333;
    color: #000000;
    background-color: #FFFFFF;
    }

    .showpagePoint {font-size:10px;
    padding: 2px 4px 2px 4px;
    margin: 2px;
    font-weight: bold;
    border: 1px solid #333;
    color: #fff;
    background-color: #000000;
    }

    .showpage a:hover {font-size:11px;
    border: 1px solid #333;
    color: #000000;
    background-color: #FFFFFF;

    }
    .showpageNum a:link,.showpage a:link {
    font-size:11px;
    padding: 2px 4px 2px 4px;
    margin: 2px;
    text-decoration: none;
    border: 1px solid #0066cc;
    color: #0066cc;
    background-color: #FFFFFF;
    }

    .showpageNum a:hover {font-size:11px;
    border: 1px solid #333;
    color: #000000;
    background-color: #FFFFFF;
    }
    </style>

    <script type="text/javascript">

    function showpageCount(json) {
    var thisUrl = location.href;
    var htmlMap = new Array();
    var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
    var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
    var isPage = thisUrl.indexOf("/search?updated")!=-1;
    var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
    thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
    var thisNum = 1;
    var postNum=1;
    var itemCount = 0;
    var fFlag = 0;
    var eFlag = 0;
    var html= '';
    var upPageHtml ='';
    var downPageHtml ='';

    var pageCount=5;
    var displayPageNum=1;
    var firstPageWord = 'Primera';
    var endPageWord = 'Última';
    var upPageWord ='Anterior';
    var downPageWord ='Siguiente';

    var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

    for(var i=0, post; post = json.feed.entry[i]; i++) {
    var timestamp = post.published.$t.substr(0,10);
    var title = post.title.$t;
    if(isLablePage){
    if(title!=''){
    if(post.category){
    for(var c=0, post_category; post_category = post.category[c]; c++) {
    if(encodeURIComponent(post_category.term)==thisLable){
    if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
    if(thisUrl.indexOf(timestamp)!=-1 ){
    thisNum = postNum;
    }

    postNum++;
    htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
    }
    }
    }
    }//end if(post.category){

    itemCount++;
    }

    }else{
    if(title!=''){
    if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
    if(thisUrl.indexOf(timestamp)!=-1 ){
    thisNum = postNum;
    }

    if(title!='') postNum++;
    htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
    }
    }
    itemCount++;
    }
    }

    for(var p =0;p< htmlMap.length;p++){
    if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
    if(fFlag ==0 && p == thisNum-2){
    if(thisNum==2){
    if(isLablePage){
    upPageHtml = labelHtml + upPageWord +'</a></span>';
    }else{
    upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
    }
    }else{
    upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
    }

    fFlag++;
    }

    if(p==(thisNum-1)){
    html += ' <span class="showpagePoint"><u>'+thisNum+'</u></span>';
    }else{
    if(p==0){
    if(isLablePage){
    html = labelHtml+'1</a></span>';
    }else{
    html += '<span class="showpageNum"><a href="/">1</a></span>';
    }
    }else{
    html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
    }
    }

    if(eFlag ==0 && p == thisNum){
    downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
    eFlag++;
    }
    }//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
    }//end for(var p =0;p< htmlMap.length;p++){

    if(thisNum>1){
    if(!isLablePage){
    html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
    }else{
    html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
    }
    }

    html = '<div class="showpageArea"><span style="font-size:10px;padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;color: #000000;border: 1px solid #333; background-color: #FFFFFF;" class="showpage">Página '+thisNum+' de '+(postNum-1)+': </span>'+html;

    if(thisNum<(postNum-1)){
    html += downPageHtml;
    html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';
    }

    if(postNum==1) postNum++;
    html += '</div>';

    if(isPage || isFirstPage || isLablePage){
    var pageArea = document.getElementsByName("pageArea");
    var blogPager = document.getElementById("blog-pager");

    if(postNum <= 2){
    html ='';
    }

    for(var p =0;p< pageArea.length;p++){
    pageArea[p].innerHTML = html;
    }

    if(pageArea&&pageArea.length>0){
    html ='';
    }

    if(blogPager){
    blogPager.innerHTML = html;
    }
    }

    }
    </script>

    <script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>

    Explicación:
    - .showpageArea .- Es el rectángulo donde se va a mostrar la paginación.

    - .showpageArea a .- Son los enlaces en general (los números de las páginas y los textos Anterior y Siguiente). Podemos usar cualquier propiedad, como ponerles una imagen y un borde.

    - .showpageArea a:hover .- Se refiere al efecto gráfico cuando colocamos el ratón encima de la paginación.

    - .showpageNum a y .showpageNum a:hover .- Son los enlaces con los números de las páginas si es que queremos que se vean diferentes.

    - .showpage a y .showpage a:hover .- Son los enlaces con los textos si es que - queremos que se vean diferentes.

    - .showpagePoint .- Es el texto que se muestra en la página actual, es decir los números.

    - var pageCount .- La cantidad de posts que se mostrarán por página.
    Si var pageCount=4 entonces se mostraran por pagina 4 artículos publicados.

    - var displayPageNum .- La cantidad de páginas listadas.
    Si var displayPageNum=1 entonces se listarán 1 más 1 página, serian 2.

    2. Finalmente, después de haber pegado el código en un HTML/Javascript necesitas arrastrar el widget y ponerlo debajo de Entradas del blog.
     
    Resultado:

    - Por ejemplo, si deseas eliminar Página 1 de 88 entonces tendrías que eliminar el siguiente código que se encuentra casi al final:
    html = '<div class="showpageArea"><span style="font-size:10px;padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;color: #000000;border: 1px solid #333; background-color: #FFFFFF;" class="showpage">Página '+thisNum+' de '+(postNum-1)+': </span>'+html;
    Leer Más...
    0

    Plantillas Blogger

    martes, 25 de octubre de 2011.
    Leer Más...
    0

    Plantillas Blogger - Arquitectura -

    Pulsar en MORE DETAILS copiar y pegar el codigo en EDITION HTML


    Al-Arab Torre

    nombre de la plantilla: Al Arab Torre (XML)

    Plantilla Blogger: Paseo Marítimo Inicio

    nombre de la plantilla: Casas frente al mar (de tipo XML)

    Plantilla Blogger: Madera

    nombre de la plantilla: Naturaleza de madera!(XML Type)

    Plantilla de la calle

    nombre de la plantilla: la calle

    Plantilla ventana roja

    nombre de la plantilla: ventana roja

    Big Ben y el cielo azul

    nombre de la plantilla: el Big Ben

    puente a la noche

    nombre de la plantilla: el puente

    ciudad para la piel

    nombre de la plantilla: 37 de la ciudad

    ciudad de plantilla

    nombre de la plantilla: 36 de la ciudad

    la noche de la calle

    nombre de la plantilla: la calle 48
    muestra
    Leer Más...
     
    El Desvan de Ninfa © Copyright 2010 | Design By El Desvan de Ninfa |