CREA TU BLOG EN BLOGGER: PROGRAM ACTON BIENVENIDA Hola, soy Celio, de El Perro de Papel, me encanta el Disefio Grafico y ‘oplicalo a los Blogs. Por eso y porque muchos de vosotros me habeis pedida: un curso sencillo para personalizar westros blogs, me he decidido a lonzar este ebook A lo leo de este manucl aprenders a crear un Blog desde cero, conectarlo a una pagina de Google Plus y personalizarlo para adaptarlo a la imagen que quieras oftecer a tus visitantes. Vamos @ usar funciones muy basicas, usando la plantilla Simple de Blogger, ‘@hadiendo cigunos de los widgets mas interesantes y aplicando algunos cambios sencilos a la plantila HTML. A\ finalizar e| ebook sends capaz de disefar un Blog como éste en muy poco: tiempo: Crea tu Primer Blog = EN BLOGGER Bionvenida al Curso Ora tu Blog 60 Blogger 1 Facebook —<— CREA TU PRIMER BLOG | on Blogger | » Goagle + | www.eloerodepacelcomCREA TU BLOG EN BLOGGER: PROGRAM ACION Este curso no sé centa en programas de diseto, por lo que he usado Paint Para hacer las diferentes ilustraciones. Dentro de unos meses lonzaré un nuevo curso mas centrado en el Disefio Grafico donde usaremos InkScape, un programa profesional de disefio veciorial de descarga gratuite, para darle un disefio mucho més profesional a nuestra bitécora. Site surge alguna dude a Io largo del curso, puedes escribime a: elpenodepapel@amailcom IEstare encantade de saber de ti Un fuerte abrazo y Kfeliz oprendizojel www.elvenodepacelcomCREA TU BLOG EN BLOGGER: 1- ABRIR CUENTA EN GMAIL GRAM ACION Antes de comenzar con tu Blog, hay una serie de cuestiones que tienes que tener en cuenta. Si vas a compartir contenido propio y ofiginal, seguomente tus Visiantes queran contactor contigo, ya sea para peditle Consejo, consultarte duds © simplemente saber algo més de fi, Por ese motive, es muy buena ideo crear una cuenta de correo electrénico especifica para el Blog. Desde esa cuenta, crearemos nuestro Blog y perfil en las redes sociales, asi tendiemos todo uniicado y nos resulta todo mucho mas sencilo. Es recomendable usar GMAIL ya que, como Bloager y Google Plus, pertenece a Google y nos faciltard la conexion entte los diferentes servicios. Para elo buscamos CMAIL en el buscador de Google. Seleccionames Crear una Cuenta, ma - ——= oF poston : wwwelerodepavelcomCREA TU BLOG EN BLOGGER: PROGRAM ACION ‘L- CREAR BLOG EN BLOGGER Y PAGINA EN GOOGLE PLUS Una ver creoda nuestia cuenta en Gril, vamos « abrir nuestro Blog en Blogoet. Paro ello enttomos en el siguiente enlace www blogger.com/ Con nuestia cuenta de Gmail Enel panel de inicio, seleccionamos Nuevo Blog. PU Blogs de Celia Espada Garcia eecite Crear blog shora Todavia no eres ol autor de ningtin blog Seleccionames [a Plantilla Sencilla de Blogger. Lista de blogs » Crear un nuevo blog Diwscin | les deme Dee Wind www.elvenodepacelcomCREA TU BLOG EN BLOGGER: PROGRAM ACION Elegimos el titulo que queramos para nuestro Blog y en Direccién ahadimos la URL, a veces la que queremos ya esta registrada y tenemos que frobar hasta dar con une libre que se adapte a nuestras necesidades. Lista de blogs + Crear un nuevo blog Tee [monn owen | = [Ya tenemos nuestro Blog registradal Ahora vamos a personalizarlo. n Blogs de Celia Espada Garcia iim Curso Crea tu Blog No hay ninguna entrada. Enigezar a pubiicar entradas www.elvenodepacelcom3.- PERSONALIZAR LA PLANTILLA Vamos a empezor a darfoma.a nuesto Blog Para ello vamos a: Plantilla > Personalizar 20 Crea tu Blog» Plantils Movil caso Crest Bog Bo =a -. aed Y entramos en el Diseftador de Plantillas de Blogger. Disefaior de plantillastle Blogger Curso Crea tu Blog wwweloenodepooelcom> fondo Desde esia opcion mocificames el fondo de nuestra Blog. Podemos elegir entre los diferenies fondos predeteminados de Blogger o subir uno propio. En mi Blog podéis encontrar un montén de fondos que podéis uscx, podets utiizarios lioremente, tanto para un Blog personal como comercial, son de inte uso. Diseftador de plantillas de Blogger oe Gama de chores principal contd eer fr pone 14 Peawarir 0 Mas Siguiente biogs Curso Crea tu Blog * Sime peiites darte un consejo, el color que més favorece a un Blog es el blanco. Fociita la lectura y resulta mucho mas comodo centrar jo otencion en el contenido, sin eniretenerse en la decoracién adicional, Un lslog con un fondo demasiado coloido 0 decorado, puede molesior al lector y clector negativamente a la. ysobilidad y optimizacion ya que las visitas que perdamos, aumentardn nuestro indice de rebote indicandole a Google que igo marcha mal en nuestro Blog. wwweloenodepooelcomCREA TU BLOG EN BLOGGER: PROGRAMACION 4.- CREAR NUESTRA PRIMERA ENTRADA. Volvemos a Blogger y seleccionomos: Entradas > Entrada Nueva. ©) Blogger ¢ Bo verte Mis blogs Curso Crea tu Blog + Entradas » Todo ©] + Pubes | camblaraborrador | No hay ninguna entrad, Tod 19 Nos oparecerd el siguiente panel de redaccion de entradas: CoBlogger ton colncemsocnen gB oe conser www.elvenodepacelcomCREA TU BLOG EN BLOGGER: PROGRAMACION Vomos a ver las opciones principales detenidamente para crear nuestra primera entrada, Como veis, gracias c que tenemos integrado Google Plus, al redactor nvestras entradas, podemos mencionar a cualquiera’ de nuestros contactos en dicha ted social Teniendo activade Redactar (arriba a la izquierda), esctibimos el texto. En mi €as0 es una presentacion de este curso. curso crestu Blog. Crirsca, een Sra meee ee Tre aie © Pram Coys noel ait tne epee, Dea ae eerie > Ciecesamnnte ee vie foeumseagae chem 2 ops Meaaer me s esin eveaatar en Dos ‘cx meando \Bewea 1 ‘Cuande hayomos revisado el texto, procederemos a darle formato. curso Crea tu Blog Entrada Giewetia al Ge Gros Boa on Bugger = Fra tome] we Ae ence a “x va - (imu ih) ee ee ene ne ea renee ete eee eee ee eet www.elvenodepacelcom 20CREA TU BLOG EN BLOGGER: 5.- DISENO AVANZADO. \AMACION Ahora si, vamos o personalizor nuesto diseno desde el Disefiador de Plantillas jeniendo nuestra enirada publicada para poder uscila como referencia a la hora de escoger las diferentes tipos de letra, colores, ete. Diseftador ie plantilas ve Blogger om aes ne > = ‘Texto dela Pagina. El tipo de letra y el color del texto principal de nuestro Blog (e! que ‘aparecerd en las entradas y paginas), Es recomendable que sec un tipo de letra legible, sin florituras, de un color que no sea excesivamente claro, para facilitar la lectura, Si usomos un rosa pastel y un tipo de letra demasiado decorada... los visilantes pueden salir esoantados de nuestra pagina incluso antes de terminar de leer la entrada. wumeloerodepapelcom 35CREA TU BLOG EN BLOGGER: PROGRAM ACTON 6 CREAR NUESTRA PRIMERA PAGINA Blogger ha actualizado Ia foma de crear paginas. Ahora es similar a la edicion de enradas y podemos haceilo descle Paginas - Pagina Nueva, El Perro de Papel: Disefio Personalizado p... - Paginas » Todas (16) ae | ao aaa lw Descaes Twos Beg ite 39 curse Oso on Pubichery Soo sa Bloggar ‘indice sare Ineiatvas Sioggeras Ver Compt Emina Productos Uelonee Notins Nosotros vamos a disefiar la pagina Sobre Mi, de vital importancia en los Blogs. wwmeloerodepaoelcomCREA TU BLOG EN BLOGGER: PROGRAM ACION ‘A todos nos gusta sober con quién estamos hablando. Si afiadimos un breve descripcion de quienes somos, conseguiremos que el visitante confie un poco mas en nosotios. Lo mismo sucede con las fotos. Un blog sin informacion del ‘autor 0 forma de contacto, suele generar cierta desconfianza ‘Yo voy ai inclur una foto que ya tengo subida a mi Blog personal, para ello, he seleccionado subir imagen desde una URL he copiado e! enlace de la imagen de mi Blog y lo he pegado en la ruta de Ia imagen a subi (Cuando era pequeta me encantaba hacer segues, cosat una nia podia pernstirse, Los deeoraba con lo que cor Jos parsonalizaba con carts yetiquetas hechas por mi, 4 ( : y. ‘Abi elace an ura pestara nue meee reando historias que a dis cordar aquellos abos. Por ‘Abinaiace an una venane nus BBiedtcheceanasereiora icici Guarda enlce coma. Copia resin de enlace rue “Copier URL le magn PERLE: Teparimagen Absrimege en une pestaarueve Enoontré parejaen Madrid, _ M#Peclenar erento pté.a mi pequetia Gloria, lend mis das de felicided. Gruclasa alla empeck acolaborar con Gran Familia, la protactora de dor ‘hacer diferentes campatas para recaudar fonds para sus refusiados www.elvenodepacelcom 40CREA TU BLO 4 DISENO AVANZADO I Vomos @ seguir pesondizando el diseho avanzado de nuestro blog con nueshas paginas ya publicadas y vsibles. Mis blogs Curso Crea tu Blog + Plantilla =a Enipiara con un lai bisa persons El blog ahora 4 Vinge Bi emi 1D Pans 5 © comnaice Bi over © evatiicae D ingress 48 F Contre Sencillo > ~— Texto dea Pestatia ‘Yo podemos personalizar el aspecto de las pestafios de nuestro mend > tase SaunggeByalem few se He Curso CREA Tu Boe ( wwwelerodepavelcomRAMACION GEN BLOGGER: Recuerda elegir un tipo de letra legible, lo mision de nuestro menti superior es ‘yudor @ nuestras nuevas visitas a navegor por nuestro blog. > Es recomendable que el color de fondo sea transparente, ya que estéticomente fovorece mucho la imagen de nuestio Blog. eshannggaleon tues Curso CREA Tu BLOG > = Titulo de Entrada. Paina inal Sone ws wumeloerodepapelcom 49CREA TU BLOG EN BLOGGER: PROGRAM ACION 4. ELIMINAR LA SOMBRA QUE ENMARCA LAS IMAGENES Nos aseguramos de tener Color de fondo y Color del borde transparentes en el Disefiador de Plantillas. Cates 54 ‘Guardamos los cambios y volvernos a Blogger. Seleccionamos Plantilla y vamos a Editar HTML. Ennpiezs con una ploillabsicay personli el fondo, el eve, los colores as fuentes y mucho mis El blog ahora evil Curso Crea tu Blog Ss | wwwelerodepavelcomCREA TU BLOG EN BLOGGER: PROGRAM ACION J. APLICAR FORMATO AL TLTULO DE NUESTRAS ENTRADAS. Ahora vamos a centrar los titulos de nuestras entradas. Para ello, buscamos: h3.post-title, comments h4 Y antes de la lave de cere pegaremas @! siguiente codigo 58 text-align: center; Tal y como aparece en esta imagen: Bionwonida al curso cree tu Blop en CREA TU PRIMER BLOG nn Blogger wwmeloerodepaoelcomCREA TU BLOG EN BLOGGER: PROGRAMACION 412.- ELIMINAR NAVBAR Y ATRIBUCION > = Navbar Hatards nojado que la barra de navegacién superior resta profesionalidad al Blog, asi que vamos a eliminarla para mejorar la estética, TER er Fermnor Curso CREA tu BLOG Manic) ote 74 CREA TU PRIMER BLOG en Blogger Para ello vamos a Disefio y seleccionamos Editar la Barra de navegacién. Fortin www.elvenodepacelcomCREA TU BLOG EN BLOGGER: PROGRANACION EN BLOGG 43 DISENAR CABECERA PARA EL, BLOG Como comeniébanos al princioio de este manual, aqui no vamos a hablar sobre programas de disefio, 0 lo que he usado Point para disefiar los diferentes graficos que he usado. Paint es un programa muy sencillo y bésico, pero puede sevinos para emperor @ disefar las diferentes llustraciones para nuesto Blog, ya que nos permite trabojar usando los pixeles como unidad de medida. Para alseviar nuestra cabecera primero necesitamos las medidas, Para elo vamos al Disefiador de Plantillas de Blogger y elegimos Ajustar Ancho. Necesitamos la medida del Blog Complete. Disefador de plantas se Blogge 81 Curso Crea Tu BLos Arias en Paint un documento ce 960 x 250 pixeles (250 pixeles es el alto ‘eproximade que suele quedar bien), wwweloenodepooelcomCREA TU BLOG EN BLOGGER: PROGRAMACION EE Sees Ba Ee, | a | SESE co De Lo contin ZEA A Coan: Pee Pores eee Ses igo = oe Paint nos ofiece diferentes formas predisefiadas que podemos usar para decorar nuestra cabecera, Ademds, podemos combiar el tiga de contome y telleno. El efecto crayén queda bastante bien, simula estar coloreado a mano. Pe cae www.elvenodepacelcomCREA TU BLOG EN BLOGGER: PROGRAMACION {4.- CENTRAR LAS PESTANAS DEL MENU Para: meforar a estética de nuestro Blog, vamos a ver cémo centrar las pestafias del mend. Vamos a insertar un sencillo cédigo en nuesta plantila HTML. PageList {text-align:center limportant;) PageList li (display:nline limportant; float:none limportant;} Usaremos el buscador intemo de nuestia plantila HTML para encantror el cédigo que opiica el formato @ nuestro mend superior de paginas /* Tabs www.elvenodepacelcom 86CREA TU BLOG EN BLOGGER: PROGRAMACION 415.- PERSONALIZAR FORMULARIO DE COMENTARIOS EI objetivo de todo Blog es el de crear una comunidad, es decir, un lugar donde tanto e! autor como los visitantes se sientan cémodos y se animen a. comentar, compartir y opinar con total confionza. Pore ello, primero vamos a facilitar a nuestros lectores la posibilidad de comentar. Yo tengo desactivada la casilla de verificaci6n, es un rolo tener que esciibir las dichosas palobros cada vez que vas @ deior un comentario, ol segundo fallo, no lo intento mas. Y es una pena, podemos perder comentarios volosos y hacer que nuestro lector se vaya con un mal sabor de boca. > = Entradas En Configuracién - Entradas: podemos cleo el maximo de entradas que se veran en la pagina principal. =a Entradas Miiengent Mosiorut sin de7 es B crates Partiintelasoriséae > Ata 1D Pigins ii Mesrrimagores con ito [=] Bi coogi BP cstanicas e Comentarios D ingesce Hi este Uicacin des cometiaios * | paygoabaninae © ee Bude puede comercar 1 cuales, cine roi 8 vanes nce om Lr basa © Uawara con cuentas ce Gegle © Sol ls miembros dete log Weal yeanea veces ‘etinen 8 Nance www.elvenodepacelcom 88CREA TU BLOG EN BLOGGER: PROGRAMACION Ahora se veria perfectamente: Si queremos eliminar el borde punteado, volvemos a plantila HTML, buscamos el mismo cédigo de antes y eliminamos: border: 4px dotted #F7819F; Elcédigo quedaria ast nS.post-zisle, .coments hi Heat: § seis. 1 Siotaco por Cas pa Gare ets gh PIES IRG I recat Goce No hay comentarios: www.elvenodepacelcom 95CREA TU BLOG EN BLOGGER: PROGRAM ACION 46 OTRAS OPCIONES DE CONFIGURACION Hay otras opciones importantes a tener en cuenta a la hora de configurar nuestro Blog. Enie ellos, una de los més importantes, €s establecer conectamente nuestra franja horaria, sobre todo si tenemos pensado programar nuestras entradas para que se publiquen de manera automatica, > formato Rui: Configuracién - Idioma y Formato Nos asegutamos de fener marcado en Idioma: espaol Y en Zona Horaiia, buscaremos nvestia fianio conespondiente, en mi caso es OMT#O1 Madrid. Las siguientes opciones nos permiten elegir como queremos que se vec la fecha encima de cada una de nuestias entradas. 96 ba rato ME Vici grt om =e B Encas Habitareanaterseiin > 1D Pisinax Tmnsomate | 9 Anicco- cl ~ & Comentsiios Bi ooates Formato, © evssenes son nana =e D ingress Hi ete Formitoe caecirs. che? papa, ede agenta det © oF Pants F coniguracion oes Lobisico Formsio de ho de os PEGA Raa Entecas v comenttes ay eae Secrenes oma mate Con este sencilo cambio ya podemos progromar nuestas entradas sin problema, www.elvenodepacelcomTU BL 47.- 1CONOS REDES SOCIALES Tras el dino cambio en el algorimo de Google, el contenido compartido en las redes sociales se considera contenido de calidad. Cuonios mas “me gusto’, “#1” y tweets obtengan tus arficulos, mayor reputacién online tendias o los ojos de Google EN BLOGGER: ROGRAMACION Por ello es de vital importancia incluir los iconos para que te sigan en las redes sociales en el sidebar de tu blog Vamos a ver como hacerlo, Pare diseriarlo, tomamos la medida de la barra lateral del blog en el Disefiador de Plantillas. Diseftador de plantillas de Blogger sake gar 102 Con esa medida como referencia, abrimos un nuevo documento én Paint para: disefiar nuestro primer icono. En mi caso son de 260 x 100 pixels. “Gintir denmanseo (A) poizone a (lt wees ae sSegar(gades} (eee Gag wwweloenodepooelcomCREA TU BLOG EN BLOGGER: PROGRAM ACTON Este es mi disefio en Paint, como ves, a pesar de ser un programa muy sencilla, pueden dibujarse cosas chulas. TE ‘of Reeorae =) [ph centeme> oS Sonne Reterar Disefiamos iconos pora todas las redes sociales que tengamos. Ahora vamos a instalarlos en el sidebor del blog. Pare ello, en Disefio, afiadimos una nueva Imagen. 103, Cuadro 6 basqueds gee Saleen Eee ee senasens i Peles: Zama Tororeeeunen i war pom wwwmeloerrodepapelcomCREA TU BLOG EN BLOGGER: PROGRAM ACTON 18. INTEGRACION CON GOOGLE PLUS En Disefio - Afiadir un Gadget - Lo basico Encontramos los gadgets de Google Plus que podemos integrar directomente: en nuestro blog, © Boton +1 ‘Avan gadget Beenie ee 109 Configurar el botén +1 Vista previa ia) Pequefo (15 px) ) Meciano (20 2) Estandar (24 px)(® Grands (50 x) Anoiacion Surbuja BH EE |e Tamaflo wwmeloerodepaoelcomCREA TU BLOG EN BLOGGER: PROGRAM ACION 19 SEGULR POR CORREO ELECTRONICO Si tienes un blog, tienes un feed. El feed de tu blog se encarga de enviar las enirades en un lenguoie comprensible para Google para que sean indexados y. 8 has habttado la susciipcién por coneo electrénico, envia los emails @ tus susctiptores con el nuevo contenido publicado, Podemos afadirlo desde Disefio - Afiadir gadget - Seguir por correo electronico. Insignia de Google+ Ya se ha afadido. rr Dies aia personas que te vistan que estas EA en Googles y permite que te sigan con tan solo un ele. Por Blogger Le a Traductor 4 Pemmite 2 las personas que te visitan traducir 113, Z tu biog a distntos idiomas. Sa Por Blogger Penmite 2 las personas que te vsitan suscribrse tdcimente a ia entrega de correo electronico cuende pubiieas una entrada. Por Blogger — Entradas populares 4 Nuestra una lista de las entradas mas ~~ populares oe tu blog iF Por Blogger Ahora vamos a configurar nuestro feed. www.elvenodepacelcomCREA TU BLOG EN BLOGGER: PROGRAM ACTON Modificamos el titulo del banner animando a nuestios lectores a susciibiise para recibir nuestras actualizaciones, Lo URL de tu feed es: hitp//feedsfeedbunercon/urldetublog Tal y como aparece la mia en la imagen infetior Configurar el seguimiento por correo electronico URL de Feedturmer — htpsoods four com/CursrosTuBtog Elie eed seh ceala isdarte FESMSunerV panenaoe 2 cursocreatitogger@gnal cam 114 Pinchamas en Ver las estadisticas y obtener mds informacién, Y enirainas caulomaticamente en Feecbuner, Mi Feeds decir: “Vamos a jugar a los dost” Google tue Saban sages “Segue ; Sionetnont [ar nesenmoue ‘oi nen mate x ene ae ‘Sheameensne cer votnsoren | www.elvenodepacelcomCREA TU BLOG EN BLOGGER: PROGRAM ACTON Cuando empecemos a tener seguidores, podemos verlos entrando en Feedbuer, pinchande encima del nombre de nuestro blog y seleccicnando Analyze. Curso Crea tu Blog Google feedburner 63 eater eanes R85. .porerrss | Tarstrenaa RSS ‘anaizar |[ Optmizar |[ Divuigar || Troubieshoouze | 2 i Feeds Suseriptores del RSS Tu alimentaci6n es tan nuevo oo Que TODAVIA ESTAMOS. — vwareats| | uganda con el Ptésico de Tots 6,82 eee 12g || SerPometit cama iL 129 10s wwmeloerodepaoelcomCREA TU BLOG EN BLOGGER: PROGRAM ACTON 20.- SEGUIDORES, FORMULARIO DE CONTACTO Y FAVICON Desde Disefio podemos ahadir otros gadgets interesantes. > —Sefuidores. Lopisico (buscar gadgets) Gadgets para Blogger proparcionados por altos programadores. = Mas Informacién ‘fade ta pose 125de28 130 2 de usuarios que siguen tu blag Formulario de contacto Nuevo! ‘Afiace el widget Foruiario de contacto a tu blog Por Blogger Wikipedia jNuevo! Con este gadget puedes buscar articulns 0 texto ‘Wispedia de una forma répida, comoda y sencill: Par Blogger Atrovés de este gadget nuestros lectores pueden seguir nuestro blog. www.elvenodepacelcomCREA TU BLOG EN BLOGGER: PROGRAMACION 21- PERSONALIZAR COMENTARIOS Publicamos un comentario de prueba en nuestra entrada de prueba, Este es el formato predeteminado de las plantilas simples de Blogger. 1 comentario: Celia spud Garcia @D 12 opera de 202 1320 Pras Responder Elerinar ‘Aiiaiccomentar 134 Para personalizorlo vamos a nuestra Plantilla HIML y buscamos: IP Encima de esta etiqueta se oftaden los estos para los diferentes elementos de nuestro blag. mabile-1ipk-nurton ating, mebtte-tink-botton atvisited { ‘figsnsie.sesesn 2225) 9 mobile .tabs-inner .seotiontfaret-ohild ( ‘beedex cop eros ears rey sae reeENTY sgasrcoier] $|cqes seiscved background, Colo) + Berdar-bottant #(eabe.paides-nadza) 2 ‘porder-Satartdige: ipk solid Sluabs.borde:.cclor}s ex (anporcanct) = Flourimone Hinsostasss} www.elvenodepacelcomCREA TU BLOG EN BLOGGER: PROGRAM ACTON Vamos 4 nalizar algunas opciones para personalizar los colores: Cédigo 1: comments .comments-content { Modiicando > background: #FFFFFF url); ‘Cambiamos el color del fondo de! contenedoy, por ejemplo: 2 comentarios: Fon espaaa Garcia! 7 & ‘Comertario de prueba liminar Responder Prucba dos Hliminer Codigo 2: comments comment .comment-actions a { Moditicande -> background: #CEESF6; ‘Cambiamos el color de fondo de los botones Eliminar/Responder wwmeloerodepaoelcom 146CREA TU BLOG EN BLOGGER: PROGRAM ACTON 2 comentarios: Comentario de prueba lia Espada Gercial Prueba dos Responder Modificando > color: #848484; ‘Cambiamos el color de la letra de los botones Eliminar/Responder 2 comentarios: 147 Celia Espada Garcia} Comentano de prueba > Respuestas lla Espada Gare Prueba dos www.elverodepapelcomCREA TU BLOG EN BLOGGER: PROGRAM ACTON Dedicole un poco de tiempo a este cédigo, experimenta con él en tu blog de pruebas y cuando tengas el resultado esperado, implementalo en tu Blog tol y como hemos visto. Es importante hacer los cambios en un blog de prueba ya que en Vista Previa NO se ve, solo pacemos comprabar que la planiilla no tiene erores, quardar y, posteriornente, ver los combios que hemos hecho en el Blog visuaizando los comentarios. 153 wwmeloerodepaoelcomCREA TU BLUG EN BLOGGER: PROGRAMACION 12, PERSONALIZAR MENU DE PAGINAS Una vez hayas creado todas las paginas que necesitas y hayas situado el mend €n la:zona superior del blog, vamos 0 datle formato, Pore elo vamos & la planiila HIML de nuesito blog y buscomes de nuevo el mismo cédigo que para implementa la peronalizacion de los comentarios: IP see (EE asc - rain | vines Panta deformlo Rett leecamboe Reece pana dearugioe aloe aces peter Baal peste 154 Sern Justo encima, deboio del codigo de comentarios personalizados, con cuidado de no comeinos ninguna lave, pegamos el siguiente cédigo: wwmeloerodepaoelcomCREA TU BLOG EN BLOGGER: PROGRAMACION Ya sabes cémo hacerlo éverdad? Este es el resultado si copias mi cédigo sin modficarlo: Sin ratén > Seo “CREA TU PRIMER BLOG» on Blogger © Facebook 'S Twitter | 1S Google 4 Con ratén > Beco 0 Crea tu Blog en Blogger CFacckosk) {_——$— - CREA TU PRIMER BLOG 8 Twitter --— en Blogger © Googie} [terre 2Y si hacemos lo mismo con la fecha? www.elverodepapelcom 162CREA TU BLOG EN BLOGGER: PROGRAMACION Lo que hemos hecho es aftadir un estilo nuevo para cuando el cursor pase Por encima de nuestra fecha. Haz los cambios que quieras, compueba en Vista Previa que todo esta conecto. Y después de quardar te quedara mas 0 menos ast Sin ratén > & ‘ Crea tu Primer Blog a EN BLOGGER (e Facebook sninantepenenen RRR fo Canin CREA TU PRIMER BLOG | en Blogger © Google 4 IF | sed ‘Con ratén -> s. Crea tu Primer Blog | EN BLOGGER (© Facebook es CREA TU PRIMER BLOG (© Tuite | on Blogger fe Google 7 __]| www.elverodepapelcomCREA TU BLOG EN BLOGGER: PROGRAM ACTON 25, DESPEDIDA Y AGRADECIMIENTO. iEnhorobuenall Si has puesto en practica todo lo que te he contado en este manual, lestoy seguia de que ya eres copoz de ‘ugar con tu plantilo, personalizar tus nuevos gadgets y experimentar con nuevos codigos Hemos visto cOdigos bdsicos (colotes, efectos ol pasar el ratén. redondeo de esquinas, marcos, aftadir colores de fondo...) que pueden aplicarse a un montén de elementos de tu planilla, Nos hemos deiaco muchas cosas en el tintero, pero ceo que mi objetivo: ‘aprender a crear tu blog desde cero, ise ha cumplido si ests leyendo esta pagina’ Quiero darte las gracias por tu confianza, espero que dishutes aprendiendo y expementande, pues es la mejor manera de aprender, intentandolo equivocéndenes (no olvides practicar en tu blag de pruebas, Ino vayamos o lita con | plantilal) y, si es necesario, haz una copia de seguidad de tu planiila antes de hacer cambios, ol menos hasta que veas que fe manejos con cierta soltura, ipara evitar sustos innecescrios! Y cualquier duda, lya sabes dénde encontrame! elpenodepapel@amailcam Un fuerte abrazo, ly feliz dial www.elvenodepacelcom 165 [BSi ves este mensaje, probablemente ests intentando descargar wn libro que ha sido borrado de Iss, [FSi ves este mensje, probablemente ets intntando descarga wn bo que ha sido borado de su,