Guia blogger

Page 1

Contenido

INTRODUCCION A BLOGGER: Los blogs son páginas más sencillas que están orientadas a temas más sociales para con los internautas. En los blogs la gente puede opinar sobre la página dando su opinión y suelen estar en constante actualización por parte del diseñador del blog ya que la gente espera nuevos contenidos para poder comunicarse entre ellos y dar su opinión. Ejemplo de un blog: http://abiertomadrid.blogspot.com.es/

ANOTACIONES BLOGGER: 1. ENTRADAS: Las entradas son las publicaciones que creas para informar de algún tema de interés. Las personas que visiten el blog pueden hacer comentarios dentro de tus entradas. En ellas puedes poner textos, imágenes, videos etc… Las entradas pueden ser guardadas como un borrador para después publicarlas o no para que se puedan ver. Se guardan todas en la página principal de tu blog, en las otras páginas no.

1 Profesor: Bruno Perea Labayen


2. PAGINAS: Las paginas al igual que las entradas pueden ser guardadas como borrador si no quieres que se puedan ver o pueden ser publicadas para que se puedan ver ya en internet. Se puede configurar la forma de mostrarlas al usuario ya sea mediante un menú con pestañas (mostrando una página por pestaña) o mediante enlaces a las páginas que tiene tu blogg o ocultarlas si aún no quieres mostrarlas.

Página principal: En la página principal es donde se guardan todas las entradas que creas en tu blogg. Todo el contenido de la página principal estará alojado en las entradas que vayas creando. Los comentarios se reflejaran en las entradas. Si se quieren ver o hacer comentarios hay que entrar en la entrada en el que se esté interesado/a.

Paginas secundarias: En las páginas secundarias no se pueden almacenar las entradas de tu blogg. Se pueden hacer comentarios en las páginas secundarias al igual que en la principal. Dentro de la página puedes configurarla para que no se hagan comentarios. Puedes poner, textos, imágenes, videos etc… al igual que en las entradas de la página principal.

3. ETIQUETAS: Las etiquetas sirven para mostrar un acceso rápido como un enlace hacia entradas específicas de tu blogg . Para ello hay que irse a la sección de entradas seleccionar las que te interesa etiquetar y darle a etiqueta nueva escogiendo el nombre que quieras para la etiqueta nueva. De esta forma habrá un enlace en el blogg que te llevara a las entradas que tengan esa etiqueta. 4. ENLACES: Un enlace es la unión de una zona de la web con una dirección de internet, llevándote directamente a ella tras pinchar en dicha zona (un texto una imagen, un video). El enlace no es visual no puedes verlo es una acción que tiene lugar tras pinchar en alguna zona de la web. 2 Profesor: Bruno Perea Labayen


Para darte cuenta de que hay uno cuando pases el ratón por una zona que tenga algún enlace el puntero del ratón cambiara de forma. Se crean desde la sección de páginas del blogg solo que en vez de crear una página le das a la opción dirección web.

5. COMENTARIOS: Todos los que entran en tu blog, pueden hacer comentarios en tus entradas o en tus páginas secundarias, siempre y cuando en la configuración del blog lo hayas configurado para poder hacerlos y que hayas configurado el permiso de lectura del blog para que todo el mundo lo pueda ver.Sino solo el administrador podrá hacer comentarios y ver el blog. En la sección de comentarios puedes eliminarlos. Y ver a todos tanto los de las entradas como los de las páginas secundarias. Puedes impedir que se realicen comentarios en tus entradas o en las páginas secundarias, entrando en la entrada si quieres impedir que comenten en esa entrada y entrando en la página secundaria en la que no te interesa que comenten 6. IMÁGENES O VIDEOS EN TU BLOGG: Puedes meter imágenes en tu blogg en cualquier entrada de la página principal o en cualquier página secundaria de tu blogg. Para ello tienes que ir a la entrada o la página donde te interese insertarla y irte a insertar imagen si es una imagen o video si es un video. Una vez le hallas dado a insertar imagen o video veras que te deja insertar las imagen o video que tengas guardada en tu ordenador o desde álbumes que se suben a un espacio de internet asociados a tu cuenta de gmail ,utilizando el servicio de google+. 7. DISEÑO: En el diseño se puede configurar o eliminar los objetos o elementos (gadgets) que permiten agregar más información y funcionalidades a tu blogg Entre los más importantes se encuentran: Perfil: mostrara un enlace a las visitas para que puedan ver tus datos personales Etiquetas: mostrara cada etiqueta en forma de lista con enlaces hacia las entradas que tengan dicha etiqueta llevándote con ello a entradas específicas del blogg. Hay gadgets que se pueden conseguir a través de páginas web las cuales te dan el código para ponerlo en tu blogg.

3 Profesor: Bruno Perea Labayen


Para ello hay que ir a diseño/añadir un gadget/html/javascript y pegar el código del gadget que hallas copiado de internet. Ejemplo de un código que hay para poner uno que te informa del tiempo en gijon: <script src="//www.gmodules.com/ig/ifr? url=http://meteo.lecoindunet.com/gadget_meteo.xml&up_country=ES&up_city=Gij on&up_temp=C&up_length=k&synd=open&w=320&h=200&titl e=El+tiempo+en+Gijon&lang=es&country=ALL&border=http%3A%2F %2Fwww.gmodules.com%2Fig%2Fimages%2F&output=js"></script> http://www.google.es/ig/directory?synd=open&hl=es&cat=news 8. PLANTILLAS: Las plantillas es el aspecto visual que tendrá tu blogg para los usuarios que lo vayan a visitar no para el administrador del blogg. Desde el botón de personalizar que aparece debajo de tu plantilla te permitirá modificarla.(su tamaño, colores, etc…) 9. VISION GENERAL: En la visión general puedes controlar cuantas visitas han tenido tus páginas, cuantos comentarios se han hecho, cuantas entradas se han creado etc… 10. ESTADISTICAS: Lo mismo que la visión general pero más específico. A diferencia de la visión general desde las estadísticas las puedes configurar para que no te muestre tus propias visitas. 11. CONFIGURACIÓN: Desde configuración puedes configurar desde lo básico como: El título de tu blogg, la descripción, la dirección, las personas que tienen permisos para administrar tu blogg, los que pueden ver tu blogg etc… Hasta las entradas, comentarios etc… 12. BUSCADORES EN EL BLOGG: Un buscador te permitirá buscar entradas de tu blogg poniendo el nombre de la entrada en el. Para insertar el buscador hemos de hacer lo siguiente: Iremos a : diseño/añadir un gadget/html/javascript y pegar el código:

4 Profesor: Bruno Perea Labayen


<form id="searchthis" action="/search" style="display:inline;" method="get"><input id="search-box" name="q" type="text"/> <input id="search-btn" value="Buscar" type="submit"/></form>

Y guardas Una página de la que se pueden sacar buscadores: http://creativemindly.blogspot.com.es/2013/02/buscadores-personalizados-para-blogger.html El código lo saque de esta página: http://ciudadblogger.com/2009/02/poner-un-buscador-en-blogger.html 13. ENLACES A ETIQUETAS O ENTRADAS DE TU BLOG Creas un enlace desde la sección páginas de tu blog. Y en la dirección del enlace pegas la dirección de la etiqueta o de la entrada. Para cogerla tienes que visitas la etiqueta o la entrada como visitante del blog y copiar la dirección que venga en la barra de direcciones de tu navegador. 14. POSICIONAMIENTO EN INTERNET: El posicionamiento es importante en internet ya que con ello la gente te puede encontrar tu blog más fácilmente. Por ejemplo puedes rellenar el campo ALT que aparece en las propiedades de la imagen que pongas en el blog. En el campo Alt hay que poner el texto más corto posible que indique lo más conciso posible a ser posible en una palabra lo que representa la imagen ya que muchos buscadores no buscan por imágenes sino solo por texto. También puedes configurar ciertos parámetros en el blog como: -El título, la descripción y la dirección del blog: Desde configuración/lo básico -Preferencia para motores de búsqueda: Desde configuración/preferencias para motores de búsqueda Entre las cuales se pueden poner una descripción breve de tu blog. Mensaje de página no encontrada. Palabras de búsqueda: Editando el robot.txt

5 Profesor: Bruno Perea Labayen


15. CAMBIAR EL NOMBRE A UNA PESTAÑAS DE UN GADGET DEL MENU: Hay que ir a la zona de diseño del blogger e ir al gadget html/javascript que estará en la parte superior de la distribución de los gadgets que tienes ya en el blog. Y veras todo el código html que tiene el gadget, lo cual corresponde a el menú que ves en tu web.Para cambiarle el nombre tendrás que localizar la parte del código que tenga el texto de la pestaña a la que te interesa cambiarle el nombre borrar ese nombre y poner el que quieras. Guardas todo y con ello habrás cambiado el nombre de esa pestaña. 16. CAMBIAR LA PÁGINA A LA QUE TE LLEBA CADA PESTAÑA DEL GADGET DEL MENU: Para eso hay que ir a la sección de páginas de tu blog y pinchar en la opción que pone ver debajo de la página a la que te interese que te lleve la pestaña. Después copias la dirección que te aparece arriba del todo del navegador en la barra de direcciones. Vas a la sección diseño de tu bog y localizas el gadget que corresponde al menú(html/javascript) que estará en la zona superior de la distribución de tus gadgets. Le das a la opción editar que aparece a su derecha y veras todo el codigo html del menú de tu blog. Tienes que localizar el texto de la pestaña a la que te interesa cambiarle la página a la que te lleva y pegar la dirección que antes habíamos copiado guardar todo y ya está la próxima vez que pinches en esa pestaña te llevará a la página que le has dicho. Ejemplo de código de una pestaña: Tendrías que borrar la parte azul y pegar ai la otra dirección. Y si quieres cambiarle el nombre a la pestaña borras la parte roja y pones el nombre que quieras.(no aparece con colores en el gadget) <li><a href='http://escondrijosdelalma.blogspot.com.es/'><span>Poemas del autor</span></a></li> Para que el enlace te lleve a una pestaña nueva y no sobre la misma hay que escribir después de la dirección a la que apunta target="_blank" Ejemplo: <a href="https://plus.google.com/photos/116471798167374901359/albums/5868336780008834 689"target="_blank"> 17. CREAR UNA PESTAÑA NUEVA EN UN GADGET DE UN MENU: Hay que ir al gadget html/javascript que contiene el código del menú y copiar y pegar esto después de cualquier etiqueta </li>: 6 Profesor: Bruno Perea Labayen


<li><a href='http://escondrijosdelalma.blogspot.com.es/'><span>Presentación</span></a></li> 18. CAMBIAR EL TIPO DE CURSOR EN LA PANTALLA DE TU BLOG: Tienes que ir a la sección de plantilla de tu blog y darle a editar html. Y pegas códigos como este antes de la etiqueta </body> y después de la etiqueta</head> <div align="center" style="z-index:9;visibility:visible;"><a href="http://www.totallyfreecursors.com/" target="_blank" class="tfc"><img src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif" border="0" width="88" height="31" alt="Free Cow Boy MySpace Cursors at www.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/cowboy.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/cowboy.gif"), auto;}</style> Los puede encontrar en esta pagina por ejemplo: http://www.totallyfreecursors.com/

19. CHAT : Hay páginas que te permiten generar códigos html/javascript que te permiten crear chats: http://www.xat.com/web_gear/chat.php cuando acabas de hacerlo copias el código y lo pegas como un gadget html/javascriipt 20. HERRAMIENTAS DE UNA ENTRADA:

7 Profesor: Bruno Perea Labayen


Opcion1: Te permite escribir en tu blog. Opción2: te permite modificar el código con el que se ha hecho la entrada. Opción3: deshaces los cambios que hayas echo. Opción4: rehaces los cambios que hayas echo. Opción5: cambias el tipo de letra con el que vas a escribir. Opción6: cambias el tamaño de la letra. opción 7:modificas el tamaño del encabezado de la entrada. Opción8: pones la letra en negrita. Opción9: inclinas la letra. Opción10: tachas la letra. Opción11: cambias el color de la letra Opción12: rotulas de un color el texto. Opción13: creas un enlace de un texto hacia una página web o de una imagen a una página web. Opcion14: Metes una imagen de un álbum web de google+ o de tu pc. ( los álbumes son creados en tu cuenta de google+ colgados en internet y compartidos) Opcion15: metes un video de tu pc. Opción 16: saltas de línea de texto. Opcion17: posicionas el texto donde quieras Opcion18: creas un índice numerado Opción 19: creas un índice con viñetas. Opcion21: elimina el estilo que tenga el texto como por ejemplo si es rojo que vuelva a ser negro. Opción 22: corrige el texto. Opción 23: guardas los cambios. Opción 24: guardas la entrada pero no la publicas. 8 Profesor: Bruno Perea Labayen


Opción 25: te deja hacer un avista previa de tu entrada antes de publicarla 21. MUSICA EN TU BLOG: Para insertar música se puede meter un mini reproductor o un enlace hacia la página con las canciones que te interesan: CON MINIREPRODUCTOR: Vamos a la pagina http://grooveshark.com/ y nos registramos o entramos con nuestra cuenta de gmail. Ponemos en el buscador el artista que nos interesa. Pinchas en agregar todas/agregar a playlist Pinchas en tu perfil. Vas a playlist Pinchas en la lista que acabas de crear Pinchas en compartir/incrustar Todo lo que veas en la ventana hay que copiarlo ya que es el código que hará falta para crear el mini reproductor que contendrá la lista de tus canciones en tu blog. Por ultimo vas a tu blog Y Iremos a : diseño/añadir un gadget/html/javascript , pegas el código y guardas CON UN ENLACE: Nos vamos a la página http://grooveshark.com/ Ponemos en el buscador el artista que nos interesa. Pincha en la opción de compartir Y abajo del todo en el recuadro en blanco copias la dirección que pone. Nos vamos al blogger y por ultimo nos vamos a diseño/añadir un gadget/html/javascript. Rellenando en destino con el código que copiamos antes y en contenido, el texto que quieres que se muestre por pantalla en la web, el cual será el que contenga el enlace. <a href="destino">contenido</a> MUSICA DE FONDO PARA TU BLOGG: Buscas el enlace de una de las canciones de tu blog dentro de groveshark y después te vas a el codigo html de la plantilla en blogger y después de la etiqueta <body> pones el siguiente codigo:

<embed src="direccion de tu cancion de groveshark" hidden="true"></embed> Hidden: ocultara el panel del reproductor.

9 Profesor: Bruno Perea Labayen


La canción se reproducirá solo una vez si quieres que se reproduzca repetidamente sin para desde que abres el blogg tienes que poner después de la dirección de la canción loop=true

22. •

GALERIAS:

GALERIAS DE IMÁGENES DE GOOGLE+:

Se pueden crear enlaces a álbumes que se suben a un espacio de internet asociados a tu cuenta de gmail utilizando el servicio de google+ incorporado en picasa. Para ello antes tienes que haber creado un albun web en google+.

Pasos a seguir: Vas a google+ Introduces tus datos de gmail ya que gmail pertenece a google. Vas a subir fotos Pinchas en la opción arrastra tus fotos aquí. Las seleccionas le das a abrir. Asignas un nombre al álbum en el recuadro correspondiente. Pinchas en añadir/compartir/publico/compartir. Con esto el álbum estaría creado. Ahora tienes que buscar el enlace al álbum y ponerlo en el blog. Para eso hay que ir a álbumes. Entras en el álbum que te interesa compartir. Y a la derecha de añadir fotos hay una flecha, pinchas en la flecha y en opciones para compartir/compartir a través de un enlace. Copias todo lo que te muestre compartir a través de un enlace ya que esa es la dirección a tu álbum. Te vas a tu blog y creas un gadget html/javascript. Dentro del gadget metes este codigo: <a href="dirección de tu album"target="_blanck">texto a mostrar al usuario</a> Y guardas. Tras realizar esto podrás ver un enlace a través del texto que quisiste mostrar al usuario hacia el álbum que te interesa.

10 Profesor: Bruno Perea Labayen


GALERIA CON FLICKR:

Limitaciones de Flickr: como límites – los usuarios con cuenta gratuita – un tamaño máximo de archivo de 200 MB, el mencionado total de 1 TB y vídeos de máximo 3 minutos y 1 GB de peso. Más que suficiente para la mayoría. Funcionamiento: Creas una cuenta en la siguiente página o entras con tus datos de gmail.:

http://www.flickr.com y luego creas un álbum metiéndole las fotos que quieras de tu ordenador. Le das a la opción de compartir el álbum y buscas el enlace al álbum. Luego te vas a esta página y creas la galería especificando como url el enlace que acabamos de coger de nuestro álbum. http://flickrslidr.com/ http://www.flickrslideshow.com/ le asigans una anchura y una altura y luego le das a créate slideshow. Copias todo y lo añades al blogger como un gadget html/javascript •

GALERIA PICTOBROWSER:

Tienes que decirle de que sitio quieres sacar las fotos si de picasa o de flickr y luego el nombre que tienes en flickr o en picasa. Después te dejara escoger que albun quieres mostrar en tu web y te dará el código que tienes que poner en tu web. http://www.db798.com/pictobrowser/ •

GALERIA PHOTOSNACK:

Entras en esta página con tus datos de gmail o de Facebook o te creas una cuenta: http://www.photosnack.com/ te permitirá generar distintas galerías para tu web y podrás coger el código html y pegarlo en una capa nueva. •

GALERIA PICTURETRAIL:

Tienes que crearte una cuenta en: http://www.picturetrail.com/

11 Profesor: Bruno Perea Labayen


Y luego crear una galería en la pestaña my photos y después si quieres conseguir el codigo para ponerlo en tu web , y darle un diseño especial tipo cubo por ejemplo tienes que ir a la pestaña photo flicks y decirle que álbum quieres convertir a una galería especial. •

GALERIA PHOTOPEACH:

La creas en esta página y coges el código. http://photopeach.com •

VIDEOGALERIA EN PICASA:

Seleccionas la carpeta o galería de picasa y le das a crear una presentación de video. La presentación luego te dejara subirla a youtube si quieres usarla para ponerla en páginas web. Para coger el código html tienes que una vez subido el video a youtube visitarlo como usuario normal.

23. CIRCULOS DE GOOGLE+: Los círculos de google+ son grupos(círculos) de contactos que puedes crear, invitándolos a un circulo(grupo)de tus cuentas de distintos correos o redes sociales como Facebook. Para unificarlos en google+ y así poder tener un acceso rápido a tus contactos para poder hablar con ellos si están activos. 24. EL PAIS: http://www.google.es/ig/directory?synd=open&hl=es&cat=news 25. TABLAS: Crearla en Excel y copiarla. Pegarla y generarla en esta página: http://tableizer.journalistopia.com/ 26. CALENDARIOS: GOOGLE: https://accounts.google.com/ServiceLogin? service=cl&passive=1209600&continue=https://www.google.com/calendar/render&followup= http://www.google.com/calendar&scc=1 Desde la configuración de tu calendario puedes sacar el codigo html para tu web.

12 Profesor: Bruno Perea Labayen


27. EL TIEMPO: Te permite mostrar el tiempo que hace en tu ciudad. http://www.eltiempo.es/widget/ 28. CONTROL DE VISITAS: Te vas a esta página: http://feedjit.com/freeLiveTrafficFeed/#customizeDiv En Install Feedjit on my seleccionas blogger le das a go/ install on blogger/añadir artilugio. Aparecerá automáticamente como un gadget en la sección diseño de tu blog. Otro: http://s04.flagcounter.com/more/9H2n/ 29. GADGETS DE BLOGGER: •

ETIQUETAS:

Se llama etiquetas y es de los que te da blogger gratuitamente. Las etiquetas ordenan tus entradas en grupos para tener un fácil acceso a ellas y este gadget te las muestra en forma de lista sin él no podrías ver las etiquetas que has creado.

ARCHIVO DEL BLOG:

Muestra una lista en la que se muestran todas las entradas del blog, clasificada según el orden que le hayas especificado por ejemplo por meses.Para que tengas un acceso rápido a las entradas que más te interesen.Está incluido en blogger.

TEXTO:

Muestra un texto en la posición del blog donde le indiques. Por ejemplo se puede utilizar para mostrar un texto de copyright indicando que algunas de tus fotos no son tuyas sino de otras páginas, para que así no haya problemas de derechos de autor. Está incluido en blogger.

PAGINAS:

Muestra una lista con las páginas de tu blog. Para tener un acceso rápido a ellas. Está incluido en blogger.

13 Profesor: Bruno Perea Labayen


WIKIPEDIA:

Puedes buscar información en Wikipedia de forma rápida. Está incluido en blogger.

TRADUCTOR

Permite a las personas que te visitan traducir tu blog a distintos idiomas Ya incluido en blogger.

ENTRADAS POPULARES

Muestra una lista de las entradas más populares de tu blog.

PERFIL

Muestra información sobre ti a las personas que te visitan. Ya está incluido en blogger

RELOJ:

Buscas el gadget reloj digital entre los que te da blogger gratuitos •

DAILY CALENDAR:

Buscas este gadget entre los que te da blogger gratuitos. •

FEED(RSS):

Se puede mostrar información actualizada de las páginas que tengan direcciones rss que apuntan a temas específicos dentro de la web que puedes meter en tu blog y tenerla siempre actualizada sin que tengas que hacer nada. Lo que tienes que buscar es la dirección rss de la sección de la página que te interese. Ejemplo para ver las últimas noticias del periódico del país buscas este código: http://ep00.epimg.net/rss/tags/ultimas_noticias.xml Sacado de la página: http://servicios.elpais.com/rss/ Cuando tengas la dirección creas un gadget Feed que es uno de los que te da blogger gratuitos. •

FORMULARIO DE CONTACTO:

Busca el gadget formulario de contacto de los gadgets gratuitos de blogger. •

LISTA DE ENLACES:

14 Profesor: Bruno Perea Labayen


Te permite poner enlaces ordenados en una lista en tu blog. 30. PLANTILLAS: La plantilla es el esqueleto de todo blog sobre el cual vas añadiendo luego todo el contenido. Textos,imágenes,videos,enlaces,gadgets etc… El propio blogger ya te deja escoger entre unas cuantas pero también puedes encontrar muchas en páginas externas a blogger. Cada plantilla tiene distintas posiciones donde meter gadgets, dentro del diseño de tu blog y unas te dejaran meter más gadgets o menos y moverlos de posición o no. También algunas te dejaran modificar el ancho del blog o la imagen de fondo y otras no. De blogger: Te vas a: Plantilla/personalizar/plantillas Y escoges la que más te guste. Le das a aplicar al blog y ya habrás cambiado de plantilla. Externas a blogger: Una página de la que puedes sacar plantillas es esta: http://btemplates.com/ Una vez la hayas bajado tienes que buscar donde se descargó el archivo xml que será el que contenga la información de la plantilla y el que tendrás que meter en blogger. Para incorporarla a tu blog tienes que ir a: Plantilla/crear/restablecer copia de seguridad Desde seleccionar archivo le indicas donde está el xml de tu plantilla. Y por último le das a subir. Si quieres puedes hacer una copia de seguridad antes de tu plantilla, para ello antes de darle a seleccionar el archivo tendrías que darle a descargar plantilla completa y así tienes la seguridad de poder volver a la plantilla original si ves algún problema en la que hayas añadido. 31. IMÁGENES DE FONDO: Puedes cambiar la imagen que ves como fondo de tu blog para ello el propio blogger te da muchas a elegir pero si quieres puedes cambiarla por una que te bajes de alguna página externa a blogger. 15 Profesor: Bruno Perea Labayen


De blogger: Vas a: plantilla/personalizar/fondo/imagen de fondo. Seleccionas la que te interesa/listo y aplicar al blogg. Externa a blogger: Una de las páginas de la que puedes encontrar imágenes es: http://subtlepatterns.com/ Para meter una imagen de fondo en tu blog vas a plantilla/personalizar/fondo/imagen de fondo. Le das a la flecha que está pegada a imagen de fondo/subir imagen. Le dices donde está la imagen que te hayas bajado de internet. Listo y aplicar al blogg. 32. PAGINAS DE INTERES: GADGETS:

http://www.gadgetsblogger.com/ http://tableizer.journalistopia.com/ http://www.google.es/ig/directory?synd=open&hl=es&cat=news GALERIAS DE IMÁGENES: http://mypicpals.com/ CAMBIAR TAMAÑO GADGET PRESENTACION DE BLOGGER: http://es.globedia.com/personalizar-gadget-presentacion-slideshow IMAGEN DE FONDO: Buscas la imagen y la pones de fondo

http://subtlepatterns.com/ http://www.patterncooler.com/ http://www.colourlovers.com/patterns/add http://lostandtaken.com/gallery PLANTILAS PARA BLOGGER:

16 Profesor: Bruno Perea Labayen


http://btemplates.com/ 33. ENLACES A ENTRADAS DESDE PAGINAS SECUNDARIAS: Puedes crear enlaces a entradas específicas de tu blog desde cualquier página secundaria de tu blog. Se puede crear un enlace a varias entradas específicas de tu blog o a una sola. Aunque accedas desde paginas secundarias de tu blog las entradas realmente siguen en la página principal de tu blog. A una sola entrada: Te vas a la sección de páginas de tu blog y le das a crear una dirección web (no una página) y por ultimo le pones la dirección de la entrada correspondiente a la que quieres que te lleve al pinchar sobre el enlace del menú que has creado. A varias entradas: Etiquetas las entradas que te interesa mostrar en el enlace con la misma etiqueta. Luego desde la vista de usuario vas a la etiqueta que has creado y copias la dirección que pone en la barra de direcciones del navegador. Por ultimo creas una dirección web (no una página) y pegas la dirección que acabas de copiar. De esta forma cuando pinches en ese enlace del menú te llevara a las entradas que estén etiquetadas con esa etiqueta dentro de tu blog. Las entradas seguirán almacenadas realmente en la página principal de tu blog aunque este accediendo desde páginas secundarias. 34. ENLACE A ENTRADAS SEGÚN FECHA DE PUBLICACION: Tienes que ir entrada por entrada y cambiarle la fecha de publicación a la misma fecha todas las que te interesa mostrar y que sea alejada de la actual(con que este publicada antes que la primera entrada que creaste de tu blog ya vale) y que ya haya pasado la fecha. Lo de alejarla de la actual es para que estén totalmente independientes de las nuevas entradas que hagas y lo de la fecha ya pasada es porque si no cuando hagas publicaciones nuevas si la fecha está más adelantada que la fecha actual mostrara primero esas entradas y no las que hagas ahora porque las considerara las mas actuales. Por ejemplo publícala con fecha del año 1980. Luego vas a la vista de usuario de tu blog (no como administrador) y en la vista de usuario te vas al registro del blog y pinchas en la fecha correspondiente a la que acabas de poner y te llevara directamente a las entradas que coinciden con esa fecha de esta forma ya tienes la dirección que te interesa que será la que tendrás que pegar en la sección de páginas de tu blog en crear una dirección web. De esta forma cuando pinches en el enlace del menú de tu blog te llevara directamente a las entradas que corresponden con la fecha asignada y así conseguirás

17 Profesor: Bruno Perea Labayen


ir a las entradas desde otra página que no sea la principal aunque de todas formas las entradas seguirán realmente en la página principal de tu blog y no en las demás. 35. ENTRADAS MÁS COMENTADAS: Con este gadget ves una lista de las entradas más comentadas y te indicara cuantos comentarios tiene cada una. De esta forma la gente sabe cuáles son las mejores. Tienes que permitir que el blog lo pueda ver cualquier y no solo el administrador ya que sino no funciona y no se verá. Pega este código en un gadget html/javascript y donde pone URL de tu blog pones la dirección de tu blog. <script language='javascript'> aBold = true; numposts=500; maxshowresult=10; home_page = "URL DE TU BLOG"; </script> <script type='text/javascript'> //<![CDATA[ var postTitlear=new Array();var postUrlar=new Array();var postCommentar=new Array();var totalpost;document.write("<ul>");function showrecentposts(j){var a=j.feed.entry.length;totalpost=a;for(var f=0;f<a;f++){var h=j.feed.entry[f];var c=h.title.$t;var b;var g;if(f==j.feed.entry.length){break}for(var d=0;d<h.link.length;d++) {if(h.link[d].rel=="alternate"){g=h.link[d].href;break}}for(var d=0;d<h.link.length;d++) {if(h.link[d].rel=="replies"&&h.link[d].type=="text/html"){b=h.link[d].title.split(" ") [0];break}}c=(aBold)?"<b>"+c+"</b>":c;postTitlear.push(c);postUrlar.push(g);postCommentar. push(b)}sortPosts();for(var f=0;f<maxshowresult;f++){var e='<li><a href="'+postUrlar[f]+'" class="recent-link">'+postTitlear[f]+" ("+postCommentar[f]+" comentarios)</a>";document.write(e)}}function sortPosts(){function c(d,f){var e=postTitlear[d];postTitlear[d]=postTitlear[f];postTitlear[f]=e;var e=postUrlar[d];postUrlar[d]=postUrlar[f];postUrlar[f]=e;var e=postCommentar[d];postCommentar[d]=postCommentar[f];postCommentar[f]=e}for(var b=0;b<postTitlear.length-1;b++){for(var a=b+1;a<postTitlear.length;a++) {if(parseInt(postCommentar[b])<parseInt(postCommentar[a])) {c(b,a)}}}}document.write('<script src="'+home_page+"feeds/posts/default?maxresults="+numposts+'&orderby=published&alt=json-inscript&callback=showrecentposts"><\/script>'); //]]> 18 Profesor: Bruno Perea Labayen


</script>

36.

TRUCO LEER MÁS EN BLOGGER(uno por entrada).

Blogger incorpora por defecto la posibilidad de cortar nuestra entrada en la portada e incluir un enlace que indique donde leerla completamente.El uso es muy sencillo hasta para el más inexperto ya que bastará con usar la opción que vemos en nuestro editor de entradas.Y nos servirá para cuando hagamos entradas muy largas. El ejemplo y los pasos lo podéis ver aquí:

Lo primero que haremos es redactar el post como siempre lo hacemos y una vez escrito o editado lo cortaremos por donde queramos. En nuestra barra de herramientas, cuando redactemos un post, vemos en el extremo derecho:insertar salto de Línea.

Desde el modo edición HTML veremos que en nuestro texto se ha añadido un código identificado como more, es ahí donde se colocará el corte.

Para cambiar Read more por lo que quieras poner: Dirígete a Diseño-> Entradas del Blog -> Editar. Ahí podrás editar lo que quieres que aparezca en more, es decir, puedes poner: leer más, continuar leyendo, ver entrada completa o lo que te apetezca.

19 Profesor: Bruno Perea Labayen


Como podéis observar es muy sencillo este truco.

37.

CONTADOR DE VISITAS: http://www.websmultimedia.com/contador-de-visitas-gratis Copiar y pegar este codigo en un gadget html/javascript: <!-- Contador de visitas --> <center> <img style="border: 0px solid; display: inline;" alt="contador de visitas" src="http://www.websmultimedia.com/contador-de-visitas.php?id=137697" /><br /><br /></center> <!-- Fin Contador de visitas -->

<!-- Contador de visitas -->

38.

MENU PERSONALIZADO: http://purecssmenu.com/ Te pide registrarte para descargar el menú. En esta página los puedes crear luego tienes que descargarlo y copiar todo el código que venga en el archivo que has descargarlo y pegarlo en un gadget html/javascript.

20 Profesor: Bruno Perea Labayen


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.