-->

Template Background plantilla para blogger

DEMO

Plantilla Background dispone de:
  • Dos columnas 
  • Pie de página con tres columnas
  • Barra lateral con forma de acordeón
  • Slider de últimas entradas
  • Fondo de imagen que cambia a cada clic. 
Puedes verlo paso a paso en este Post
Y ahora que ya lo tenemos empezamos

Introduciendo la nueva plantilla

Lo primero que tenemos que hacer es irnos a
Tema> Editar HTML
Con nuestro ratón pinchamos en el botón derecho y seleccionamos todo para borrarlo.
Luego copiamos este código y lo pegamos dentro del recuadro



 <? Xml version = "1.0" encoding = "UTF-8"?> <! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Strict // ES http://www.w3.org/TR/ Xhtml1 / DTD / xhtml1-strict.dtd "> <Html expr: dir = 'datos: blog.languageDirection' xmlns = 'http: //www.w3.org/1999/xhtml' xmlns: b = 'http: //www.google.com/2005/gml/b 'Xmlns: data =' http: //www.google.com/2005/gml/data 'xmlns: expr =' http: //www.google.com/2005/gml/expr '> <Script type = 'text / javascript'> Var banner = new Array () Banner [0] = & quot; Http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6xjarCKd4FMTJU7HigyOwyCJE666HI7uSjRw5NAJN0Ov5_o7QzuCnSu9L6rhU9_WXWn0F41gCsNpwJKSTcvqY9ZGOKCgKQtGlN8E_2w6fEYyWNmPAtNZ4VYkWCGEi6TXf5O_zd8OpOFDm/s1600/135ar.gif & quot; Banner [1] = & quot; Http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI2Ogaj3gl6P8Zo2uQipe1xw3qypv0hVtNW7V9Hu_4VyaHXEIyGahfxIJnQQnDk3jRunBdgIiCXYiZ_9ou6ano8atIv1TMr4f13ue5EHV4jAGDXnsKdRzS2o6yolqo5L9muJApAFlwIgIx/s1600/xbw.jpg & quot; Banner [2] = & quot; Http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkKcYWnjb7e1bYMQvV3DH0j8cPsJyPXk704WzNZyclzFSCeSfWR1jerQjvm96cqNIAOzixY4DrgN38IatC33vvXm2JFI6AhDK2DUpS9dj0GLHLZWk7BHuYrIIYm0W-q8aseOC9MqkAaONu/s1600/metal053.jpg & quot; Banner [3] = & quot; Http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil4p_GPgTwTSb3GeSf040Qp6CsnYsw2zivs_y_te2brqJGxWoAxFMFQLMpAqPIukYGoy6cvC7QpOcWyZv6zqFwIZFEm_bLtM06BVFYKXpCVSJkUqPNp6l6_QBpFKaN01ABMtTUiHA7SYSF/s1600/miscellaneous_2_238.gif & quot; Banner [4] = & quot; Http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFs3mzHWt_EUwG52nB-3CM2ah3r2ii0YGA82YL7o8Et_10dxLq2CmrWcguavZE3SdqNn4_SHY0wDh6El9ROsibThy3EX29H_U_k4NbVAusWxGa3dn82cP9iRbSRWqKBETb9a7kbNJEc-4L/s1600/imagem.gif & quot; Banner [5] = & quot; Http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih8MVzJwiGtRcbjy8Sr4-lT263i9v6Fvri3egapQ9o52ImDuiRTxQ-V3l_R74etPx0UrWSd4yh5prFz12i7EXAywwuf6Cnc6TA0G-PWQgXAQCg13BfcjpSoKctxz6KuWrp7DjU73nO_hwK/s1600/ww.jpg & quot; Var random = Math.floor (6 * Math.random ()); Document.write (& quot; <style> & quot;); Document.write (& quot; body {& quot;); Document.write (& # 39; background: url (+ banner [random] + & # 39; & quot;) repetir center center; & # 39;); Document.write (& quot;} & quot;); Document.write (& quot; </ style> & quot;); </ Script> <Head> <B: include data = 'blog' nombre = 'all-head-content' /> <Title> <data: blog.pageTitle /> </ title> <B: skin> <! [CDATA [/ * ----------------------------------------------- Plantilla Antecedentes / Base de datos no Mínima Http://templateseacessorios.blogspot.com Templateseacessorios@gmail.com Elke di Barros 16 de diciembre de 2010 ----------------------------------------------- * / / * Definiciones de variables ==================== <Variable name = "bgcolor" description = "Color de fondo de la página" Type = "color" default = "# fff" value = "# 000000"> <Variable name = "aoutouterbgcolor" description = "Color de fondo de Aoutouter" Type = "color" default = "# fff" value = "# 808080"> <Variable name = "outerbgcolor" description = "Color de fondo externo" Type = "color" default = "# fff" value = "# ffffff"> <Variable name = "textcolor" description = "Color de texto" Type = "color" default = "# 333" value = "# 808080"> <Variable name = "linkcolor" description = "Color de enlace" Type = "color" default = "# 58a" value = "# 808080"> <Nombre de la variable = "pagetitlecolor" description = "Color del título del blog" Type = "color" default = "# 666" value = "# 666666"> <Variable name = "descriptioncolor" description = "Descripción del blog Color" Tipo = "color" por defecto = "# 999" value = "# 999999"> <Nombre de la variable = "titlecolor" description = "Color del título de la publicación" Type = "color" default = "# c60" value = "# 000000"> <Variable name = "bordercolor" description = "Color del borde" Type = "color" default = "# ccc" value = "# cccccc"> <Variable name = "sidebarcolor" description = "Título del título de la barra lateral" Tipo = "color" por defecto = "# 999" value = "# 999999"> <Variable name = "sidebartextcolor" description = "Color del texto de la barra lateral" Type = "color" default = "# 666" value = "# 666666"> <Nombre de la variable = "visitedlinkcolor" description = "Color del enlace visitado" Tipo = "color" por defecto = "# 999" value = "# 999999"> <Variable name = "bodyfont" description = "Fuente de texto" Tipo = "font" default = "normal normal 100% Georgia, Serif" <Variable name = "headerfont" description = "Fuente del título de la barra lateral" Type = "font" Normal normal 78% Trebuchet MS, Trebuchet, Arial, Verdana, Sans-serif "> Normal normal 78% Trebuchet MS, Trebuchet, Arial, Verdana, Sans-serif <Nombre de la variable = "pagetitlefont" description = "Fuente del título del blog" Type = "font" Default = "normal normal 200% Georgia, Serif" value = "normal normal 200% Georgia, Serif"> <Variable name = "descriptionfont" description = "Descripción del blog Font" Type = "font" Normal normal 78% Trebuchet MS, Trebuchet, Arial, Verdana, Sans-serif "> Normal normal 78% Trebuchet MS, Trebuchet, Arial, Verdana, Sans-serif <Variable name = "postfooterfont" description = "Fuente de pie de página" Type = "font" Normal normal 78% Trebuchet MS, Trebuchet, Arial, Verdana, Sans-serif "> Normal normal 78% Trebuchet MS, Trebuchet, Arial, Verdana, Sans-serif <Variable name = "startSide" description = "Lado donde comienza el texto en el lenguaje del blog" Type = "automatic" default = "left" value = "left"> <Variable name = "endSide" description = "Lado donde termina el texto en el lenguaje del blog" Type = "automatic" default = "right" value = "right"> Unesdoc.unesco.org unesdoc.unesco.org / * Use esto con templates / template-twocol.html * / cuerpo { Margen: 0; Color: $ textcolor; Fuente: x-small Georgia Serif; Font-size / * * /: / ** / small; Font-size: / ** / small; Text-align: center; } un enlace { Color: $ linkcolor; Text-decoration: ninguno; } A: visitado { Color: $ visitedlinkcolor; Text-decoration: ninguno; } A: hover { Color: $ titlecolor; Text-decoration: subrayado; } Un img { Border-width: 0; } / * Menú horizontal ----------------------------------- * / #nav { Box-shadow: 0px 0px 1em #ccc; -webkit-box-shadow: 0px 0px 1em #ccc; -moz-box-shadow: 0px 0px 1em #ccc; Fondo: #ccc; Altura: 82px; Posición: fijo; Top: 0px; Izquierda: 0px; Derecha: 0px; } #nav ul { Altura: 48px; List-style: ninguno; Margen: 8px auto 0px auto; Ancho: 980px; } #nav ul li { Display: en línea; flotador izquierdo; Margen: 30PX 5px; } #nav a { Font-size: 12px; Font-weight: bold; flotador izquierdo; Relleno: 3px 8px; Color: # 999; Text-decoration: ninguno; Cursor: puntero; Fondo: transparente; Altura: 10px; Line-height: 20px; } #nav a: hover { Color: # 000; Border-top: 8px sólido; } #nav a.top span, #nav a.footer span { flotador izquierdo; Ancho: 18px; Altura: 22px; } # Navbar-iframe { Altura: 0px; visibilidad: oculto; Display: ninguno; } / * Encabezado ----------------------------------------------- Unesdoc.unesco.org unesdoc.unesco.org # Header-wrapper { Ancho: 980px; Altura: 180px; Margen: 0 auto 10px; } #header { Altura: 180px; Margen: 5px 0 0 0; Text-align: left; flotador izquierdo; Ancho: 64%; Color: # E2DBD4; } # Header-2 { Margen: 60px 0 0 0; Relleno: 0px 0 0 3px; Text-align: left; flotar derecho; Ancho: 35%; Color: $ pagetitlecolor; } # Header-inner { Posición de fondo: centro; Margin-left: auto; Margen derecho: automático; } #header h1 { Font-size: 35px; Font-family: 'arial', arial, serif; Text-shadow: 0px 2px 2px # 000; Margen: 5px 0 5px 0; Relleno: 70px 0 0 20px; Line-height: 1.2em; Espaciado entre letras: .2em; Color: # 000; } #header a { Color: $ pagetitlecolor; Text-decoration: ninguno; } #header a: hover { Color: $ pagetitlecolor; } #header .description { Margen: 0 5px 5px; Relleno: 0 20px 15px; Anchura máxima: 700px; Espaciado entre letras: .2em; Altura de la línea: 1.4em; Font-size: 15px; Font-family: 'arial', arial, serif; Text-shadow: 0px 2px 2px # 000; Color: # E2DBD4; } #header img { Margen- $ startSide: auto; Margen- $ endSide: auto; } /*Diapositiva----------------------------------------*/ #diapositivas { Ancho: 960px; / * Aqui o comprimento do slide * / Margen: 5px; Relleno: 0; Fondo: #fff; Altura: 356px; Desbordamiento: oculto; Border: 2px sólido #ccc; Box-shadow: 0px 0px 1em #ccc; -webkit-box-shadow: 0px 0px 1em #ccc; -moz-box-shadow: 0px 0px 1em #ccc; Margen: 6px 8px 6px 8px; Relleno: 1px 2px 1px 2px; } #slideshow ul { Fondo: transparente; Margen: 0; Relleno: 0; List-style-type: ninguno; } #slideshow .slides { Ancho: 655px; Desbordamiento: oculto; flotador izquierdo; } #slideshow .slides ul { flotador izquierdo; Desbordamiento: oculto; Ancho: 655px; Altura: 346px; } #slideshow .slides li { Display: ninguno; Izquierda: -99999em; Ancho: 655px; Altura: 346px; bloqueo de pantalla; Desbordamiento: oculto; Posición: relativa; Índice z: 1; } .js #slideshow .slides li { Margen: 0; Relleno: 0; List-style-type: ninguno; Ancho: 645px; Altura: 346px; bloqueo de pantalla; Desbordamiento: oculto; Fondo: #fff; Posición: relativa; Índice z: 1; } .js #slideshow .slides li .entry { Ancho: 655px; Altura: 70px; / * TARJA TRANSPARENTE * / Relleno: 8px; Desbordamiento: oculto; Posición: absoluta; Fondo: 0; Izquierda: 0; Fondo: #ccc; Filtro: alfa (opacidad = 80); -moz-opacidad: 0,8; -khtml-opacidad: 0,8; Opacidad: 0,8; } #slideshow .slides li .entry p { Margen: 0; } #slideshow .slides li .entry h2, #slideshow .slides li .entry h2 a, #slideshow .slides li .entry h2 a: link, #slideshow .slides li .entry h2 a: visitado, #slideshow .slides li .entry h2 a: hover, #slideshow .slides li .entry h2 a: activo { Font-size: 20px; Font-family: 'arial', arial, serif; Line-height: 1.1em; Margen: 0; Color: # 000; Margen: 0; Espaciado entre letras: 0; Frontera: ninguno! Importante; } #slideshow ul.slides-nav {/ * AREA SLIDE PEQUENO * / Altura: 400px; Ancho: 305px; Margen: 0; Relleno: 0; flotar derecho; Desbordamiento: oculto; } #slideshow .slides-nav li { bloqueo de pantalla; Margen: 0; Relleno: 0; List-style-type: ninguno; bloqueo de pantalla; } #slideshow .slides-nav li a {/ * slide de área menor * / Background: url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMx9SCtHBnczluS97ekMWizREnpA2eQweIqSkexr4Jub1RR6MyavH1jH3w10ebJ1nMsMNedDCjc74fmQ5bw8Ex4aNpiWHI5aPmtS1jJXzoFkNKOODU86o3Ze_wpbf3dZ5yru1c5IeiE9k/s1600/featitem-bg.png) no-repeat; Anchura: 295px; Font-size: 15px; Font-family: 'arial', arial, serif; bloqueo de pantalla; Margen: 0; Relleno: 2px 6px 0px 6px; List-style-type: ninguno; bloqueo de pantalla; Altura: 60px; / * área de diapositiva menor * / Color: # 000; Desbordamiento: oculto; Altura de la línea: 1.35em; } Slides.ul li { Archivo de fondo: scroll; Fondo-color: transparente; Posición de fondo: centro superior; Background-repeat: no-repeat; bloqueo de pantalla; Altura: 260px; Izquierda: 0; Opacidad: 1; Posición: absoluta; Top: 20px; Ancho: 540px; Índice z: 6; } .js #slideshow .slides-nav li.on a { Background: url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA0PWtA43zwEZc1ED7wGaZkBv7KlY-HUJn9VW7jsVvSNwMJDJXSZ_HJqY8VaXdrCooY00dQs0awgH5mjRNxOzI0FB74IgIGHrDkAPF8ccQvgAG5MQ6kuQvPrpCqfVANErtuKiS-3H-0sWy/s1600/cinza1.png) no-repeat arriba a la izquierda; Anchura: 295px; Font-size: 15px; Font-family: 'arial', arial, serif; bloqueo de pantalla; Margen: 0 0 0 2px; Relleno: 12px 6px 10px 26px; List-style-type: ninguno; bloqueo de pantalla; Altura: 80px; / * área de diapositiva menor * / Color: # 000; Desbordamiento: oculto; Altura de la línea: 1.35em; } .js #slideshow .slides-nav li a: hover { Color: #ccc; } .js #slideshow .slides-nav li a: activo { Color: # 000; } #slideshow .slides-nav li a img.post-thum, #slideshow .slides-nav li a img.thumbnail {/ * AREA SLIDE MENOR * / flotador izquierdo; Margen: 2px 3px 2px 9px; Relleno: 1px 1px 1px 5px; Ancho: 70px; / * imagen menor * / Altura: 70px; } .js #slideshow .slides-nav li.on un img.post-thum, .js #slideshow .slides-nav li.on a img.thumbnail { Fondo: #fff! Importante; } /* Envoltura exterior ----------------------------------------------- * / # Aoutouter-wrapper { Box-shadow: 0px 0px 1em #ccc; -webkit-box-shadow: 0px 0px 1em #ccc; -moz-box-shadow: 0px 0px 1em #ccc; Ancho: 1010px; Fondo: #ccc; Margen: 0 auto; Relleno: 9px; } #envoltura exterior { Caja-sombra: 0px 0px 1em # 808080; -webkit-box-shadow: 0px 0px 1em # 808080; -moz-box-shadow: 0px 0px 1em # 808080; Ancho: 980px; Frontera: sólido 2px # 04272D; Fondo: #fff; Margen: 0 auto; Relleno: 10px; Text-align: $ startSide; Fuente: $ bodyfont; } # Main-wrapper { Margen: 6px 0px 6px 2px; Ancho: 670px; Float: $ startSide; Word-wrap: break-word; / * Fijar para el texto largo que rompe el flotador de la barra lateral en IE * / Desbordamiento: oculto; / * Corrección para el contenido de texto no largo que se rompe IE barra lateral flotar * / } # Sidebar-wrapper { Fondo: #fff; Margen: 10px 0px -3px 2px; Relleno: 4px 0px 4px 0px; Anchura: 300px; Float: $ startSide; Word-wrap: break-word; / * Fijar para el texto largo que rompe el flotador de la barra lateral en IE * / Desbordamiento: oculto; / * Corrección para el contenido de texto no largo que se rompe IE barra lateral flotar * / } / * Encabezados ----------------------------------------------- * / H2 { Margen: 1,5em 0,75em; Font: $ headerfont; Altura de la línea: 1.4em; Espaciado entre letras: .2em; Color: $ sidebarcolor; } /*Migas de pan-------------------------------*/ .migas de pan { Box-shadow: 0px 0px 1em #ccc; -webkit-box-shadow: 0px 0px 1em #ccc; -moz-box-shadow: 0px 0px 1em #ccc; Font-size: 14px; Relleno: 5px; Font-weight: bold; Frontera: 4px doble # 000; Altura de la línea: 1.4em; Margen: 2px 0 16px 0; } .breadcrumbs a { Font-weight: bold; Color: $ textcolor; } .breadcrumbs a: link, a: hover, a: visited { Font-weight: bold; Color: # 80,8080; } / * Menú horizontal páginas --------------------------------------------- Todos los derechos reservados # PageList1 { Box-shadow: 0px 0px 1em #ccc; -webkit-box-shadow: 0px 0px 1em #ccc; -moz-box-shadow: 0px 0px 1em #ccc; Font-size: 16px; Font-family: 'arial', arial, serif; Float: centro; Ancho: 970px; Margen: 10px 1px 10px 1px; Color: # 000; Fondo: #fff; Frontera: 4px doble #ccc; } # PageList1 a: hover { Top: -30px; Izquierda: 0px; Derecha: 0px; Color: #ccc; Border-bottom: 2px sólido #ccc; } # PageList1 a: visited { Top: 0px; Izquierda: 0px; Derecha: 0px; Color: # 808080; } .buscar{ flotar derecho; Anchura: 225px; Altura: 40px; Display: en línea; Padding-top: 5px; Background: url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFnDEIppE4VQo3C_y_XoMBaZw1o2wMaU5HO0X22UgPMqlKXLbHTF1hO5xuuUwFl0SSveu6OJgSdLDK_aO55H_pR1_Q8o9S-ToVtu9FMIp-h-VYuaLEvEwGV4ZW-_4-_8uAGl3WnRmbmWI/s1600/search-bg.png) no-repeat; margin: 6px 0 2px 30px; } Entrada # s {altura: 24px; padding-top: 5px; anchura: 160px; Color: # 095D89; borde: medio ninguno; display: inline; float: left; margen: 5px 0 0 15px} Input # searchsubmit {color: # 000; Background: url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhToysby_64PbBPlA9ZYf0fUVZezlUYouyl8JEiB15-BuIdqX1qlUopJvRaDXQ7JPSsE00f9o2ApIMUt93E_XcC8eQBH3Vs717pACM6BE3NXuKTmfwCwo20-Vyccc5Gmsh1d2IH0CtgTIA/s1600/search.png) no-repetir arriba a la izquierda; border: ninguno; anchura: 32px; altura: 32px; Texto-indent: -9999px;} Input # searchsubmit: hover {background: url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpWDS7ubQbnEIXbvXfqVg0Ywm6cNcZ8EMwszvni4GUa2bPmiM_NoJBBStk6B7BnZKSdg6NzB42QY4cG7zlY06A7z5vMmnDymL0Vw8vOFBZq469dyl_4Q5XKSCsP2J0k6hjHMBt2NCp-0k/s1600/search-hover.png) no-repeat arriba a la izquierda} .searchtitle {margin-left: 10px; font-size: 20px; margin-bottom: 10px;} / * Puestos ----------------------------------------------- Unesdoc.unesco.org unesdoc.unesco.org .date-header { Font-size: 12px; Font-family: 'arial', arial, serif; Ancho: 40px Color: $ linkcolor; Text-align: right; Margen: 20px 10px -60px 2px; Relleno: 5px; Color: # 000; } #showlink {font-size: 10px; Font-family: 'Arial', arial, serif; } .post { Box-shadow: 0px 0px 1em #ccc; -webkit-box-shadow: 0px 0px 1em #ccc; -moz-box-shadow: 0px 0px 1em #ccc; Background: #FFF url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAQ-wlJSeW8bebq2Sc8AXqNJm4MA-OzGaypqas0ZuFFQIfkRoegn1-4OCzbvBc3tWH00ZYO3W8JqlZJ04zOzPugGc4qs0YcBuQT0VlQYFJluoQlCoQB2MQWeszMWDjsDafGQ4LpDEsOqmj/s1600/fundo+cinza.png) repeat-x; Margen: 30px 2px 1px 2px; Relleno: 6px 8px 1px 8px; Frontera: 4px doble # 000; Padding-bottom: 1.5em; } .post h3 { Color: # 000; Font-size: 22px; Font-family: 'arial', arial, serif; Border-bottom: 1px discontinuo # 04272D; Margen: 20px 2px 10px 15px; Relleno: 14px 0 4px 10px; Font-weight: normal; Line-height: 1.1em; Color: $ titlecolor; } .post h3 a, .post h3 a: visitado, .post h3 strong { bloqueo de pantalla; Text-decoration: ninguno; Color: # 808080; Font-weight: normal; } .post h3 fuerte, .post h3 a: hover { Color: $ textcolor; } .post-body { Margen: 8px 2px 0px 2px; Relleno: 5px; Color: # 000; Line-height: 1 em 2px; Font-size: 12px; Font-family: 'arial', arial, serif; } .post-links { Color: # 000; Fondo: #fff; Margen: 3px 0 3px 0; Acolchado: 5px 3px 5px 10px; Font-size: 10px; } .post-links un { Color: # 808080; } .post-body blockquote { Altura de la línea: 1.3em; } .post-footer { Margen: 0px 2px 0px 2px; Relleno: 5px; Color: $ sidebarcolor; Espaciado entre letras: .1em; Font: $ postfooterfont; Altura de la línea: 1.4em; } .comment-link { flotar derecho; Margen- $ startSide: .6em; } .post-body img, table.tr-caption-container { Relleno: 4px; Frontera: 1px sólido # 04272D; } .tr-caption-container img { Borde: 1px sólido $ bordercolor; Relleno: 2px 2px 2px 2px; Frontera: ninguno; Relleno: 0; } .post blockquote { Borde-izquierdo: 20px sólido $ bordercolor; Acolchado: 6px 3px 6px 8px; Margen: 1em 20px; } .post blockquote p { Margen: .75em 0; } / * Comentarios ----------------------------------------------- * / #comments h4 { Margen: 1em 0; Font-weight: bold; Altura de la línea: 1.4em; Text-transform: mayúsculas; Espaciado entre letras: .2em; Color: $ sidebarcolor; } # Comments-block { Margen: 1em 0 1.5em; Altura de la línea: 1.6em; } # Comments-block .comment-author { Margen: .5em 0; } # Comments-block .comment-body { Box-shadow: 0px 0px 1em #ccc; -webkit-box-shadow: 0px 0px 1em #ccc; -moz-box-shadow: 0px 0px 1em #ccc; Frontera: 4px doble # 000; Color: # 000; Margen: .25em 0 0; } # Comments-block .comment-footer { Margen: -. 25em 0 2em; Altura de la línea: 1.4em; Text-transform: mayúsculas; Espaciado entre letras: .1em; } # Comments-block .comment-body p { Margen: 0 0 .75em; } .deleted-comment { Font-style: italic; color gris; } # Blog-pager-new-link { Float: $ startSide; } # Blog-pager-older-link { Float: $ endSide; } # Blog-pager { Text-align: center; } .feed-links { Limpia los dos; Altura de la línea: 2.5em; } / * PopularesPosts1 -------------------------------- * / # PopularPosts1 li { Relleno: 2px 2px 2px 8px; Margen: 2px 2px 2px 8px; } # PopularPosts1 img { Anchura: 162px; Altura: 80px; Margen: 2px 2px 2px 1px; Relleno: 2px 2px 3px 1px; } / * Contenido de la barra lateral ----------------------------------------------- * / .sidebar .widget { Box-shadow: 0px 0px 1em #ccc; -webkit-box-shadow: 0px 0px 1em #ccc; -moz-box-shadow: 0px 0px 1em #ccc; Color: # 000; Line-height: 1.5em; Margen: -12px 2px -12px 2px; Relleno: 6px 1px 6px 1px; } .sidebar h2 { Fondo: #fff; Borde: 4px doble # 808080; Font-size: 12px; Font-weight: bold; Font-family: 'arial', arial, serif; Color: # 808080; Text-align: left; Relleno: 6px 0 6px 0; Margen: 2px 1px 2px 1px; } .sidebar ul { List-style: ninguno; Margen: 0 0 0; Relleno: 0 0 0; } .sidebar li { Margen: 0; Padding-top: 0; Padding- $ endSide: 0; Padding-bottom: .25em; Padding- $ startSide: 25px; Texto-indent: -15px; Line-height: 1.5em; } .main .widget { Margen: 0 0 1.5em; Relleno: 0 0 1.5em; } .main .Blog { Border-bottom-width: 0; } / * Perfil ----------------------------------------------- * / .profile-img { Float: $ startSide; Margin-top: 0; Margen- $ EndSide: 5px; Margin-bottom: 5px; Margen- $ startSide: 0; Relleno: 4px; Borde: 1px sólido $ bordercolor; } .profile-data { Margen: 0; Text-transform: mayúsculas; Espaciado entre letras: .1em; Font: $ postfooterfont; Color: $ sidebarcolor; Font-weight: bold; Altura de la línea: 1.6em; } .profile-datablock { Margen: .5em 0 .5em; } .profile-textblock { Margen: 0,5em 0; Altura de la línea: 1.6em; } .profile-link { Font: $ postfooterfont; Text-transform: mayúsculas; Espaciado entre letras: .1em; } Pie de página ----------------------------------------------- * / #footer { Ancho: 980px; Limpia los dos; Margen: 0 auto; Padding-top: 15px; Altura de la línea: 1.6em; Text-transform: mayúsculas; Espaciado entre letras: .1em; Text-align: center; } # Footer-columna-contenedor { Ancho: 99%; Limpia los dos; Margen: 0 auto; } .footer-columna { Relleno: 8px; Margen: 0 auto; } # Col1, # col2, # col3 { Background: #fff url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAQ-wlJSeW8bebq2Sc8AXqNJm4MA-OzGaypqas0ZuFFQIfkRoegn1-4OCzbvBc3tWH00ZYO3W8JqlZJ04zOzPugGc4qs0YcBuQT0VlQYFJluoQlCoQB2MQWeszMWDjsDafGQ4LpDEsOqmj/s1600/fundo+cinza.png) repeat-x; Box-shadow: 0px 0px 1em #ccc; -webkit-box-shadow: 0px 0px 1em #ccc; -moz-box-shadow: 0px 0px 1em #ccc; Borde: 4px doble # 000; / * cor da borda * / Color: $ sidebartextcolor; / * cor da letra * / Line-height: 1px; Relleno: 10px 3px 12px 1px; Margen: 0 auto; } # Col1 h2, # col2 h2, # col3 h2 {/ * títulos * / Margen: 10px 0; Relleno: 10px -3px; Text-align: center; Float: centro; Font-size: 14px; Font-family: 'arial', arial, serif; Color: # 000; / * cor da letra * / } # Col1 ul, # col2 ul, # col3 ul { List-style: ninguno; Margen: 2px 0 4px 0; Relleno: 6px 0 4px 0; } # Col1 ul li a: enlace, # col2 ul li a: enlace, # col3 ul li a: enlace {/ * link cinza * / Background: url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT_z0-SSnEodkZ0P0j_tsqFn_RQW0SC7QG-MLqm0msrpVZKsvrcxLQ58vdkL_qtuKBjiJf6vg8ohpLh5KdeHEyujb8MUlxLoc2ovWuHw1KjjSLPBO1CyxY352A2-_zqv9ITkY8rMje_h2Z/s1600/5s.gif) no-repeat 4px; Color: #cccccc; / * cor da letra cinza claro * / Border-bottom: 4px doble # 000; / * borda cinza claro * / Margen: 12px 0 1px 12px; Relleno: 10px 0 5px 14px; bloqueo de pantalla; } # Col1 ul li a: visitado, # col2 ul li a: visitado, # col3 ul li a: visitado {/ * links visitados ciza escuro * / Background: url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2f7qzP0eGsjuw8ubdACzbGbmWkV-NRO9ePm4xKrQ1m10ebiRsz0VLKKZwPq_4DfBOakivItQb6DEKpRgQrIpdxB60mokSixjr5_1nMLJObccrme2yG42aYZsOSeEN9SCiZvh7Ewr0BP9k/s1600/2z.gif) no-repeat 4px; Color: # 808080; / * cor da letra cinza escuro * / Border-bottom: 4px doble # 000; / * borda cinza escuro * / Margen: 12px 0 1px 12px; Relleno: 10px 0 5px 14px; bloqueo de pantalla; } # Col1 ul li a: hover, # col2 ul li a: hover, # col3 ul li a: hover {/ * Background: url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjE35jS7yOtzIPSQranW1pEQQG8EfTEtvy3S9VB3z4bU-Vkr8FuWCj6TS7UzQfFlTaNrUApwX6q35aBYLfHyoj5hz4gDPvb1QMPXG4FzU16Mg-EH9jXxL3xHZFfii70hARJ3hfqcpoa6pC/s1600/4we.gif) no-repeat 4px; Color: # cc0000; / * cor da letra vermelha * / Border-bottom: 1px discontinuado # cc0000; Borda roja } Créditos ----------------------------------------------- * / #creditos { Fondo: #ccc; Color: # 000; Ancho: 100%; Margen: 0 auto; } #creditos a { Color: #fff; } / * Barra lateral ----------------------------------------------- * / .sidebar h2, barra de noticias h2.headactive { Fondo: #fff; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; } .sidebar2 h2, newsidebar2 h2.headactive { Fondo: #ccc; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; } ]]> </ B: skin> <Style> / * - Estilos de columna - * / Ul.columns { Ancho: 960px; List-style: ninguno; Margen: 0 auto; Relleno: 0; } Ul.columns li { Ancho: 220px; flotador izquierdo; Display: en línea; Margen: 10px; Relleno: 0; Posición: relativa; } Ul.columns li: hover {z-index: 99;} / * - Estilos de miniaturas - * / Ul.columns li img { Ancho: 80px; Altura: 80px; Posición: relativa; Filtro: alfa (opacidad = 30); Opacidad: 0,3; -ms-filter: & quot; progid: DXImageTransform.Microsoft.Alpha (Opacity = 30) & quot ;; / * - IE8 Específico - * / } Ul.columns li: hover img { Ancho: 220px; Altura: 220px; Índice z: 999; Filtro: alfa (opacidad = 100); Opacidad: 1; -ms-filter: & gt; progid: DXImageTransform.Microsoft.Alpha (Opacity = 100) & quot ;; } / * - Detalles Estilo - * / Ul.columns li .info { Posición: absoluta; Izquierda: -10px; Top: -10px; Relleno: 210px 10px 20px; Ancho: 220px; Display: ninguno; Fondo: #fff; Font-size: 1.2em; -webkit-border-radius: 3px; -moz-border-radius: 3px; Radio de borde: 3px; } Ul.columns li: hover .info {display: bloque;} Ul.columns li h2 { Font-size: 1.2em; Font-weight: normal; Text-transform: mayúsculas; Margen: 0; Relleno: 10px 0; } Ul.columns li p {relleno: 0; Margen: 0; Font-size: 0.9em;} </ Style> <Style> .propina { Color: #fff; Fondo: # 1d1d1d; Display: ninguno; / * - Oculta por defecto - * / Relleno: 10px; Posición: absoluta; Índice z: 1000; -webkit-border-radius: 3px; -moz-border-radius: 3px; Radio de borde: 3px; } </ Style> <Script src = 'http: //ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js' type = 'text / javascript' /> <Script type = 'text / javascript'> // <! [CDATA [ $ (Documento) .ready (function () { // Sugerencias de herramientas $ (". Tip_trigger"). Hover (function () { Tip = $ (this) .find ('. Tip'); Tip.show (); // Mostrar información sobre herramientas }, Function () { Tip.hide (); // Ocultar información sobre herramientas }). Mousemove (función (e) { Var mousex = e.pageX + 20; // Obtener X coodrinates Var mousey = e.pageY + 20; // Obtener coordenadas Y Var tipWidth = tip.width (); // Buscar el ancho de la información de herramientas Var tipHeight = tip.height (); // Buscar altura de la información de herramientas // Distancia del elemento desde el borde derecho de la ventana de visualización Var tipVisX = $ (ventana) .width () - (mousex + tipWidth); // Distancia del elemento desde la parte inferior de la ventana de visualización Var tipVisY = $ (ventana) .height () - (mousey + tipHeight); If (tipVisX <20) {// Si tooltip excede la coordenada X de la ventana de visualización Mousex = e.pageX - tipWidth - 20; } If (tipVISY <20) {// Si tooltip excede la coordenada Y de la ventana de visualización Mousey = e.pageY - tipHeight - 20; } // Posición absoluta de la información de herramientas según la posición del ratón Tip.css ({top: mousey, left: mousex}); }); }); //]]> </ Script> <B: if cond = 'datos: blog.pageType! = & Quot; item & quot;'> <B: si cond = 'datos: blog.pageType! = & Quot; static_page & quot;'> <Style> .post { Box-shadow: 0px 0px 1em #ccc; -webkit-box-shadow: 0px 0px 1em #ccc; -moz-box-shadow: 0px 0px 1em #ccc; Frontera: ninguno; Altura: 190px; Background: # EAE8E8 url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAQ-wlJSeW8bebq2Sc8AXqNJm4MA-OzGaypqas0ZuFFQIfkRoegn1-4OCzbvBc3tWH00ZYO3W8JqlZJ04zOzPugGc4qs0YcBuQT0VlQYFJluoQlCoQB2MQWeszMWDjsDafGQ4LpDEsOqmj/s1600/fundo+cinza.png) repeat-x; Margen: 20px 12px 10px 2px; Relleno: 6px 8px 1px 8px; Padding-bottom: 1.5em; Color: # 000; } .post h3 { Color: # 000; Font-size: 22px; Font-family: & # 39; arial & # 39 ;, arial, serif; Frontera-fondo: 4px doble # 808080; Margen: 0,25em 0 0; Relleno: 14px 0 4px 220px; Font-weight: normal; Line-height: 1.1em; Color: $ titlecolor; } .post h3 a, .post h3 a: visitado, .post h3 strong { bloqueo de pantalla; Text-decoration: ninguno; Color: # 000; Font-weight: normal; } .post h3 fuerte, .post h3 a: hover { Color: # 000; } .post-labels { flotar derecho; Margen: -50px 0 0 0; Font-size: 13px; Font-weight: normal; Line-height: 1.1em; } .post-comment-link { flotador izquierdo; Margen: -50px 0 0 220px; Font-size: 13px; Font-weight: normal; Line-height: 1.1em; } </ Style> </ B: si> </ B: si> <Script type = 'text / javascript'> Var thumbnail_mode = & quot; float & quot; ; Summary_noimg = 100; Summary_img = 200; Img_thumb_height = 160; Img_thumb_width = 190; </ Script> <Script type = 'text / javascript'> // <! [CDATA [ Función removeHtmlTag (strx, chop) { If (strx.indexOf ("<")! = - 1) {Var s = strx.split ("<"); Para (var i = 0; i <s.length; i ++) { If (s [i] .indexOf (">")! = - 1) { S [i] = s [i] .substring (s [i] .indexOf (">") + 1, s [i] .length);}} Strx = s.join (""); } Chop = (chop <strx.length-1)? Chop: strx.length-2; Mientras que (strx.charAt (chop-1)! = '' && strx.indexOf ('', chop)! = - 1) chop ++; Strx = strx.substring (0, chop-1); Return strx + '...'; } Function createSummaryAndThumb (pID) { Var div = document.getElementById (pID); Var imgtag = ""; Var img = div.getElementsByTagName ("img"); Var summ = summary_noimg; If (img.length> = 1) { If (thumbnail_mode == "float") { Imgtag = '<span style = "float: izquierda, fondo: #fff; borde: 1px sólido # 000; relleno: 10px 10px 10px 10px; margen: -60px 3px 0px -11px;"> <img src = "' + img [0] .src + '"width ="' + img_thumb_width + 'px "height ="' + img_thumb_height + 'px "/> </ span>'; Summ = summary_img; } Else { Imgtag = '<div style = "padding: 5px" <img style = "max-width:' + img_thumb_width + 'px; max-height:' + img_thumb_height + 'px; Src = "'+ img [0] .src +'" /> </ div> '; Summ = summary_img; }} Var summary = imgtag + '<div>' + removeHtmlTag (div.innerHTML, summ) + '</ div>'; Div.innerHTML = resumen;} //]]> </ Script> <Script src = 'http: //ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js' type = 'text / javascript' /> <Script type = 'text / javascript'> $ (Documento) .ready (function () { // Establecer el estado predeterminado de cada pieza de cartera $ (& Quot; .paging & quot;). Show (); $ (".paging a: first"). AddClass ("active"); // Obtener el tamaño de las imágenes, cuántas hay, y luego determinar el tamaño del carrete de la imagen. Var imageWidth = $ (& quot; .window & quot;). Width (); Var imageSum = $ (& quot; .image_reel img & quot;). Size (); Var imageReelWidth = imageWidth * imageSum; // Ajusta el carrete de imagen a su nuevo tamaño $ (& Lt; .image_reel & quot;). Css ({width & # 39;: imageReelWidth}); // Función Paging + Slider Rotate = function () { Var triggerID = $ active.attr (& lt; rel & quot;) - 1; // Obtener el número de veces que se va a deslizar Var image_reelPosition = triggerID * imageWidth; // Determina la distancia que el carrete de imagen necesita para deslizar $ (& Quot; .paging a & quot;). RemoveClass (activo & # 39;); // Eliminar toda la clase activa $ Active.addClass (& # 39; activo & # 39;); // Añadir clase activa (el $ active se declara en la función rotateSwitch) // Animación de Slider $ (& Quot; .image_reel & quot;). Animate ({ Left: -image_reelPosition }, 500); }; // Rotación + evento de sincronización RotateSwitch = function () { Play = setInterval (function () {// Establece el temporizador - esto se repetirá cada 3 segundos $ Active = $ (& # 39; .paging a.active & # 39;). Next (); If ($ active.length === 0) {// Si la paginación llega al final ... $ Active = $ (& # 39; .paging a: primero & # 39;); // volver a la primera } girar(); // Activar la función de paginación y deslizador }, 7000); // Velocidad del temporizador en milisegundos (3 segundos) }; RotateSwitch (); // Ejecutar la función al iniciar //En vuelo estacionario $ (& Quot; .image_reel a & quot;). Hover (function () { ClearInterval (reproducción); // Detener la rotación }, Function () { RotateSwitch (); // Reanudar la rotación }); //Al hacer clic $ (& Quot; .paging a & quot;). Click (function () { $ Active = $ (this); // Activar la paginación pulsada // Restablecer temporizador ClearInterval (reproducción); // Detener la rotación girar(); // Activación de la rotación inmediatamente RotateSwitch (); // Reanudar la rotación falso retorno; // Evita que el navegador salte para vincular el ancla }); }); </ Script> <Script src = 'http: //ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type = 'text / javascript' /> <Script type = 'text / javascript'> Var sidebarnameacc1 = & quot; barra lateral & quot ;; Var accordionside1 = true; Var sideshow1 = nuevo Array (0,0); Var sidebarnameacc2 = & lt; sidebar2 & quot;; Var accordionside2 = false; Var sideshow2 = new Array (0,0); </ Script> <Script type = 'text / javascript'> // <! [CDATA [ Unesdoc.unesco.org unesdoc.unesco.org Javascript Basado en Redux http://www.i-marco.nl Widget para blogger por www.abu-farhan.com Copyright de Abu Farhan No editar sin el permiso del propietario de los derechos de autor Unesdoc.unesco.org unesdoc.unesco.org Eval (función (p, a, c, k, e, r) {e = función (c) {retorno (c <a?): E (parseInt (c / a) A)> 35? String.fromCharCode (c + 29): c.toString (36))}; if (! ''. Replace (/ ^ /, String) ) = K [c] || e (c); k = [función (e) {retorno r [e]}]; e = función () {return '\\ w +'}; c = 1} (C -) si (k [c]) p = p.replace (nuevo RegExp ('\\ b' + e (c) + '\\ b', 'g'), k [c] P} ('gq = JK; 6 (qL ("MN") == - 1) {g $ 0 = OP ()} dr () {$ 0 ("#" + 7+ ".2-4"). (), $ 0 ("#" + 7+ ".2 8"). T ("u", "v"); Y (i) + ")").) Y (); $ 0 ("#" + 7+ ".2 8") z (d () {6 (Q) {ga = $ 0 (3) () () () () () () () () () () () () () A ("b")) {$ 0 ("#" + 7+ ".2-4: f") .9 (". , $ 0 ("#" + 7+ "8"), B ("5"), aC ("b"), $ 0 (3) .j ("5"); E () .k ("b"); $ 0 (3) .l ("5")} T ("u", "r") () () () () () () "V"); w (ixp) {$ 0 ("#" + c + ".2-4: h (" + p [i] + "). 2 8: h ("+ p [i] +") "). J (" 5 ")} $ 0 (" # "+ c + = $ 0 (3) .e (); 6 ((a.9 (". 2-4")) && (a.9 (": f")) "B"); $ 0 (3 ) .l ("5"); mn} 6 ((a.9 (". 2-4")) && (! A.9 (": f"))) {$ 0 ("#" + c + ". (B), $ 0 ("#" + c + "8"), B ("5"), aC ("b"), () () () () () () () () () () () () () E (c) ) {$ 0 (G) .H (d () {I ()}}; ', 54,54,' jx || widget | this | content | headactive | if | sidebarnameacc1 | h2 | is || normal | sidebarnameacc2 | Función | siguiente | visible | var | eq || addClass | slideToggle | toggleClass | return | false | sideshow1 | sideshow2 | home_page_tab | initMenu1 | hide | css | cursor | pointer | for | in | show | clic | slideUp | removeClass | SlideDown | else | typeof | undefined | documento | listo | initMenu2 | localización | href | indexOf | blogger | com | jQuery | noConflict | accordionside1 | accordionside2'.split ('|'), 0, {})) //]]> </ Script> <Script type = 'text / javascript'> // <! [CDATA [ Imgr = new Array (); Imgr [0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMm3_dVao3Z01pYLZAreH5JUngbjlQQfnDSZVzZ_Kq6YoBOJjyr5i9feK5QJBCbVxdwbGHBiAhScgSw_VUWnTlWJCYf92iFwT15Byglj-7W3sI8CzNmCaymYmlmVQ9Q9tHsRTvC4-lLSZ6/s320/templatesww.png"; ShowRandomImg = true; ABold = true; SummaryPost = 00; // SummaryTitle = 25; // Numposts = 5; // Home_page = "ENDEREÇO ​​DE SEU BLOG AQUI"; Función removeHtmlTag (strx, chop) { Var s = strx.split ("<"); Para (var i = 0; i <s.length; i ++) { If (s [i] .indexOf (">")! = - 1) { S [i] = s [i] .substring (s [i] .indexOf (">") + 1, s [i] .length); } } S = s.join (""); S = s.substring (0, chop-1); devoluciones; } Función showrecentposts (json) { J = (showRandomImg)? Math.floor ((imgr.length + 1) * Math.random ()): 0; Img = new Array (); Document.write ('<ul class = "slides-nav">'); Para (var i = 0; i <numposts; i ++) { Var entry = json.feed.entry [i]; Var posttitle = entry.title. $ T; Var pcm; Var posturl; If (i == json.feed.entry.length) break; Para (var k = 0; k <entrada.link.length; k ++) { If (entry.link [k] .rel == 'alternate') { Posturl = entry.link [k] .href; descanso; } } Para (var k = 0; k <entrada.link.length; k ++) { If (entry.link [k] .rel == 'respuestas' && entry.link [k] .type == 'text / html') { Pcm = entry.link [k] .title.split ("") [0]; descanso; } } If ("contenido" en la entrada) { Var postcontent = entry.content. $ T;} más If ("resumen" en la entrada) { Var postcontent = entry.summary. $ T;} Else var postcontent = ""; Postdate = entry.published. $ T; Si (j> imgr.length-1) j = 0; Img [i] = imgr [j]; S = postcontenido; A = s.indexOf ("<img"); B = s.indexOf ("src = \" ", a); c = s.indexOf (" \ "", b + 5); D = s.substr (b + 5, cb - 5); If ((a! = - 1) && (b! = - 1) && (c! = - 1) && (d! = "")) Img [i] = d; // cmtext = (text! = 'No')? '<I> <font color = "' + acolor + '"> (' + pcm + '' + text + ') </ font> </ i>': ''; Posttitle = (aBold)? "" + Posttitle + "": posttitle; Var trtd = '<li id ​​= "post -' + i + '" class = "clearfix"> <a href="#main-post-'+i+'" class=""> <img height = "150px" width = "150px" class = "post_thumbnail thumbnail thumbnail post_thumbnail" alt = "" src = "'+ img [i] +'" /> '+ posttitle +' </a> </ li> '; Document.write (trtd); J ++; } Document.write ('</ ul>'); } Función showrecentposts1 (json) { J = (showRandomImg)? Math.floor ((imgr.length + 1) * Math.random ()): 0; Img = new Array (); Document.write ('<ul class = "clearfix" style = "posición: relativo;">'); Para (var i = 0; i <numposts; i ++) { Var entry = json.feed.entry [i]; Var posttitle = entry.title. $ T; Var pcm; Var posturl; If (i == json.feed.entry.length) break; Para (var k = 0; k <entrada.link.length; k ++) { If (entry.link [k] .rel == 'alternate') { Posturl = entrada.link [k] .href; descanso; } } Para (var k = 0; k <entrada.link.length; k ++) { If (entry.link [k] .rel == 'respuestas' && entry.link [k] .type == 'text / html') { Pcm = entry.link [k] .title.split ("") [0]; descanso; } } If ("contenido" en la entrada) { Var postcontent = entry.content. $ T;} más If ("resumen" en la entrada) { Var postcontent = entry.summary. $ T;} Else var postcontent = ""; Postdate = entry.published. $ T; Si (j> imgr.length-1) j = 0; Img [i] = imgr [j]; S = postcontenido; A = s.indexOf ("<img"); B = s.indexOf ("src = \" ", a); c = s.indexOf (" \ "", b + 5); D = s.substr (b + 5, cb - 5); If ((a! = - 1) && (b! = - 1) && (c! = - 1) && (d! = "")) Img [i] = d; // cmtext = (text! = 'No')? '<I> <font color = "' + acolor + '"> (' + pcm + '' + text + ') </ font> </ i>': ''; Posttitle = (aBold)? "" + Posttitle + "": posttitle; Var trtd = '<li style = "background: url transparente (' + img [i] + ') <h2 class =" Post-title "> <a href="'+posturl+'"> '+ posttitle +' </a> </ h2> <p> '+ removeHtmlTag (postcontent, summaryPost) +' </ p> </ div> / Li> '; Document.write (trtd); J ++; } Document.write ('</ ul>'); } //]]> </ Script> <Script src = 'http: //jqueryjs.googlecode.com/files/jquery-1.3.2.js' type = 'text / javascript' /> <Script type = 'text / javascript'> $ (Function () { Var d = 300; $ (& # 39; #navegación a & # 39;). Each (function () { $ (This) .stop (). Animate ({ & # 39; marginTop & # 39;; -80px & # 39; }, D ^ {+} = 150); }); $ (& # 39; #navigation & gt; li & # 39;). Hover ( Función () { $ (& # 39; a & # 39;, $ (this)). Stop (). Animate ({ & # 39; marginTop & # 39;: & # 39; -2px & # 39; }, 200); }, Función () { $ (& # 39; a & # 39;, $ (this)). Stop (). Animate ({ & # 39; marginTop & # 39;; -80px & # 39; }, 200); } ); }); </ Script> <Script src = 'http: //sites.google.com/site/menuhorizontal2/slidefeed/jquery.min.js' type = 'text / javascript' /> <Script src = 'http: //sites.google.com/site/menuhorizontal2/slidefeed/jquery.cycle.js' type = 'text / javascript' /> <Script type = 'text / javascript'> // <! [CDATA [ $ Slideshow = { Contexto: false, Pestañas: false, Tiempo de espera: 7000, SlideSpeed: 1000, TabSpeed: 1000, Fx: 'tirar', Init: function () { This.context = $ ('# slideshow'); This.tabs = $ ('ul.slides-nav li', this.context); This.prepareSlideshow (); }, PrepareSlideshow: function () { $ ('Div.slides> ul', $ slideshow.context) .cycle ({ Fx: $ slideshow.fx, Timeout: $ slideshow.timeout, Velocidad: $ slideshow.slideSpeed, FastOnEvent: $ slideshow.tabSpeed, Pager: $ ('ul.slides-nav', $ slideshow.context), PagerAnchorBuilder: $ slideshow.prepareTabs, Antes: $ slideshow.activateTab, PauseOnPagerHover: true, Pausa: true }); }, PrepareTabs: function (i, slide) { Return $ slideshow.tabs.eq (i); }, ActivateTab: function (currentSlide, nextSlide) { Var activeTab = $ ('a [href =' # '+ nextSlide.id +' "] ', $ slideshow.context); If (activeTab.length) { $ Slideshow.tabs.removeClass ('on'); ActiveTab.parent (). AddClass ('on'); } } }; $ (Function () { $ ('Cuerpo'). AddClass ('js'); $ Slideshow.init (); }); //]]> </ Script> </ Head> <Body> <Div id = 'aoutouter-wrapper'> <Div id = 'outer-wrapper'> <Div id = 'wrap2'> <! - saltar enlaces para navegadores de texto -> <Span id = 'skiplinks' style = 'display: none;'> <a href='#main'> saltar a principal </a> | <a href='#sidebar'> saltar a la barra lateral </a> </ Span> <Div id = 'nav'> <Ul> <Li> <a class='tip_trigger' href='#'> INICIO <span class = 'tip'> Página inicial </ span> </a> </ li> <Li> <a class='tip_trigger' href='ENDEREÇO ​​HAGA LINK 1'> LINK 1 <span class = 'tip'> ESCREVA ALGO SOBRE O LINK 1 </ span> </a> </ li> <Li> <a class='tip_trigger' href='ENDEREÇO ​​HACER LINK 2'> LINK 2 <span class = 'tip'> ESCREVA ALGO SOBRE O LINK 2 </ span> </a> </ li> <Li> <a class='tip_trigger' href='ENDEREÇO ​​HACER LINK 3'> LINK 3 <span class = 'tip'> ESCREVA ALGO SOBRE O LINK 3 </ span> </a> </ li> <a class='tip_trigger' href='https://www.google.com/accounts/Login?service=blogger'> <img border = '0' src = 'http: //1.bp.blogspot.com /_fN8wBWylUn8/TQpgECDxIHI/AAAAAAAACmI/hKDiIhPQFB0/s1600/blogger-webtreatsetc.png 'width =' 66px '/> <span class =' ​​tip '> Haga un login </ span> </a> <a class='tip_trigger' href='ENDEREÇO ​​HACER FACEBOOK'> <img border = '0' src = 'http: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaNs9OFV6c18QwBWVO2PFZTmKZa4tXvaDhLj9z1MCxIYhFQHvLvB1DT2ECEeLWgxdkSKYqoOObUsNl8zKMkM0Cu6blQBbXGYDW7KV8JBLuD-3KFiLyqUjDljJwAfM1v7zmmDaDsG1-m3iS/s1600/facebook-logo -webtreatsetc.png 'width =' 66px '/> <span class =' ​​tip '> Obtener una noticia Facebook </ span> </a> <a class='tip_trigger' href='ENDEREÇO ​​DO TWITTER'> <img border = '0' src = 'http: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWllfQknmVAgmvoy4BESO41S9y7pUp_FXluLf68JIleXdC0wP4hUZ2Fl0by-7b7c7SHe8lu9RdPIppz-RPr3Wr_9BwrRgqN2PDOEG0vWRxCdBSh2zoB5WoxrH2pcUQV1aBC-kdAafbD0M4/s1600/twitter-webtreatsetc .png 'width =' 66px '/> <span class =' ​​tip '> Siga-me no Twitter </ span> </a> <a class='tip_trigger' href='ENDEREÇO DO ORKUT'> <img border = src '0' = 'http: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHqOA4EhcfkC0nnS_GobyTktohR3HwDWgcPDhSNY_iiq4ZD-CwoUveufmC2Neiky-szRRogyRpKj6Rxq9s4hQgUP-7lX-7w2DNalFpPpq5CF6rYjBxPlOy72X1H8ssSL_P6WJPQeg2OPqt/s1600/orkut-webtreatsetc 'width = '.png 66px'/> <span class = 'punta'> Encontre-me no orkut </ span> </a> <a class='tip_trigger' href='ENDEREÇO DO YAHOO'> <img border = src '0' = 'http: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZb96cKAlH2uVYIVlan-pxvv0ypeKpV0AixzpLyWyhEbbu_qWmoVwy46ydo6207hT9b7_LNC4eLQgJC0YlSKlFNOzVSiC60qxAdlOhpa2RL2o4b6AwGgwoCyo322Cn3T4LleVOf0qJFsaG/s1600/yahoo-webtreatsetc.png' width = '66px' /> <span class = 'punta'> Yahoo </ span> </a> <a class='tip_trigger' expr:href='data:blog.homepageUrl + "feeds/posts/default"'> <img src = "http: //3.bp.blogspot .com / _fN8wBWylUn8 / TQph6Q0t39I / AAAAAAAACmg / 4LDo-O5NSSk / s1600 / RSS-circle-webtreatsetc.png' width = '70px'/> <span class = 'punta'> puestos de alimentación </ span> </a> <a class = 'tip_trigger' expr: href = 'datos: blog.homepageUrl + & quot; alimentos para el ganado / comentarios / default & quot;'> <img src = "http: //1.bp.blogspot.com/_fN8wBWylUn8/TQph4HH1XuI/AAAAAAAACmc/ViaqBsLcXE4 'width = '/s1600/rss-cube-webtreatsetc.png 70 píxeles'/> <span class = 'punta'> comentários feed </ span> </a> <li > <a class='tip_trigger' href='#footer'> <img src = 'http: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXE_Ojf0xVbGwZgzQKD-S39mPq4qwLIadV6pmFByOtQ1evu5eq7X38LF9fB9lO7kOBjX4Kuwde6cSLae4ECTzYrc70u4qO2K8dO_es3MEVag6ioFP8qJK_DUb52lhxrz82-rJyZleR3KuG/s1600/arrow23.gif'/> <span class = 'punta'> Desce </ span> </a> </ li> src <li> <a class='tip_trigger' href='#header'> <img = 'http: //2.bp.blogspot .com / _fN8wBWylUn8 / TQpkpPmz-YI / AAAAAAAACms / Tw7PzQxSU64 / s1600 / arrow22.gif '/> <span class =' punta '> Sobe </ span> </a> </ li> </ Ul> </ Div> <div id = 'header-wrapper'> <b: clase de sección = 'cabecera' id = 'cabecera' maxwidgets = '1' showaddelement = 'sí'> <b: widget de id = 'Header1' bloqueado = 'verdadero' título = 'fondo de la plantilla (Cabeçalho)' type = 'cabecera'> <b: id includable = 'título'> <b: Si = cond 'de datos: blog.url == datos: blog.homepageUrl'> <data: título / > <B: else /> <a expr:href='data:blog.homepageUrl'> <datos: título /> </a> </ B: si> </ b: includable> <b: includable id = 'descripción'> <div class = 'descriptionwrapper'> < 'description' = clase p> <span> <data: Descripción /> </ span> </ p> </ Div> </ b: includable> <b: includable id = 'principal'> <b: si 'de datos: useImage' = cond> <b: Si = cond 'de datos: imagePlacement == & quot; ATRÁS & quot;'> ¡Bienvenido! Mostrar la imagen como fondo de texto. Realmente no se puede calcular el ancho de forma fiable en JS porque los márgenes no son tomados en cuenta por cualquiera de clientWidth, offsetWidth o scrollWidth, por lo que no forzar un mínimo ancho de si el usuario está utilizando Reducir hasta ajustar. Este resultado en la pena una de margen de anchura de píxeles se recortan. Si el usuario no está utilizando retráctil para adaptarse a continuación, ampliamos la cabecera. Unesdoc.unesco.org unesdoc.unesco.org <Div expr: style = '& quot; Imagen de fondo: url (\ & quot; & quot; + datos: sourceUrl + & quot; \ & quot;); & Quot;+ & Quot; background-position: & quot; + Datos: backgroundPositionStyleStr + & quot ;; & Quot;+ Datos: widthStyleStr + & quot; min-altura: & quot; + Datos: altura + & quot; px; & quot; + & Quot; _height: & quot; + Datos: altura + & quot; px; & quot; + & Quot; background-repeat: no-repeat; & quot;' id = 'header-interior'> <div class = 'titlewrapper' 'de fondo: transparente' = estilo> <h1 class = 'título' fondo = estilo ': transparente; border-width: 0px '> <b: incluir name =' título "/> </ H1> </ Div> <B: incluir name = 'Descripción' /> </ Div> <B: else /> <! - Mostrar la imagen sólo -> <div id = 'header-interior'> <a expr:href='data:blog.homepageUrl' style='display: block'> <img expr: alt = "datos : título' expr: altura = 'datos: altura' expr: ID = 'datos: widget.instanceId + & quot; _headerimg & quot;' expr: src = 'datos: sourceUrl' expr: = width 'de datos: ancho' estilo = 'display: block' /> </a> <! - Mostrar la descripción -> <b: if 'de datos: imagePlacement == & quot; BEFORE_DESCRIPTION & quot;' = cond> <b: include name = 'descripción' /> </ B: si> </ Div> </ B: si> <B: else /> <! - Sin imagen de cabecera -> <div id = 'header-interior'> <div class = 'titlewrapper'> <h1 class = 'title'> <b: include name = 'título' /> </ H1> </ Div> <B: incluir name = 'Descripción' /> </ Div> </ B: si> </ b: includable> </ b: Widget> </ b: sección> <b: sección class = 'header-2' id = 'header-2' maxwidgets = '1' showaddelement = 'sí' /> <div align = 'derecho'> <a class='tip_trigger' href='ENDEREÇO DE SEU BLOG AQUI/feeds/posts/default'> <img src = "http: //4.bp.blogspot.com/_fN8wBWylUn8/TQpe6_nHcBI/ AAAAAAAACmA / GlGN22_cITw / s1600 / RSS-basic-webtreatsetc.png' width = '150px'/> <span class = 'punta'> Leia e assine o alimentar </ span> </a> </ div> </ Div> <div id = 'crosscol-wrapper' style = 'text-align: center'> <b: clase de sección = 'crosscol' id = 'crosscol'> <b: widget de id = 'PageList1' = bloqueado 'false' title = 'Páginas' type = 'PageList'> <b: id includable = 'principal'> <b: si 'de datos: título' = cond> <h2> <data: título /> </ h2> </ b: if> <div class = 'widget-contenido'> <Ul> <b: 'de datos: enlaces' valores de lazo = var = 'enlace'> <b: si 'de datos: link.isCurrentPage' = cond> <li class = 'selected'> & # 187; <a expr:href='data:link.href'> <data: link.title /> </a> </ li> <B: else /> <Li> <a expr:href='data:link.href'> & # 187; <Data: link.title /> </a> </ li> </ B: si> </ B: loop> </ Ul> <clase de formulario = 'buscar' expr: action = 'datos: blog.homepageUrl + & quot; buscar & quot;' method = 'conseguir'> <input id = 's' name = 'Q' onfocus = 'this.value = & apos; & apos ;;' type = 'texto' value = '' /> <input id = '' type = 'searchsubmit submit' value = '' /> </ Form> <B: incluir el nombre = 'QuickEdit' /> </ Div> </ b: includable> </ b: Widget> </ b: sección> </ Div> <b: if cond = 'datos: blog.homepageUrl == datos: blog.url'> <div class = 'clearfix' id = 'presentación'> <div class = 'diapositivas'> <script type = "text / javascript '> // <! [CDATA [ document.write ( "<script src = \" "+ Home_Page +" alimenta / mensajes / default /? max-results = "+ numposts +" & orderby = publicada y alt = json-en-script y devolución de llamada = showrecentposts1 \ "> <\ / script>" ); //]]> </ Script> </ Div> < 'diapositivas-nav div class => < 'text / javascript' script type => // <! [CDATA [ document.write ( "<script src = \" "+ Home_Page +" alimenta / mensajes / default /? max-results = "+ numposts +" & orderby = publicada y alt = json-en-script y devolución de llamada = showrecentposts \ "> <\ / script>" ); //]]> </ Script> </ Div> </ Div> </ B: si> <div id = 'contenido-wrapper'> <div id = 'principal-wrapper'> <b: sección class = 'principal' id = showaddelement 'principal' = 'no'> <b: id widget de = 'Blog1' bloqueado = 'true' title = 'Postagens sin el blog' type = 'Blog'> <b: Identificación del includable = 'SiguienteAnterior'> <b: if = cond 'de datos: blog.pageType = & quot; static_page & quot;'> <div class = 'Blog-pager' id = 'blog-pager'> <b: if 'de datos: newerPageUrl' = cond> <span id = 'blog-pager-nuevo-link'> <a class = 'Blog-localizador-nuevos -link' expr: href = 'datos:' expr: id = 'newerPageUrl datos: widget.instanceId + & quot; _blog-pager-nuevos-link & quot;' expr: title = 'datos: newerPageTitle'> <img src = "http: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXOPBN14RlFZNLarh74jF74L8ca6zQ_yE8CUUqf0F_0yYC4cKBdnkLVmA0houexuRmlQH1C3jiMsIbq7BA-9Ck2nRa9lxjkfDHVQuGu2UuDuhENHdx3UgNOcvp6ncTSYvb2mTJY9UkTelX/s1600/arrow21.gif'/> </a> </ Span> </ b: if> <b: if 'de datos: datos = blog.homepageUrl: blog.url' = cond> <a class='home-link' expr:href='data:blog.homepageUrl'> <img src = "http: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsepZ_8bT0vqwcxBRSUGQPAI4KnZmcUs12XkCKbZ7lJboARM5CsyPBkC3f1248WZUbHQTcAuhS7z1WkKED6Mqdl4WxovY0fftvMMLyMcxgD4NxL8IzcTKtu6vme3sawGxTuurhN3FH9ajg/s1600/home8.png'/> </a> <B: else /> <b: Si = cond 'de datos: newerPageUrl'> <a class='home-link' expr:href='data:blog.homepageUrl'> <data: homeMsg /> </a> </ B: si> </ b: if> <b: if 'de datos: olderPageUrl' = cond> <span id = 'blog-pager-mayores-link'> <a class = 'blog-pager-mayores-link' expr: href =' datos: olderPageUrl' expr: ID = 'datos: widget.instanceId + & quot; _blog-pager-mayores-link & quot;' expr: title = 'datos: olderPageTitle'> <img src = "http: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1pOqEWTM5xYT2SuUnYFuNyQZ_aCK6Vqea5zSeLUEWmVF-HvVHVYzml5Hcf6tvK79n1vQgmP-Xj1gvWWqDo6GoRyMYKbc_vgwRAgWrjW6VFxZupeR2Y26XHnj30HixQ6-lQO9sISn9tCco/s1600/arrow20.gif'/> </a> </ Span> </ B: si> </ Div> </ B: si> <div class = 'claro' /> </ b: includable> <b: id includable = var 'shareButtons' = 'post'> <b: si 'de datos: post.sharePostUrl' = cond> <comparten una class = ' -botón sb-email' expr: href = 'datos: post.sharePostUrl + & quot; & amp; target = email & quot;' expr: title = 'datos: top.emailThisMsg' target = '_ blank'> <span class = '-botón de compartir de enlace de texto'> <data: top.emailThisMsg /> </ span> </a> <a class = 'botón de acción-sb-blog' expr: 'datos: post.sharePostUrl + & quot; & amp; target = Blog & quot;' = href expr: onclick = '& quot; window.open (this.href, \ & quot; _blank \ & quot ;, \ & quot; height = 270, width = 475 \ & quot;); return false; & quot;' expr: title = 'datos: top.blogThisMsg' target = '_ blank'> <span class = '-botón de compartir de enlace de texto'> <data: top.blogThisMsg /> </ span> </a> <a class = '-botón de compartir sb-twitter' expr: 'datos: post.sharePostUrl + & quot; & amp; target = gorjeo & quot;' = href expr: title = 'datos: top.shareToTwitterMsg' target = '_ blank'> <span class = '-botón de compartir de enlace de texto'> <data: top.shareToTwitterMsg /> </ span> </a> <a class = '-botón de compartir sb-facebook' expr: href = 'datos: post.sharePostUrl + & quot; & amp; target = facebook & quot;' expr: onclick = '& quot; window.open (this.href, \ & quot; _blank \ & quot ;, \ & quot; height = 430, width = 640 \ & quot;); return false; & quot;' expr: title = 'datos: top.shareToFacebookMsg' target = '_ blank'> <span class = '-botón de compartir de enlace de texto'> <data: top.shareToFacebookMsg /> </ span> </a> <a class = 'botón de acción-sb-boca a boca' expr: href = 'datos: post.sharePostUrl + & quot; & amp; target = zumbido & quot;' expr: onclick = '& quot; window.open (this.href, \ & quot; _blank \ & quot ;, \ & quot; height = 415, width = 690 \ & quot;); return false; & quot;' expr: title = 'datos: top.shareToBuzzMsg' target = '_ blank'> <span class = '-botón de compartir de enlace de texto'> <data: top.shareToBuzzMsg /> </ span> </a> </ B: si> </ b: includable> <b: var includable id = 'backlinks' = 'post'> <a name='links'/> <h4> <data: post.backlinksLabel /> </ h4> <b: if cond = 'datos: post.numBacklinks = 0!'> <clase dl = 'comentarios de bloque' id = 'comentarios de bloque'> <b: valores de lazo = 'datos: post.backlinks' var = '' vínculo de retroceso> <div class = 'vínculo de retroceso colapsado vínculo de retroceso-control'> <dt class = 'comment-título'> <span class = 'vínculo de retroceso-toggle-Zippy'> & # 160; </ span> <a expr: datos href = ': 'rel = 'backlink.url nofollow'> <data: backlink.title /> </a> <b: incluir datos = 'vínculo de retroceso' name = 'backlinkDeleteIcon'/> </ dt> <dd = clase' comment-cuerpo collapseable '> <data: backlink.snippet /> </ dd> <dd class =' comment-pie de página collapseable '> <span class =' comment-autor> <data: post.authorLabel /> <data: backlink.author /> </ span> <span class = 'comment-timestamp'> <data: post.timestampLabel /> <data: backlink.timestamp /> </ span> </ dd> </ Div> </ B: loop> </ Dl> </ B: si> <p class = 'comment-pie de página'> < 'comment-Link' expr a class =: href = 'datos: post.createLinkUrl' expr: id = 'datos: widget.instanceId + & quot; _backlinks-crear-enlace & quot;' target = '_ blank'> <data: post.createLinkLabel /> </a> </ P> </ b: includable> <b: id includable = 'post' var = 'post'> <div class = 'hentry post'> <a expr:name='data:post.id'/> <b: if cond = 'datos: post.title'> <h3 class = 'post-título de la entrada-título'> <b: si 'de datos: post.link' = cond> <a expr:href='data:post.link'> <data: post.title /> </a> <B: else /> <b: Si = cond 'de datos: post.url'> <a expr:href='data:post.url'> <data: post.title /> </a> <B: else /> <Data: post.title /> </ B: si> </ B: si> </ H3> </ B: si> <div class = 'post-header'> <b: if 'de datos: blog.pageType == & quot; artículo & quot;' = cond> <div class = 'post-links'> <span class = 'post-autor vcard' > <b: if 'de datos: top.showAuthor' = cond> < 'fn' = span class> <img src = 'http: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb8QvpOJYwwABN57-4HhymvLU7WFFnfRXCzwEBTXcVYUnWSlifIIZcAKI6jMuGNJo89uaDrOKuQzt-_UEtMNgdDyPXgwJtLJL-sVNLkXI6fAy_7VexCOkbnuo8MNR8YCZtwlsvCqf1Qwvo/s1600/ pen.png "/> <data: post.author /> </ span> </ B: si> </ span> <span class = 'post-timestamp> <b: Si = cond 'de datos: top.showTimestamp'> <data: top.timestampLabel /> <b: Si = cond 'de datos: post.url'> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'> <abbr class = 'publicado' expr: title = 'datos: post.timestampISO8601' > <data: post.timestamp /> </ abbr> </a> </ B: si> </ B: si> </ Span> </ Div> </ B: si> <Div class = 'post-header-line-1' /> </ Div> <div class = 'post-cuerpo de la entrada-contenido'> <b: if 'de datos: blog.pageType = & quot; artículo & quot;!' = cond> <b: if = cond 'de datos: blog.pageType = & quot; static_page & quot ; '> <div expr: id =' & quot; resumen & quot; + Datos: post.id '> <data: post.body /> </ div> <script type =' text / javascript '> createSummaryAndThumb (& quot; Resumen <data: post.id /> & quot;); </ script > <span id = 'ShowLink'> <a expr:href='data:post.url'> mais & # 187; </a> </ span> </ b: if> </ b: if> <b : si 'de datos: blog.pageType == & quot; producto & quot;' = cond> <data: post.body /> </ b: if> <b: si los datos = cond ': blog.pageType == & quot; static_page & quot; '> <data: post.body /> </ B: si> <Div style = 'clear: both;' /> <! - claro para fotos flota -> </ Div> <b: si 'de datos: post.hasJumpLink' = cond> <div class = 'salto-Link'> : 'datos: post.url + & quot; # más & quot;' = href <a expr expr: 'datos: post.title' title => <data: post.jumpText /> </a> </ Div> </ B: si> <div class = 'post-pie de página'> <div class = 'post-pie-line post-pie-line-1'> <span class = 'post-comment-link'> <b: si los datos = cond ': blog.pageType = & quot; static_page & quot; '> <b: if cond =' 'de datos: post.allowComments> <a class =' comment-Link 'expr: href = 'datos: post.addCommentUrl' expr: onclick =' datos: post.addCommentOnclick '> <img src =' http: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwLc9hF0MyYF4BeLBAs468uoLxgymwDMQ7YfsDH-V5JvUMcalCGhw4JmVOALtxsWMFWHkGeSqTFFVUBoakhAcRLNWdLPSkjJ2TxCNROfXyFj0W5NS9O534fGbeIYXvLfyq6NBFDh13GMg6/s1600/comment.png'/> <b: si los datos = cond ': poste .numComments == 1' > 1 <data: top.commentLabel /> <b: else /> <data: post.numComments /> <data: top.commentLabelPlural /> </ b: if> </a> </ B: si> </ B: si> </ Span> <span class = 'post-etiquetas'> <b: Si = cond 'de datos: post.labels'> <img src = "http: //1.bp.blogspot.com/_FXIne2ZDJII/TPAs2DZ9dGI/AAAAAAAAEGc/F-zozGEErtc /s1600/cost.png '/> <b: valores de bucle =' datos: post.labels' var = 'etiqueta'> <a expr:href='data:label.url' rel='tag'> <data: label.name/> </a> <b: Si = cond 'de datos: label.isLast = & quot; verdadero & quot;'>, </ b: if> </ b: loop> </ B: si> </ Span> <b: if 'de datos: blog.pageType == & quot; artículo & quot;' = cond> <span class = 'post-iconos'> <! - publicar enlaces de correo electrónico -> <b: si los datos cond = ': Poste .emailPostUrl '> <span class =' elemento de acción '> <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'> <img alt =' 'class =' icono- acción' height = '13' src = 'http: //img1.blogblog.com/img/icon18_email.gif' width = '18' /> </a> </ Span> </ B: si> <! - lápiz de edición rápida -> <b: Nombre incluir 'post' de datos = = 'postQuickEdit' /> </ span> </ b: if> <b: si los datos cond = ': blog.pageType == & quot ; elemento & quot; '> <div class =' post-Share-botones '> <b: incluir datos =' post' name = 'shareButtons'/> </ div> </ b: if> </ Div> <div class = 'post-pie de página de línea de post-pie de página-line-2'> <b: si 'de datos: blog.pageType == & quot; elemento & quot;' = cond> <div id = 'postes relacionados'> < b: 'datos: post.labels' valores de bucle = 'etiqueta' var => <b: Si = cond 'de datos:! label.isLast = & quot; verdadero & quot;'> </ B: si> <b: if 'de datos: blog.pageType == & quot; producto & quot;' = cond> <expr guión: src = "& quot; / Feeds / mensajes / default / - / & quot; + Datos:? Label.name + & quot; alt = json-en-script & amp; de devolución de llamada = related_results_labels_thumbs & amp; max-results = 20 & quot;' type = 'text / javascript' /> </ b: if> </ b: loop> <a href = 'http: //www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget. html' style = 'display: none;'> Puestos relacionados con miniaturas de blogger </a> <a href='http://www.bloggerplugins.org/' style='display:none;'> blogger los widgets </ a> < 'text / javascript' script type => currentposturl var = & quot; <data: post.url /> & quot ;; maxResults var = 5; var relatedpoststitle = & quot; Artigos Relacionados & quot ;; removeRelatedDuplicates_thumbs (); printRelatedLabels_thumbs (); </ Script> </ Div> <div style = 'clear: both' /> </ B: si> </ Div> <div class = 'post-pie de página de línea de post-pie de página-line-3'> <span class = 'post-ubicación'> <b: si 'de datos: top.showLocation' = cond> <b: if cond =' datos: post.location '> <data: postLocationLabel /> <a expr:href='data:post.location.mapsUrl' target='_blank'> <data: post.location.name/> </a> </ B: si> </ B: si> </ Span> </ div> </ Div> </ Div> </ b: includable> <b: includable id = 'status-mensaje'> <b: si 'de datos: navMessage' = cond> < 'estado-msg-wrap' div = clase> <div = clase «estado-msg -cuerpo '> <data: navMessage /> </ Div> <div class = 'status-msg-frontera'> <div class = 'status-msg-bg'> <div class = 'status-msg-oculto'> <data: navMessage /> </ div> </ Div> </ Div> </ Div> <Div style = 'clear: both;' /> </ B: si> </ b: includable> <b: includable id = 'comment-forma' var = 'post'> <div class = 'comment-forma'> <a name='comment-form'/> <comment h4 id = ' -post-mensaje '> <data: postCommentMsg /> </ h4> <p> <data: blogCommentMessage /> </ p> <data: blogTeamBlogMessage /> <a expr: href =' datos: ID post.commentFormIframeSrc'= 'comment-editor-src' /> <iframe allowtransparency = 'verdadero' class = 'blogger-iframe-colorear blogger-comment-de-post' frameborder = '0' height = '410' 'comment-editor de' id = nombre = 'comentar-editor' src = '' = width '100%' /> <data: post.friendConnectJs /> <data: post.cmtfpIframe /> <b: Si = cond 'de datos: showCmtPopup'> <div id = estilo 'comment-emergente' = 'border: 1px solid rojo; ancho: 100px; altura: 100px;' /> </ B: si> <script type = 'text / javascript'> BLOG_CMT_createIframe (& # 39; <data: post.appRpcRelayPath /> & # 39 ;, & # 39; <data: post.communityId /> & # 39;); </ Script> </ Div> </ b: includable> <b: includable id = 'backlinkDeleteIcon' var = 'vínculo de retroceso'> <span expr: class = '& quot; elemento de control de & quot; + Datos: backlink.adminClass '> <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'> <img src =' // www.blogger.com/img/icon_delete13. gif "/> </a> </ Span> </ b: includable> <b: Identificación del includable = '-SiguienteAnterior móvil'> <div class = 'blog-pager' id = 'blog-pager'> <b: if = cond 'de datos: newerPageUrl'> <div class = 'enlace de botón móvil' id = 'blog-pager-nuevo-link'> <a class = 'blog-pager-nuevo-link' expr: 'datos: newerPageUrl' href = expr: datos de identificación = ': Widget .instanceId + & quot; _blog-localizador-nueva-enlace & quot;' expr: title = 'datos: newerPageTitle'> <data: newerPageTitle /> </a> </ Div> </ B: si> <b: if = cond 'de datos: olderPageUrl'> <div class = '-link-botón Móvil' id = 'blog-pager-mayores-link'> <a class = 'blog-pager-mayores-link' expr: 'datos: olderPageUrl' = href expr: ID = 'datos: widget.instanceId + & quot; _blog-pager-mayores-link & quot;' expr: title = 'datos: olderPageTitle'> <data: olderPageTitle /> </a> </ Div> </ B: si> <div class = 'botón móvil-link' id = 'Blog-localizador-casa-link'> <a class='home-link' expr:href='data:blog.homepageUrl'> <data: homeMsg /> </a> </ Div> <div class = 'móvil-escritorio-link'> <a class='home-link' expr:href='data:desktopLinkUrl'> <data: desktopLinkMsg /> </a> </ Div> </ Div> <div class = 'claro' /> </ b: includable> <b: includable id = var 'postQuickEdit' = 'post'> <b: if cond = 'datos: post.editUrl'> <span expr: class = '& quot; elemento de control de & quot; + Datos: post.adminClass '> <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'> <img alt ='' class = 'icono de la acción' height = '18 'src =' http: //img2.blogblog.com/img/icon18_edit_allbkg.gif' width = '18' /> </a> </ Span> </ B: si> </ b: includable> <b: id = includable var = 'top' 'principal'> <! - mensajes -> <div class = 'blog-mensajes hfeed'> <! - desactivar mensaje de estado por defecto <b : incluir datos = 'superior' name = 'estado-mensaje' /> mensaje de estado por defecto desactivado -> <b: incluir datos = 'mensajes' name = 'breadcrumb' /> <data: AdStart /> <b: valores de bucle =: var 'de datos de mensajes' = 'post'> <b: si 'de datos: post.isDateStart' = cond> <b: Si = cond 'de datos: post.isFirstPost == & quot; falso & quot;'> & lt; / div & gt ; & lt; / div & gt; </ B: si> </ B: si> <b: if = cond 'de datos: post.isDateStart'> & lt; div class = & quot; fecha-exterior & quot; & gt; </ B: si> <b: if 'de datos: post.dateHeader' = cond> <script> var LastDate = & # 39; <data: post.dateHeader /> & # 39 ;; </ script> <b: si los datos cond = ': blog.pageType == & quot; artículo & quot; '> <h2 class =' fecha-header '> <img src =' http: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8OgQRkCwuJ94KQq6Vw8msVv90OfOYwdIJoRaoNPB0L3DA4EPrz51dPwtTOAqIHX6JJzNXshXfQSXIZnQVj3M9nbZLB9tSOzpCGw__KIQhriqHzDbIG4ekHvP5jIQI83pZ3UXd3SSje5ot/s1600/ calendar.png "/> <data: post.dateHeader /> </ h2> </ B: si> <B: else /> <b: si 'de datos: blog.pageType == & quot; producto & quot;' = cond> <h2 class = 'fecha-cabecera'> <script> document.write (LastDate); </ script> </ h2> </ B: si> </ B: si> <b: if = cond 'de datos: post.isDateStart'> & lt; div class = & quot; fecha-mensajes & quot; & gt; </ B: si> <div class = 'post-exterior'> <b: incluir 'post' de datos = name = 'post' /> <b: si 'de datos: blog.pageType == & quot; static_page & quot;' = cond> <b: incluyen datos = 'post' name = 'comentarios' /> </ B: si> <b: si 'de datos: blog.pageType == & quot; producto & quot;' = cond> <b: incluir 'post' de datos = name = 'comentarios' /> </ B: si> </ Div> <b: si 'de datos: post.includeAd' = cond> <b: Si = cond 'de datos: post.isFirstPost'> <data: defaultAdEnd /> <B: else /> <Data: adEnd /> </ B: si> <div class = 'inline-anuncio'> <data: adCode /> </ Div> <Data: AdStart /> </ B: si> <b: si 'de datos: post.trackLatency' = cond> <data: post.latencyJs /> </ B: si> </ b: loop> <b: si 'datos!: numPosts = 0' = cond> & lt; / div & gt; & lt; / div & gt; </ B: si> <Data: adEnd /> </ Div> <! - navegación -> <b: include name = 'SiguienteAnterior' /> <b: if cond = 'datos: top.showStars'> <script src = '// www.google.com/jsapi' type = 'text / javascript' /> <script type = 'text / javascript'> google.load (& quot; anotaciones & quot ;, & quot; 1 & quot ;, {& quot; locale & quot ;: & quot; <data: quot top.languageCode /> &;} ); función initialize () { google.annotations.setApplicationId (<data: top.blogspotReviews />); google.annotations.createAll (); google.annotations.fetch (); } google.setOnLoadCallback (inicializar); </ Script> </ B: si> </ b: includable> <b: 'mensajes' includable id = 'miga de pan' var => <b: if cond = 'datos: blog.homepageUrl == datos: blog.url'> <! - No miga de pan en la parte frontal página -> <B: else /> <b: if 'de datos: blog.pageType == & quot; producto & quot;' = cond> <div class = ''> pan rallado Browse & # 187; <a expr:href='data:blog.homepageUrl' rel='tag'> principal </a> <b: 'de datos: mensajes' valores de lazo = var = 'post'> <b: si los datos = cond ': post.labels '> <b: valores de bucle =' datos: post.labels' var = 'etiqueta'> <b: Si = cond 'de datos: label.isLast == & quot; verdadero & quot;'> & # 187; <a expr:href='data:label.url' rel='tag'> <data: label.name/> </a> </ B: si> </ b: loop> & # 187; <span> <data: post.title /> </ span> </ B: si> </ B: loop> </ Div> <B: else /> <b: if 'de datos: blog.pageType == & quot; archivo & quot;' = cond> <div class = ''> pan rallado Browse & # 187; <a expr:href='data:blog.homepageUrl'> principal </a> & # 187; Archivos de <data: blog.pageName /> </ Div> <B: else /> <b: si 'de datos: blog.pageType == & quot; índice de & quot;' = cond> <div class = 'pan rallado'> <b: si 'de datos: blog.pageName == & quot; & quot;' = cond> Browse & # 187; <a expr:href='data:blog.homepageUrl'> principal </a> & # 187; Todos los mensajes <B: else /> Explorar & # 187; <a expr:href='data:blog.homepageUrl'> principal </a> & # 187; Las entradas bajo <data: blog.pageName /> </ B: si> </ Div> </ B: si> </ B: si> </ B: si> </ B: si> </ b: includable> <b: 'comentario' includable id = 'commentDeleteIcon' var => <span expr: class = '& quot; elemento de control de & quot; + Datos: comment.adminClass '> <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'> <img src =' // www.blogger .com / img / icon_delete13.gif "/> </a> </ Span> </ b: includable> <b: id = 'includable feedLinks'> <b: if 'de datos: blog.pageType = & quot; & quot; tema!' = cond> <- Enlaces Blog de alimentación -> <b: if 'datos: feedLinks' = cond> <div class = 'blog-feeds'> <b: incluyen el nombre de datos = 'feedLinks' = 'feedLinksBody' /> </ Div> </ B: si> <b: else /> <- - enlaces de alimentación Poste!> <div class = 'post-feeds'> <b: 'datos: mensajes' valores loop = var = 'post'> <b: if cond =' datos: post.allowComments '> <B: Si = cond' de datos: post.feedLinks '> <b: incluir datos =' post.feedLinks' name = 'feedLinksBody' /> </ B: si> </ B: si> </ B: loop> </ Div> </ B: si> </ b: includable> <b: includable id = 'móvil-index-post' var = 'post'> <b: si 'de datos: post.dateHeader' = cond> <div class = 'móvil-index-fecha' > <div class = 'fecha-header'> <span> <data: post.dateHeader /> </ span> </ Div> </ Div> </ B: si> <div class = 'móvil-post-exterior'> <div class = 'móvil-index-título-exterior'> <h3 class = '-index-título móvil entrada-título'> <a href = 'javascript: void ( 0) '> <data: post.title /> </a> </ H3> </ Div> <Div> <div class = 'móvil-index-flecha'> <a href='javascript:void(0)'> & amp; rsaquo; </a> </ Div> <div class = '-post-contenidos móviles'> <b: if cond = 'datos: post.thumbnailUrl'> <div class = 'móvil índice de imágenes en miniatura'> <div class = 'Imagen'> <img expr: src = 'datos: post.thumbnailUrl' /> </ Div> </ Div> </ B: si> <div class = 'post-cuerpo'> <b: si 'de datos: post.snippet' = cond> <data: post.snippet /> </ b: if> </ Div> </ Div> <Div style = 'clear: both;' /> </ Div> <div class = 'móvil-index-comentario'> <b: if 'de datos: blog.pageType = & quot; artículo & quot;!' = cond> <b: si los datos = cond ': blog.pageType = & quot; static_page & quot; '> <b: if cond =' datos: post.allowComments '> <b: if cond =' datos:! post.numComments = 0 '> <a class =' comment-link 'expr: href =' datos de entrada: .addCommentUrl' expr: onclick = 'datos: post.addCommentOnclick'> <b: Si = cond 'de datos: post.numComments == 1'> 1 <data: top.commentLabel /> <b: otro /> <data: post.numComments /> <data: top.commentLabelPlural /> </ b: if> </a> </ B: si> </ B: si> </ B: si> </ B: si> </ Div> </ Div> </ b: includable> <b: includable id = 'feedLinksBody' var = 'enlaces'> <div class = 'alimentar-links'> <data: feedLinksMsg /> <b: 'de datos: enlaces' valores de lazo = var = 'f'> <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'> <data: f.name/> ( <data: f.feedType />) </a> </ b: loop> </ Div> </ b: includable> <b: id = includable var 'comentarios' = 'post'> <div class = 'Comentarios' id = 'comentarios'> <a name='comments'/> <b: if cond =' datos: post.allowComments '> <h4> <b: Si = cond' de datos: post.numComments == 1' > 1 <data: commentLabel />: <B: else /> <Data: post.numComments /> <data: commentLabelPlural />: </ B: si> </ h4> <b: si 'de datos: post.commentPagingRequired' = cond> <span class = 'paginación-control-contenedor'> <a expr: 'datos: post.oldLinkClass' = clase expr: datos = href ': post.oldestLinkUrl '> <data: post.oldestLinkText /> </a> & # 160; <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'> <data: post.olderLinkText /> </a> & # 160; <data: post.commentRangeText /> & # 160; <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'> <data: post.newerLinkText /> </a> & # 160; <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'> <data: post.newestLinkText /> </a> </ Span> </ B: si> <div expr: 'datos: post.postAuthorClass' = clase expr: id = 'datos: widget.instanceId + & quot; _comments-bloque-wrapper & quot;'> <dl expr: 'datos: post.avatarIndentClass' = clase id =' comentarios-block '> <b: valores de bucle =' datos: comentario post.comments' var = ''> <dt expr: class = '& quot; comentar-autor & quot; + Datos: expr: ID = 'comment.authorClass datos: comment.anchorName'> <b: Si = cond 'de datos: comment.favicon'> <img expr: src = 'datos: comment.favicon' height = '16px 'style =' margin-bottom: -2px;' = width '16px' /> </ B: si> <a expr:name='data:comment.anchorName'/> <b: Si = cond 'de datos: blog.enabledCommentProfileImages'> <data: comment.authorAvatarImage /> </ B: si> <b: si 'de datos: comment.authorUrl' = cond> <a expr:href='data:comment.authorUrl' rel='nofollow'> <data: comment.author/> </a> <B: else /> <Data: comment.author/> </ B: si> <data: commentPostedByMsg /> </ dt> <dd expr: class = '& quot;-comentario cuerpo & quot; + Datos: los datos: id = 'expr: comment.commentAuthorClass widget.instanceId + datos: comment.cmtBodyIdPostfix'> <b: if cond = 'datos: comment.isDeleted'> <span class = 'borrado-comentario'> < datos: comment.body /> </ span> <B: else /> <P> <data: comment.body /> <= span class 'interacción iframe-guía' /> </ P> </ B: si> </ dd> <dd class = 'comment-pie de página'> <span class = 'comment-timestamp'> <a expr:href='data:comment.url' title='comment permalink'> <data: comment.timestamp /> </a> <B: include 'comentario' de datos = name = 'commentDeleteIcon' /> </ Span> </ dd> </ b: loop> </ Dl> </ Div> <b: si 'de datos: post.commentPagingRequired' = cond> <span class = 'paginación-control-contenedor'> <a expr: 'datos: post.oldLinkClass' = clase expr: 'datos: post.oldestLinkUrl' = href > <data: post.oldestLinkText /> </a> <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'> <data: post.olderLinkText /> </a> & # 160; <data: post.commentRangeText /> & # 160; <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'> <data: post.newerLinkText /> </a> <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'> <data: post.newestLinkText /> </a> </ Span> </ B: si> <p class = 'comment-pie de página'> <b: if 'de datos: post.embedCommentForm' = cond> <b: if 'de datos: post.allowNewComments' = cond> <b: incluyen 'post' de datos = name =' comment-forma "/> <B: else /> <Data: post.noNewCommentsText /> </ B: si> <B: else /> <b: si 'de datos: post.allowComments' = cond> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <data: postCommentMsg /> </a> </ B: si> </ B: si> </ P> </ B: si> <div id = 'retroceso-contenedor'> <div expr: 'de datos: widget.instanceId + & quot; _backlinks-contenedores & quot;' id => <b: si 'de datos: post.showBacklinks' = cond> <b: incluyen datos = 'post' name = 'retroceso' /> </ B: si> </ Div> </ Div> </ Div> </ b: includable> <b: includable id = 'ResumenPost' var = 'post'> <table cellpadding = '0' CELLSPACING = '0' class = 'post-Resumen'> <tbody> <tr> <td rowspan = '2'> <h3> <a expr:href='data:post.url'> <data: post.title /> </a> </ h3> <= clase p 'txt-Resumen' expr: id = '& quot; resumen- & quot; + Datos: post.id '/> </ td> <td class =' celdaderecha '> <span class =' lafecha-Resumen 'expr: id =' & quot; fecha- & quot; + Datos: 'tipo> <script =' post.id text / javascript "> calendario (& # 39; <data: post.timestamp /> & # 39;); </ script> </ span> </ td> </ tr> <tr> <td class = 'celdaspan'> <a class = 'toggleresumenpost' expr: onclick = '& quot; toggleResumenPost (\ & quot; & quot; + datos: post.id + & quot; \ & quot;) & quot ;' 'javascript: void (0);' = href> [+/-] </a> </ td> </ tr> </ tbody> </ table> <div class = 'post-oculto' expr: id = '& quot; dummy- & quot; + Datos: post.id '> <div class =' post-cuerpo '> <p> <data: post.body /> </ p> <div style =' clear: both; "/> </ div> < / div> <script type = 'text / javascript'> resumenPost (& # 39; <data: post.id /> & # 39;); </ script> </ b: includable> </ b: Widget> < / b: sección> </ Div> <div id = 'barra lateral-wrapper'> <b: sección de clase = 'barra lateral' 'barra lateral' id = preferido = 'sí'> <b: widget de id = 'Perfil1' = bloqueado 'false' title = 'Quem sou eu 'type =' Perfil '> <b: includable id =' principal '> <b: if = cond' de datos: título = & quot; & quot; '> <h2> <datos: título /> </ h2> </ B: si> <div class = 'widget-contenido'> <b: if cond = 'datos: equipo == & quot; verdadero & quot;'> <- Perfil del equipo del blog -> <Ul> <b: 'datos: autores valores de lazo = var = 'i'> <li> <a expr:href='data:i.userUrl'> <data: i.display-Nombre /> </a> </ li> </ b: loop> </ Ul> <b: else /> <- - perfil normal blog> <b: if 'de datos: photo.url = & quot; & quot;' = cond> <a expr:href='data:userUrl'> <img class = 'perfil-img' expr: alt = 'datos: photo.alt' expr: altura = 'datos: photo.height' expr: src = 'datos: photo.url' expr: datos = width ': photo.width '/> </a> </ B: si> <clase dl = 'perfil-bloque de datos'> <dt class = 'perfil-data> <data: idioma /> </ dt> <b: Si = cond 'de datos: showlocation == & quot; verdadero & quot;'> <dd class = 'perfil-data> <data: ubicación /> </ dd> </ B: si> <B: si 'datos!: Aboutme = & quot; & quot;' = cond> <dd class = 'perfil-textblock'> <data: aboutme /> </ dd> </ b: if> </ Dl> <a class='profile-link' expr:href='data:userUrl'> <data: viewProfileMsg /> </a> </ B: si> <B: incluir el nombre = 'QuickEdit' /> </ Div> </ b: includable> </ b: panel> <b: widget de id = 'BlogArchive1' = bloqueado 'false' title = 'Arquivo do blog' type = 'BlogArchive'> <b: includable id = 'alternar' var = 'intervalo'> <b: si 'de datos: interval.toggleId' = cond> <b: Si = cond 'de datos: interval.expclass == & quot; expandido & quot;'> <a class = 'alternar' href = 'javascript: void (0) '> <span class =' enérgico de palanca-abierto "> & # 9660; & # 160; </ span> </a> <B: else /> <a class='toggle' href='javascript:void(0)'> <span class = 'zippy'> <b: si 'de datos: blog.languageDirection == & quot; RTL & quot;' = cond> & # 9668; & # 160; <B: else /> & # 9658; & # 160; </ B: si> </ Span> </a> </ B: si> </ B: si> </ b: includable> <b: includable id = 'intervalo' var = 'intervalData'> <b: 'datos: intervalData' valores de lazo = var = 'i'> <ul class = 'jerarquía'> <li expr: class = '& quot; archivedate & quot; + Datos: i.expclass '> <b: incluir datos =' i' name = 'alternar'/> <a class='post-count-link' expr:href='data:i.url'> <data: i.name/> </a> <span class = 'post-count' 'LTR' = dir> (<data: i.post-count />) </ span> <b: si los datos = cond ': i .data '> <b: incluir datos =' 'name = 'i.data intervalo'/> </ B: si> <b: si 'de datos: i.posts' = cond> <b: incluir datos = 'i.posts' name = 'mensajes' /> </ B: si> </ Li> </ Ul> </ b: loop> </ b: includable> <b: includable id = 'menú' var = 'datos'> <seleccionar expr: id = 'datos: widget.instanceId + & quot; _ArchiveMenu & quot;'> <valor de la opción = ''> <data: título /> </ option> <b: valores de bucle = 'datos:' var = 'datos i> <opción expr: valor = 'datos: i.url'> <data: i.name /> (<data: i.post-count />) </ option> </ b: loop> </ Select> </ b: includable> <b: id includable = 'plana' var = 'datos'> <ul class = 'plana'> <b: 'de datos: los datos de los valores de lazo = var = 'i'> <li class = 'archivedate'> <a expr:href='data:i.url'> <data: i.name/> </a> (<data: i.post-recuento />) </ Li> </ B: loop> </ Ul> </ b: includable> <b: includable id = 'mensajes' var = 'mensajes'> <ul 'mensajes' = clase> <b: 'de datos: mensajes' valores de lazo = var = 'i'> <li> < un expr: 'datos: i.url' = href> <img src = "http: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl3N2-04MxulWtIVZOnfxtsQXAnWa6367LsAjbZFUqLZJ9wUztN5AQORihUL3bWY_MODuqkFGfBdD5zfFfHr8M07FAHiNUFnocLwiDsjBkwLtD0I3A9oMJlTJYXtv28rCYLcscK3hX7n8q/s1600/old-version.png'/> <datos : I.Título /> </a> </ li> </ b: loop> </ Ul> </ b: includable> <b: id includable = 'principal'> <b: si 'de datos: título' = cond> <h2> <data: título /> </ h2> </ B: si> <div class = 'widget-contenido'> <div id = 'ArchiveList'> <div expr: ID = 'datos: widget.instanceId + & quot; _ArchiveList & quot;'> <b: si los datos = cond ': estilo == & quot ; JERARQUIA & quot; '> <b: incluir datos =' datos' name = 'intervalo'/> </ B: si> <b: Si = cond 'de datos: estilo == & quot; PISO & quot;'> <b: incluir datos = 'datos' name = 'plana' /> </ B: si> <b: if cond = 'datos: Estilo == & quot; & quot MENÚ;'> <b: include name = 'menú' data = 'datos' /> </ B: si> </ Div> </ Div> <B: incluir el nombre = 'QuickEdit' /> </ Div> </ b: includable> </ b: Widget> <b: id widget de = 'Stats1' = bloqueado 'false' title = tipo 'Visualizações' = 'Estadísticas'> <b: ID includable = 'principal'> <b: Si los datos: título '' = cond> <h2> <datos: título /> </ h2> </ b: if> <div class = 'widget-contenido'> <- contenido va a ser visible cuando los datos! se va a recoger servidor. Unesdoc.unesco.org unesdoc.unesco.org <div expr: 'datos: widget.instanceId + & quot; _content & quot;' id = style = 'display: none;'> <- Contador y la imagen se inyectarán más tarde a través de llamada de Ajax. Unesdoc.unesco.org unesdoc.unesco.org <b: si 'de datos: showSparkline' = cond> <img alt = 'Sparkline' expr: ID = 'datos: widget.instanceId + & quot; _sparkline & quot;' height = '30' src = '' width = '75' /> </ B: si> <b: si 'de datos: showGraphicalCounter' = cond> <span class = 'counter-wrapper gráfico-counter-wrapper' expr: 'datos: widget.instanceId + & quot; _totalCount & quot;' id = /> <B: else /> <Span class = 'counter-wrapper texto-counter-wrapper' expr: 'datos: widget.instanceId + & quot; _totalCount & quot;' id = /> </ B: si> <B: incluir el nombre = 'QuickEdit' /> </ Div> </ Div> </ b: includable> </ b: Widget> <b: widget de id = 'Label1' = bloqueado 'false' title = 'Marcadores' type = 'etiqueta'> <b: id includable = 'principal'> <b: si 'de datos: título' = cond> <h2> <data: título /> </ h2> </ B: si> <Div class = 'widget-contenido'> <Ul> <script type = 'text / javascript'> // <! [CDATA [! Home_Page = 'AQUI OS MARCADORES'; max_rc_posts = 500; función showentry (JSON) { var maxp = (max_rc_posts <= json.feed.entry.length)? max_rc_posts: json.feed.entry.length; texto var = "<ul>"; for (var i = 0; i <maxp; i ++) { entrada var = json.feed.entry [i]; var = posttitle entry.title $ t.; posturl var; si (i == json.feed.entry.length) break; for (var k = 0; k <entry.link.length; k ++) { si (entry.link [k] .rel == 'alternativo') { posturl = entry.link [k] .href; descanso; } } Texto + = "<li> <img src = 'http: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkT33jFnsWUkdivUYAKtFe3Um6BYG1NzOgduCbgD5mTZeIxcliOPl5VFHGf0NdVxc5uyT6LdVCumOX_0XsW1MTY2KpCtgPw3gf3VESjJBpn9rcd1CKQvXlQ9VJhPeE0s2mTRB-MrSLM8ZY/s1600/category.png'/> <a href ='" + posturl + "' >" + posttitle + "</a> </ li>"; } texto + = "</ ul>"; document.getElementById ( "showItemLabel") innerHTML = texto.; } función showPostLabel (sPL_label, e) { var = isDOM (navigator.appName.match ( "Microsoft Internet Explorer") || navigator.appName.match ( "MSIE"))? falso verdadero; cheque var = document.getElementById ( "showItemLabel"); si (cheque) { si (isDOM!) {check.removeNode (true); } else {check.parentNode.removeChild (cheque);} } olmo var; si (e.target) elm = e.target; otro olmo = window.event.srcElement; var div = document.createElement ( 'div'); div.innerHTML = ""; div.id = "showItemLabel"; Si {elm.insertAdjacentElement ( 'AfterEnd', div) (isDOM!); } Else {elm.parentNode.insertBefore (div, this.nextSibling); } var elm2 = document.getElementById ( "showItemLabel"); elm2.style.display = "en línea"; elm2.innerHTML = "<br/> <http img src = ': https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXSh9O82d7CkuNKN2bMohVpn0ZXpem1RII0aeQ_ZVdUOHpKpNuTi0HBhL72bql9db0_2SHr5c9qfvh_7G0zJKB3xX49KfvGx6hn9tYh9XIrXyDtUI_lnRMqmb4tE1vDvPijA0bp3DiV6vX/s1600/opp6xk.gif'/>"; Var script = document.createElement ('script'); script.src = Home_Page + "alimenta / Mensajes / Resumen / - /" + sPL_label.replace (/ / g, "% 20") + + max_rc_posts + 1 + "& alt = json "start-index = 1 & max-results =?" -in-escritura y de devolución de llamada = showentry "; Script.type = "text / javascript"; Document.getElementsByTagName ('head') [0] .appendChild (script); } //]]> </ Script> <Ul> <b: 'datos: Labels' valores de lazo = 'etiqueta' var => <Li> <b: Si = cond 'de datos: blog.url == datos: label.url'> <span expr: 'datos: blog.languageDirection' = DIR> <datos: label.name/> <span 'LTR' = dir /> <a expr: onMouseOver = '& quot; showPostLabel (\ & quot; & quot; + datos: label.name + & quot; \ & quot;, evento) & quot;' 'javascript: void (0)' href => & # 9660; </a> </ Span> <B: else /> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'> <img src =' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinw-EKhO20CIYM8WHb9uZGaWgGuvNun04yi2aI5Kwv0vDHWoyyMjq1lBBX6Busn2K2XTOO19xsTtvif4_6kGr5oaKWOE2s5D12-qJLNnaw2IW8m_aPd5jhyphenhyphen3jc1af8BOGt0fHKxicavb2g/ s1600 / folder.png '/> <data: label.name/> </a> <a expr: onMouseOver =' & quot; showPostLabel (\ & quot; & quot; + datos: label.name + & quot; \ & quot;, evento ) & quot;' 'javascript: void (0)' href => & # 9660; </a> </ B: si> </ Li> </ B: loop> </ Ul> </ Ul> <B: incluir el nombre = 'QuickEdit' /> </ Div> </ b: includable> </ b: panel> <b: widget de id = 'NewsBar1' = bloqueado 'false' title = '' type = 'NewsBar'> <b: Identificación del includable = 'principal'> <! - único título pantalla si es que no está vacía -> <b: if 'de datos: título = & quot; & quot;' = cond> <h2 class = 'title'> <datos: título /> </ h2> </ B: si> <div class = 'widget-contenido'> <div expr: 'datos: widget.instanceId + & quot; _bar & quot;' id => <span class = 'NewsBar-estado'> Cargando ... </ span> </ Div> </ Div> <b: incluir el nombre = 'QuickEdit' /> </ b: includable> </ b: Widget> <b: widget de id = 'Followers1' = bloqueado 'false' title = 'Seguidores' type = 'seguidores'> <b : Identificación del includable = 'principal'> <b: if 'de datos: título = & quot; & quot;' = cond> <b: if 'de datos: codeSnippet = & quot; & quot;' = cond> <h2 class = "titulo '> <datos: título /> </ h2> <B: else /> <b: Si = cond 'de datos: totalFollowerCount = & quot; & quot;'> <h2 class = 'título'> <data: título /> (<data: totalFollowerCount />) </ h2> </ B: si> </ B: si> </ B: si> <div class = 'widget-contenido'> <div expr: 'datos: widget.instanceId + & quot; -wrapper & quot;' id => <b: if 'de datos: codeSnippet = & quot; & quot;' = cond> <div style = 'margin-derecha: 2px;'> <data: codeSnippet /> </ Div> <B: else /> <b: Si = cond 'de datos: totalFollowerCount == & quot; & quot;'> <span class = '-control de elemento siguiente-no-admin'> <b> <data: failureSnippet /> </ b> </ Span> <span class = 'elemento de control de el blog-admin'> <b> <data: adminFailureSnippet /> </ b> </ Span> <B: else /> <b: si 'de datos: followingLinkPresent' = cond> <div class = 'siguen-este perfil de enlace de punto de control de siguiente-seguimiento este'> <a expr: href = '& quot; javascript: _FollowersView._openPopup (\ & quot ; & quot; + datos: followUri + & quot; \ & quot;); & quot; '> <data: followThisMessage /> </a> </ Div> <div class = 'seguimiento de este perfil de enlace de punto de control de siguiente ventanilla siguiente-este'> <a expr: href = "& quot; javascript: _FollowersView._openPopup (\ & quot; & quot; + datos: followUri + & quot; \ & quot;); & quot; '> <data: stopFollowingMessage /> </a> </ Div> </ B: si> <div class = 'seguidores de la red'> <b: if cond = 'datos: totalFollowerCount == 0'> <div class = 'perfil de enlace de punto de control de siguiente-follow-este'> <data: emptyFollowersMessage /> </ Div> </ B: si> ¡Bienvenido! Se basa en el js escritos en navbar.gxp Unesdoc.unesco.org unesdoc.unesco.org <b: 'datos: seguidores valores de lazo = var = 'seguidor'> <div class = 'seguidor'> <a expr: 'datos: follower.profileUrl'= href expr: title = 'datos: follower.displayName' rel = 'nofollow'> <img class = 'seguidor-img' expr: alt = 'datos: follower.displayName' expr: altura = 'de datos: follower.imageHeight' expr: onerror = '& quot; this.onerror = null; este .src = \ & quot; & quot; + Datos: anonFollowerImageUrl + & quot; \ & quot ;; & quot;' expr: onload = '& quot; setAttributeOnload (esto, \ & quot; src \ & quot ;, \ & quot; & quot; + datos: follower.imageUrl + & quot; \ & quot;) & quot;' expr: = ancho: src 'de datos follower.imageWidth' = 'http: //img1.blogblog.com/img/blank.gif'/> </a> </ Div> </ b: loop> <div class = 'claro' /> </ Div> <div class = 'seguidores de lona-perfil-link'> <data: followersFooterMessage /> <span class = '-control de elemento siguiente-no-admin'> <a expr:href='data:followersUri'> <data: viewAllMessage /> </a> </ Span> <span class = '-control de elemento de blog-admin'> <a expr:href='data:manageFollowersUri'> <data: manageFollowersMessage /> </a> </ Span> </ Div> </ B: si> </ B: si> </ Div> <B: incluir el nombre = 'QuickEdit' /> </ Div> </ b: includable> </ b: panel> <b: Identificación del Reproductor = 'HTML221' bloqueado = 'false' title = tipo 'Patrocinio' = 'html'> <b: includable id = 'principal'> <! - - único título pantalla si es que no está vacía -> <b: if 'de datos: título = & quot; & quot;' = cond> <h2 class = 'title'> <datos: título /> </ h2> </ B: si> <div class = 'widget-contenido'> <data: Contenido /> </ Div> <b: incluir el nombre = 'QuickEdit' /> </ b: includable> </ b: Widget> </ b: sección> </ Div> <! - espaciador para pieles que quieran barra lateral y principal a tener la misma altura -> <div class = 'claro'> & # 160; </ div> </ div> <- extremo contenido envoltorio - > <div id = 'pie de página-wrapper'> <div id = 'pie de página-columna-contenedor'> <div id = estilo 'Footer1' = 'anchura: 32%; flotador izquierdo;margen: 0 2px; text-align: left; '> <b: clase de sección =' pie de página-columna 'id = 'flotar col1'= preferidas 'sí'= estilo ': izquierda;'> <b: id widget de = 'HTML1' bloqueado =' false 'title = 'Anúncio 1' type = 'HTML'> <b: includable id = 'principal'> <- único título pantalla si es que no está vacía -> <b: if cond =' datos: título! = & quot; & quot; '> <h2 class =' título "> <data: título /> </ h2> </ B: si> <div class = 'widget-contenido'> <data: Contenido /> </ Div> <b: incluir el nombre = 'QuickEdit' /> </ b: includable> </ b: Widget> </ b: sección> </ Div> <Div id = estilo 'footer2' = 'Anchura: 34%; flotador izquierdo;margin: 0 5px 0 5px; text-align: left; '> <b: clase de sección =' pie de página-columna 'id = 'flotar col2'= preferidas 'sí'= estilo ': izquierda;'> <b: id widget de = 'HTML3' bloqueado =' false 'title = 'Anúncio 2' type = 'HTML'> <b: includable id = 'principal'> <- único título pantalla si es que no está vacía -> <b: if cond =' datos: título! = & quot; & quot; '> <h2 class =' título "> <data: título /> </ h2> </ B: si> <div class = 'widget-contenido'> <data: Contenido /> </ Div> <b: incluir el nombre = 'QuickEdit' /> </ b: includable> </ b: Widget> </ b: sección> </ Div> <Div id = estilo 'footer3' = 'Anchura: 32%; flotar derecho;margen: 0 2px; text-align: left; '> <b: clase de sección =' pie de página-columna 'id = 'flotar col3'= preferidas 'sí'= estilo ': right;'> <b: id widget de = 'HTML4' bloqueado =' false 'title = 'Anúncio 3' type = 'HTML'> <b: includable id = 'principal'> <- único título pantalla si es que no está vacía -> <b: if cond =' datos: título! = & quot; & quot; '> <h2 class =' título "> <data: título /> </ h2> </ B: si> <div class = 'widget-contenido'> <data: Contenido /> </ Div> <b: incluir el nombre = 'QuickEdit' /> </ b: includable> </ b: Widget> </ b: sección> </ Div> <Div style = 'clear: both;' /> </ Div> <B: clase de sección = 'pie de página' id = 'pie de página' /> </ Div> </ div> </ div> </ div> <- - extremo externo-envoltura!> <div id = 'creditos'> <a expr:href='data:blog.homepageUrl'> <data: blog. título /> </a> | por <a href='http://templateseacessorios.blogspot.com/'> plantillas e Acessórios </a> & # 169; 2010 </ div> </ Body> </ Html>

Y ahora vamos a hacer algunos cambios en nuestra plantilla.

Imagenes de fondo de nuestro blog.

Para cambiar las imágenes de fondo de nuestro blog buscamos ese código:




Http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6xjarCKd4FMTJU7HigyOwyCJE666HI7uSjRw5NAJN0Ov5_o7QzuCnSu9L6rhU9_WXWn0F41gCsNpwJKSTcvqY9ZGOKCgKQtGlN8E_2w6fEYyWNmPAtNZ4VYkWCGEi6TXf5O_zd8OpOFDm/s1600/135ar.gif & quot; Banner [1] = & quot; Http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI2Ogaj3gl6P8Zo2uQipe1xw3qypv0hVtNW7V9Hu_4VyaHXEIyGahfxIJnQQnDk3jRunBdgIiCXYiZ_9ou6ano8atIv1TMr4f13ue5EHV4jAGDXnsKdRzS2o6yolqo5L9muJApAFlwIgIx/s1600/xbw.jpg & quot; Banner [2] = & quot; Http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkKcYWnjb7e1bYMQvV3DH0j8cPsJyPXk704WzNZyclzFSCeSfWR1jerQjvm96cqNIAOzixY4DrgN38IatC33vvXm2JFI6AhDK2DUpS9dj0GLHLZWk7BHuYrIIYm0W-q8aseOC9MqkAaONu/s1600/metal053.jpg & quot; Banner [3] = & quot; Http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil4p_GPgTwTSb3GeSf040Qp6CsnYsw2zivs_y_te2brqJGxWoAxFMFQLMpAqPIukYGoy6cvC7QpOcWyZv6zqFwIZFEm_bLtM06BVFYKXpCVSJkUqPNp6l6_QBpFKaN01ABMtTUiHA7SYSF/s1600/miscellaneous_2_238.gif & quot; Banner [4] = & quot; Http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFs3mzHWt_EUwG52nB-3CM2ah3r2ii0YGA82YL7o8Et_10dxLq2CmrWcguavZE3SdqNn4_SHY0wDh6El9ROsibThy3EX29H_U_k4NbVAusWxGa3dn82cP9iRbSRWqKBETb9a7kbNJEc-4L/s1600/imagem.gif & quot; Banner [5] = & quot; Http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih8MVzJwiGtRcbjy8Sr4-lT263i9v6Fvri3egapQ9o52ImDuiRTxQ-V3l_R74etPx0UrWSd4yh5prFz12i7EXAywwuf6Cnc6TA0G-PWQgXAQCg13BfcjpSoKctxz6KuWrp7DjU73nO_hwK/s1600/ww.jpg & quot;
Sustiuimos las imágenes marcadas en rojo por la url de las fotos que nosotros queramos.

Para habilitar el menú horizontal

Busque esta parte:


<Li> <a class='tip_trigger' href='#'> INICIO <span class = 'punta'> Inicio </ span> </a> </ li> <Li> <a class='tip_trigger' href=' dirección del enlace 1 LINK'> 1 <span class = 'punta'> escribir algo en el enlace 1 </ span> </a> </ li> <Li> <a class='tip_trigger' href=' dirección del enlace 2 LINK'> 2 <span class = 'punta'> escribir algo sobre ENLACE 2 </ span> </a> </ li> <Li> <a class='tip_trigger' href=' dirección del enlace 3'> Link 3 <span class = "punta"> escribir algo sobre ENLACE 3 </ span> </a> </ li>
Ahora cambiamos lo marcado en azul por el enlace que queramos poner.
Lo marcado en rosa el nombre de la pestaña
y lo marcado en verde una descripción breve.

Botones sociales

Buscamos este código:es.

<a class='tip_trigger' FACEBOOK'> DE = href 'endereço <img border = "0" src =' http: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaNs9OFV6c18QwBWVO2PFZTmKZa4tXvaDhLj9z1MCxIYhFQHvLvB1DT2ECEeLWgxdkSKYqoOObUsNl8zKMkM0Cu6blQBbXGYDW7KV8JBLuD-3KFiLyqUjDljJwAfM1v7zmmDaDsG1-m3iS/s1600/facebook-logo -webtreatsetc.png 'width =' 66px '/> <span class =' ​​punta '> Hágase fan en Facebook </ span> </a> <a class='tip_trigger' href='ENDEREÇO ​​DE TWITTER'> <img border = "0" src = 'http: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWllfQknmVAgmvoy4BESO41S9y7pUp_FXluLf68JIleXdC0wP4hUZ2Fl0by-7b7c7SHe8lu9RdPIppz-RPr3Wr_9BwrRgqN2PDOEG0vWRxCdBSh2zoB5WoxrH2pcUQV1aBC-kdAafbD0M4/s1600/twitter-webtreatsetc 'width =' 66px .png '/> <span class =' ​​punta '> Sígueme en Twitter </ span> </a> <a class='tip_trigger' href='ENDEREÇO ​​DE ORKUT'> <img border = "0" src = 'http: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHqOA4EhcfkC0nnS_GobyTktohR3HwDWgcPDhSNY_iiq4ZD-CwoUveufmC2Neiky-szRRogyRpKj6Rxq9s4hQgUP-7lX-7w2DNalFpPpq5CF6rYjBxPlOy72X1H8ssSL_P6WJPQeg2OPqt/s1600/orkut-webtreatsetc 'width =' 66px .png '/> <span class =' ​​punta '> Nos vemos en orkut </ span> </a> <a class='tip_trigger' href='ENDEREÇO ​​DE YAHOO'> <img border = "0" src = 'http: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZb96cKAlH2uVYIVlan-pxvv0ypeKpV0AixzpLyWyhEbbu_qWmoVwy46ydo6207hT9b7_LNC4eLQgJC0YlSKlFNOzVSiC60qxAdlOhpa2RL2o4b6AwGgwoCyo322Cn3T4LleVOf0qJFsaG/s1600/yahoo-webtreatsetc 'width =' .png 66px '/> <span class =' ​​punta '> Yahoo </ span> </a>

Cambiamos lo marcado en rosa por la dirección de nuestras redes sociales.
También podemos cambiar los iconos para ello sistituimos lo marcado en verde por la url de nuestra imágen.



Para activar la diapositiva

Buscamos ENDEREÇO DE SEU BLOG AQUI y lo cambiamos por la direccion de nuestro blog


Para habilitar el botón grande de alimentación.

Buscamos ENDEREÇO DE SEU BLOG AQUI y lo cambiamos por la direccion de nuestro blog


Para habilitar los marcadores

Buscamos AQUI OS MARCADORES

Y sustituirla por la dirección de su blog

 

Publicar un comentario

0 Comentarios