tag:blogger.com,1999:blog-12578883689568292392024-02-21T03:42:41.911-08:00Codigos HTML para tumblr con tutoriales (Actualizo el blog)Bienvenido a mi blog de CODIGOS PARA TUMBLR, si eres nuevo en tumblr o simplemente quieres codigos nuevos, aqui tienes de todo tipo. Hecha un vistazo y no te olvides de pasar por mi tumblr. http://lostumblrykenny.tumblr.com/Samuelhttp://www.blogger.com/profile/11076593170326356492noreply@blogger.comBlogger46125tag:blogger.com,1999:blog-1257888368956829239.post-29977331596257474472015-11-25T12:54:00.000-08:002015-11-25T12:54:14.896-08:00Enlace para moverse por la páginaSupongamos que queremos crear un enlace que nos lleve a un punto determinado de la página.<br />
<br />
Lo primero será colocar nuestro enlace origen. Lo pondremos en donde queramos que aparezca y lo escribiremos del siguiente modo:<br />
<br />
<br />
<ul>
<li><span style="font-family: 'Courier New', Courier, monospace;"><a href="#moverse">AQUI_EL_TEXTO</a></span></li>
</ul>
<br />
<br />
<br />
Por ejemplo:<br />
<br />
<br />
<ul>
<li><span style="font-family: 'Courier New', Courier, monospace;"><a href="#moverse">Ir a las categorías</a></span></li>
</ul>
<br />
<div>
<br /></div>
<br />
<br />
Como podéis ver, el contenido del enlace es el texto <b>"Ir a las categorías"</b>, es un punto de la misma página que todavía no hemos definido. Ojo al símbolo #; es él quien especifica al navegador que el enlace apunta a una sección en particular.<br />
<br />
<br />
En segundo lugar, hay que generar un enlace en el destino. Este enlace llevara por nombre moverse para poder distinguirlo de los otros posibles enlaces realizados dentro de la misma página. En este caso, la etiqueta que escribiremos será ésta:<br />
<br />
<br />
<ul>
<li><span style="font-family: 'Courier New', Courier, monospace;"><a name="moverse"></a></span></li>
</ul>
<br />
<span style="font-family: Courier New, Courier, monospace;"><br /></span>
<span style="font-family: inherit;">Esta etiqueta la pondremos en el lugar que queramos que se dirija</span><br />
<span style="font-family: inherit;"><br /></span>
<span style="font-family: inherit;"><br /></span>
<span style="font-family: inherit;"><br /></span>
<span style="font-family: inherit;">Si quieres editar el texto mirate: </span><a href="http://codigoshtmlparatumblr.blogspot.com.es/2015/11/editar-el-texto-con-html.html">http://codigoshtmlparatumblr.blogspot.com.es/2015/11/editar-el-texto-con-html.html</a><br />
<br />
<br />
<br />
<br />Samuelhttp://www.blogger.com/profile/11076593170326356492noreply@blogger.com0tag:blogger.com,1999:blog-1257888368956829239.post-22523362090843257132015-11-25T12:48:00.001-08:002015-11-25T12:53:50.337-08:00Editar el texto con HTML<dl style="background-color: white; margin-bottom: 0.5em; margin-top: 0.2em;">
<dt style="font-family: sans-serif; font-size: 14px; line-height: 22.4px; margin-bottom: 0.1em;">El texto que queramos editar iría entre las dos etiquetas, por ejemplo:</dt>
<dt style="font-family: sans-serif; font-size: 14px; line-height: 22.4px; margin-bottom: 0.1em;"><span style="font-family: "courier new" , "courier" , monospace;"><br /></span></dt>
<dt style="margin-bottom: 0.1em;"></dt>
<dt style="margin-bottom: 0.1em;"><span style="font-family: sans-serif;"><span style="font-family: "courier new" , "courier" , monospace; font-size: 14px; line-height: 22.4px;"><b><b>negrita</b></b></span></span></dt>
<dt style="margin-bottom: 0.1em;"><span style="font-family: sans-serif;"><span style="font-family: "courier new" , "courier" , monospace; font-size: 14px; line-height: 22.4px;"><br /></span></span></dt>
<dt style="margin-bottom: 0.1em;"><span style="font-family: sans-serif;"><span style="font-family: "courier new" , "courier" , monospace; font-size: 14px; line-height: 22.4px;"><i><i>cursiva</i></i></span></span></dt>
<dt style="margin-bottom: 0.1em;"><span style="font-family: "courier new" , "courier" , monospace;"><br /></span></dt>
<dt style="margin-bottom: 0.1em;"><span style="font-family: "courier new" , "courier" , monospace;"><span style="font-size: 14px; line-height: 22.4px;"><big></span><span style="font-size: large; line-height: 22.4px;">texto grande</span><span style="font-size: 14px; line-height: 22.4px;"></big></span></span></dt>
<dt style="margin-bottom: 0.1em;"><span style="font-family: sans-serif;"><span style="font-family: "courier new" , "courier" , monospace; font-size: 14px; line-height: 22.4px;"><br /></span></span></dt>
<dt style="margin-bottom: 0.1em;"><span style="font-family: "courier new" , "courier" , monospace;"><span style="font-size: 14px; line-height: 22.4px;"><small></span><span style="font-size: xx-small; line-height: 22.4px;">texto pequeño</span><span style="font-size: 14px; line-height: 22.4px;"></small></span></span></dt>
<dt style="margin-bottom: 0.1em;"></dt>
<dt style="margin-bottom: 0.1em;"><span style="font-family: sans-serif;"><span style="font-size: 14px; line-height: 22.4px;"><br /></span></span></dt>
<dt style="font-family: sans-serif; font-size: 14px; font-weight: bold; line-height: 22.4px; margin-bottom: 0.1em;"><br /></dt>
<dt style="font-family: sans-serif; font-size: 14px; font-weight: bold; line-height: 22.4px; margin-bottom: 0.1em;">Elemento <b>b</b> </dt>
<dd style="font-family: sans-serif; font-size: 14px; line-height: 22.4px; margin-bottom: 0.1em; margin-left: 1.6em; margin-right: 0px;">(bold = <b>negrita</b>) muestra el texto en negrita.<br />
Sus etiquetas son: <<b>b</b>> y </<b>b</b>> (ambas obligatorias)</dd><dd style="font-family: sans-serif; font-size: 14px; line-height: 22.4px; margin-bottom: 0.1em; margin-left: 1.6em; margin-right: 0px;"><br /></dd>
<dt style="font-family: sans-serif; font-size: 14px; font-weight: bold; line-height: 22.4px; margin-bottom: 0.1em;">Elemento <b>i</b> </dt>
<dd style="font-family: sans-serif; font-size: 14px; line-height: 22.4px; margin-bottom: 0.1em; margin-left: 1.6em; margin-right: 0px;">(italic = <i>itálica</i>) muestra el texto en cursiva.<br />
Sus etiquetas son <<b>i</b>> y </<b>i</b>> (ambas obligatorias)</dd><dd style="font-family: sans-serif; font-size: 14px; line-height: 22.4px; margin-bottom: 0.1em; margin-left: 1.6em; margin-right: 0px;"><br /></dd></dl>
<dl style="background-color: white; font-family: sans-serif; font-size: 14px; line-height: 22.4px; margin-bottom: 0.5em; margin-top: 0.2em;">
<dt style="font-weight: bold; margin-bottom: 0.1em;">Elemento <b>tt</b> </dt>
<dd style="margin-bottom: 0.1em; margin-left: 1.6em; margin-right: 0px;">Muestra el texto con caracteres monoespaciados (máquina de escribir).<br />
Sus etiquetas son <<b>tt</b>> y </<b>tt</b>> (ambas obligatorias)</dd><dd style="margin-bottom: 0.1em; margin-left: 1.6em; margin-right: 0px;"><br /></dd></dl>
<dl style="background-color: white; font-family: sans-serif; line-height: 22.4px; margin-bottom: 0.5em; margin-top: 0.2em;">
<dt style="font-size: 14px; font-weight: bold; margin-bottom: 0.1em;">Elemento <b>big</b> </dt>
<dd style="margin-bottom: 0.1em; margin-left: 1.6em; margin-right: 0px;"><span style="font-size: 14px;">(big = </span><span style="font-size: large;">grande</span><span style="font-size: 14px;">) aumenta el tamaño del texto seleccionado.</span><br />
<span style="font-size: 14px;">Sus etiquetas son: <</span><b style="font-size: 14px;">big</b><span style="font-size: 14px;">> y </</span><b style="font-size: 14px;">big</b><span style="font-size: 14px;">> (ambas obligatorias)</span></dd><dd style="font-size: 14px; margin-bottom: 0.1em; margin-left: 1.6em; margin-right: 0px;"><br /></dd></dl>
<dl style="background-color: white; font-family: sans-serif; line-height: 22.4px; margin-bottom: 0.5em; margin-top: 0.2em;">
<dt style="font-size: 14px; font-weight: bold; margin-bottom: 0.1em;">Elemento <b>small</b> </dt>
<dd style="margin-bottom: 0.1em; margin-left: 1.6em; margin-right: 0px;"><span style="font-size: 14px;">(small = </span><span style="font-size: xx-small;">pequeño</span><span style="font-size: 14px;">) reduce el tamaño del texto seleccionado.</span><br />
<span style="font-size: 14px;">Sus etiquetas son: <</span><b style="font-size: 14px;">small</b><span style="font-size: 14px;">> y </</span><b style="font-size: 14px;">small</b><span style="font-size: 14px;">> (ambas obligatorias)</span></dd><dd style="font-size: 14px; margin-bottom: 0.1em; margin-left: 1.6em; margin-right: 0px;"><br /></dd></dl>
<dl style="background-color: white; font-family: sans-serif; font-size: 14px; line-height: 22.4px; margin-bottom: 0.5em; margin-top: 0.2em;">
<dt style="font-weight: bold; margin-bottom: 0.1em;">Elemento <b>u</b> </dt>
<dd style="margin-bottom: 0.1em; margin-left: 1.6em; margin-right: 0px;">(underlined = <u>subrayado</u>) Subraya el texto seleccionado.<br />
Sus etiquetas son: <<b>u</b>> y </<b>u</b>> (ambas obligatorias)</dd><dd style="margin-bottom: 0.1em; margin-left: 1.6em; margin-right: 0px;"><br /></dd></dl>
<dl style="background-color: white; font-family: sans-serif; font-size: 14px; line-height: 22.4px; margin-bottom: 0.5em; margin-top: 0.2em;">
<dt style="font-weight: bold; margin-bottom: 0.1em;">Elemento <b>sup</b> </dt>
<dd style="margin-bottom: 0.1em; margin-left: 1.6em; margin-right: 0px;">(sup = super) Convierte el texto seleccionado en superíndice, por ejemplo: E=mc<sup style="line-height: 1;">2</sup>.<br />
Sus etiquetas son: <<b>sup</b>> y </<b>sup</b>> (ambas obligatorias)</dd><dd style="margin-bottom: 0.1em; margin-left: 1.6em; margin-right: 0px;"><br /></dd></dl>
<dl style="background-color: white; font-family: sans-serif; font-size: 14px; line-height: 22.4px; margin-bottom: 0.5em; margin-top: 0.2em;">
<dt style="font-weight: bold; margin-bottom: 0.1em;">Elemento <b>sub</b> </dt>
<dd style="margin-bottom: 0.1em; margin-left: 1.6em; margin-right: 0px;">(sub = por debajo) Convierte el texto seleccionado en subíndice, por ejemplo:texto normal, <sub style="line-height: 1;">texto en subíndice</sub>.<br />
Sus etiquetas son: <<b>sub</b>> y </<b>sub</b>> (ambas obligatorias)</dd><dd style="margin-bottom: 0.1em; margin-left: 1.6em; margin-right: 0px;"><br /></dd></dl>
<dl style="background-color: white; font-family: sans-serif; font-size: 14px; line-height: 22.4px; margin-bottom: 0.5em; margin-top: 0.2em;">
<dt style="font-weight: bold; margin-bottom: 0.1em;">Elemento <b>strike</b> </dt>
<dd style="margin-bottom: 0.1em; margin-left: 1.6em; margin-right: 0px;">(strike = roto) Convierte el texto seleccionado en tachado, por ejemplo:<strike>Texto tachado</strike>.<br />
Sus etiquetas son <<b>strike</b>> y </<b>strike</b>> (ambas obligatorias)</dd><dd style="margin-bottom: 0.1em; margin-left: 1.6em; margin-right: 0px;"><br /></dd><dd style="margin-bottom: 0.1em; margin-left: 1.6em; margin-right: 0px;"><br /></dd><dd style="margin-bottom: 0.1em; margin-left: 1.6em; margin-right: 0px;"><div style="font-family: sans-serif; font-size: 14px;">
<span style="color: blue; font-family: sans-serif; font-size: large;"><span style="line-height: 22.4px;"><b>Tamaño y tipo de letra</b></span></span></div>
<div style="font-family: sans-serif; font-size: 14px;">
<span style="font-family: sans-serif;"><span style="font-size: 14px; line-height: 22.4px;"><br /></span></span>
<span style="font-family: sans-serif;"><span style="font-size: 14px; line-height: 22.4px;"><b>FACE</b></span></span></div>
<div style="font-size: 14px;">
<span style="font-family: sans-serif;"><span style="font-size: 14px; line-height: 22.4px;"><br /></span></span>
<span style="font-family: Courier New, Courier, monospace;"><span style="font-family: sans-serif;"><span style="font-size: 14px; line-height: 22.4px;"><font face="Verdana">Este texto tiene otra </span></span><span style="font-family: sans-serif; font-size: 14px; line-height: 22.4px;">tipografía</font></span></span></div>
<div style="font-family: sans-serif; font-size: 14px;">
<span style="font-family: sans-serif;"><span style="font-size: 14px; line-height: 22.4px;"><br /></span></span>
<span style="font-size: 14px; line-height: 22.4px;"><span style="font-family: Verdana, sans-serif;">Este texto tiene otra tipografía</span></span></div>
<div style="font-family: sans-serif; font-size: 14px;">
<span style="font-family: sans-serif;"><span style="font-size: 14px; line-height: 22.4px;"><br /></span></span>
<span style="font-family: sans-serif;"><span style="font-size: 14px; line-height: 22.4px;"><b>SIZE</b></span></span></div>
<div style="font-size: 14px;">
<span style="font-family: sans-serif;"><span style="font-size: 14px; line-height: 22.4px;"><br /></span></span>
<span style="font-family: sans-serif;"><span style="font-family: "courier new" , "courier" , monospace; font-size: 14px; line-height: 22.4px;"><font size=4>Este texto es más grande</font></span></span></div>
<div style="font-family: sans-serif;">
<span style="font-family: sans-serif;"><span style="font-size: 14px; line-height: 22.4px;"><br /></span></span>
<span style="font-size: large;"><span style="font-family: sans-serif;"><span style="font-size: 14px; line-height: 22.4px;">Este texto es más </span></span><span style="font-family: sans-serif; font-size: 14px; line-height: 22.4px;">grande</span></span></div>
</dd><dd style="margin-bottom: 0.1em; margin-left: 1.6em; margin-right: 0px;"><span style="font-family: sans-serif;"><span style="font-size: 14px; line-height: 22.4px;"><br /></span></span></dd><dd style="margin-bottom: 0.1em; margin-left: 1.6em; margin-right: 0px;"><br /></dd><dd style="margin-bottom: 0.1em; margin-left: 1.6em; margin-right: 0px;"><span style="color: blue; font-family: sans-serif; font-size: large;"><span style="line-height: 22.4px;"><b>Alinear texto</b></span></span><br />
<span style="font-family: sans-serif;"><span style="font-size: 14px; line-height: 22.4px;"><br /></span></span>
<span style="font-family: sans-serif;"><span style="font-size: 14px; line-height: 22.4px;">Si deseásemos introducir un texto alineado a la izquierda escribiríamos:</span></span><br />
<span style="font-family: sans-serif;"><span style="font-size: 14px; line-height: 22.4px;"><br /></span></span>
<span style="font-size: 14px; line-height: 22.4px;"><span style="font-family: "courier new" , "courier" , monospace;"><p align="left">Texto alineado a la izquierda</p></span></span><br />
<span style="font-family: sans-serif;"><span style="font-size: 14px; line-height: 22.4px;"><br /></span></span>
<span style="font-family: sans-serif;"><span style="font-size: 14px; line-height: 22.4px;">Texto alineado a la izquierda</span></span><br />
<span style="font-family: sans-serif;"><span style="font-size: 14px; line-height: 22.4px;"><br /></span></span>
<span style="font-family: sans-serif;"><span style="font-size: 14px; line-height: 22.4px;">Para una justificación al centro:</span></span><br />
<span style="font-family: sans-serif;"><span style="font-size: 14px; line-height: 22.4px;"><br /></span></span>
<span style="font-size: 14px; line-height: 22.4px;"><span style="font-family: "courier new" , "courier" , monospace;"><p align="center">Texto alineado al centro</p></span></span><br />
<span style="font-family: sans-serif;"><span style="font-size: 14px; line-height: 22.4px;"><br /></span></span>
<br />
<div style="text-align: center;">
<span style="font-family: sans-serif;"><span style="font-size: 14px; line-height: 22.4px;">Texto alineado al centro</span></span></div>
<span style="font-family: sans-serif; font-size: 14px; line-height: 22.4px;">Para justificar a la derecha:</span><br />
<span style="font-family: sans-serif;"><span style="font-size: 14px; line-height: 22.4px;"><br /></span></span>
<span style="font-size: 14px; line-height: 22.4px;"><span style="font-family: "courier new" , "courier" , monospace;"><p align="right">Texto alineado a la derecha</p></span></span><br />
<span style="font-family: sans-serif;"><span style="font-size: 14px; line-height: 22.4px;"><br /></span></span>
<span style="font-family: sans-serif;"><span style="font-family: sans-serif; font-size: 14px; line-height: 22.4px;"></span></span><br />
<div style="text-align: right;">
<span style="font-family: sans-serif;"><span style="font-size: 14px; line-height: 22.4px;">Texto alineado a la derecha</span></span></div>
</dd><dd style="margin-bottom: 0.1em; margin-left: 1.6em; margin-right: 0px;"><span style="font-family: sans-serif;"><span style="font-size: 14px; line-height: 22.4px;"><br /></span></span></dd><dd style="margin-bottom: 0.1em; margin-left: 1.6em; margin-right: 0px;"><span style="font-family: sans-serif;"><span style="font-size: 14px; line-height: 22.4px;"><br /></span></span></dd><dd style="margin-bottom: 0.1em; margin-left: 1.6em; margin-right: 0px;"><span style="font-family: sans-serif;"><span style="font-size: 14px; line-height: 22.4px;"><br /></span></span></dd><dd style="margin-bottom: 0.1em; margin-left: 1.6em; margin-right: 0px;"><span style="font-family: sans-serif;"><span style="font-size: 14px; line-height: 22.4px;"><br /></span></span></dd><dd style="margin-bottom: 0.1em; margin-left: 1.6em; margin-right: 0px;"><br /></dd><dd style="margin-bottom: 0.1em; margin-left: 1.6em; margin-right: 0px;"><br /></dd></dl>
Samuelhttp://www.blogger.com/profile/11076593170326356492noreply@blogger.com1tag:blogger.com,1999:blog-1257888368956829239.post-39863846244338300472015-01-31T04:08:00.000-08:002015-01-31T04:08:25.912-08:00Recuperar tu tema personalizadoSi quieres restablecer algun cambio que has realizado en tu tema de tumblr, métete a este link:<br />
<br />
<br />
<ul>
<li><a href="https://www.tumblr.com/themes/recover"><span style="font-size: large;">https://www.tumblr.com/themes/recover</span></a></li>
</ul>
<div>
<br /></div>
<div>
Te salen los últimos 20 cambios que has realizado. Lo malo es que no hay una vista previa para saber que estas restableciendo.</div>
Samuelhttp://www.blogger.com/profile/11076593170326356492noreply@blogger.com1tag:blogger.com,1999:blog-1257888368956829239.post-16672853616735432092014-12-21T14:12:00.000-08:002014-12-22T12:03:22.932-08:00Imagen de perfil del tumblr que reblogueaste el post<h3>
<br /></h3>
<h3>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>Aviso: </b><span style="font-weight: normal;">Aparece el avatar del tumblr que reblogeaste el post pero al clickarle te redirecciona al autor original</span></span></h3>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: large;"><b><br /></b></span></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: large;"><b>1.</b> </span>Nos vamos a:<a href="https://www.tumblr.com/customize"> https://www.tumblr.com/customize</a> y nos metemos a "Editar HTML"</span><br />
<div>
<span style="font-size: large;"><br /></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><b><span style="font-size: large;">2.</span></b> Pretamos <b>ctrl+F</b> y en la barra de búsqueda ponemos <i></style></i></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><i><b><br /></b></i></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><b><span style="font-size: large;">3.</span></b> Encima de </span><i style="font-family: Arial, Helvetica, sans-serif;"></style></i><span style="font-family: Arial, Helvetica, sans-serif;"> pegamos este código:</span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<div>
<span style="font-family: Courier New, Courier, monospace;">}</span></div>
<div>
<span style="font-family: Courier New, Courier, monospace;"> </span></div>
<div>
<span style="font-family: Courier New, Courier, monospace;">.post .reblog_icon { </span></div>
<div>
<span style="font-family: Courier New, Courier, monospace;">display: block; </span></div>
<div>
<span style="font-family: Courier New, Courier, monospace;">height: 85px; </span></div>
<div>
<span style="font-family: Courier New, Courier, monospace;">width: 123px; </span></div>
<div>
<span style="font-family: Courier New, Courier, monospace;">position: absolute; </span></div>
<div>
<span style="font-family: Courier New, Courier, monospace;">left: -115px; </span></div>
<div>
<span style="font-family: Courier New, Courier, monospace;">top: -10px; </span></div>
<div>
<span style="font-family: Courier New, Courier, monospace;">background-repeat: no-repeat; </span></div>
<div>
<span style="font-family: Courier New, Courier, monospace;">background-position: 13px 13px; </span></div>
<div>
<span style="font-family: Courier New, Courier, monospace;"><br /></span></div>
<div>
<span style="font-family: Courier New, Courier, monospace;">}</span></div>
<div>
<span style="font-family: Courier New, Courier, monospace;"><br /></span></div>
<div>
<span style="font-family: Courier New, Courier, monospace;">.post .reblog_icon span{ </span></div>
<div>
<span style="font-family: Courier New, Courier, monospace;">display: block; </span></div>
<div>
<span style="font-family: Courier New, Courier, monospace;">height: 100px; </span></div>
<div>
<span style="font-family: Courier New, Courier, monospace;">width: 100px; </span></div>
<div>
<span style="font-family: Courier New, Courier, monospace;">background-repeat: no-repeat; </span></div>
<div>
<span style="font-family: Courier New, Courier, monospace;">background-image: url(http://static.tumblr.com/pwwhswm/pqFmpoogv/retratobrpfinal.png); </span></div>
<div>
<span style="font-family: Courier New, Courier, monospace;">/*Codigo editado por lostumblrykenny.tumblr.com</span></div>
<div>
<span style="font-family: Courier New, Courier, monospace;">Tutoriales HTML: https://codigoshtmlparatumblr.blogspot.com*/</span></div>
</div>
<div>
<span style="font-family: Courier New, Courier, monospace;"><br /></span></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdpL-goPZszlJv2qVOACdCY17j28V9TZR-0IDhvEi_xLFVORfEb-q-y8djFSLmG9GxcvoQXmVlTE_P6cAX1arM7tEb2s-LSTstInUyA3mnlpQ7yBhHr4tC4gAieLviMPV4_6yTLalS-aM/s1600/Captura.PNG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdpL-goPZszlJv2qVOACdCY17j28V9TZR-0IDhvEi_xLFVORfEb-q-y8djFSLmG9GxcvoQXmVlTE_P6cAX1arM7tEb2s-LSTstInUyA3mnlpQ7yBhHr4tC4gAieLviMPV4_6yTLalS-aM/s1600/Captura.PNG" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-size: small;"><b>Así quedaría</b></span></td></tr>
</tbody></table>
<div>
<span style="font-family: Courier New, Courier, monospace;"><br /></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><b style="font-size: x-large;">4. </b></span><span style="font-family: Arial, Helvetica, sans-serif;">Pretamos </span><b style="font-family: Arial, Helvetica, sans-serif;">ctrl+F</b><span style="font-family: Arial, Helvetica, sans-serif;"> otra vez y en la barra de búsqueda ponemos </span><span style="font-family: Arial, Helvetica, sans-serif;"><i><div class="post"></i></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><i><br /></i></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><b><span style="font-size: large;">5.</span></b> Encima de<i> <div class="post"> </i>ponemos este código:</span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<span style="font-family: Courier New, Courier, monospace;">{block:Reblog}<a href="{ReblogRootURL}" class="reblog_icon" style=background-image:url({ReblogParentPortraitURL-64})><span></span></a>{/block:Reblog}</span></div>
<div>
<span style="color: blue; font-family: Courier New, Courier, monospace; font-size: large;"><br /></span>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvHzymMgIgterXZS_QqYfKlwLE7-3VN1cn_Oje0f5r_c1TpC__xiKYeB91UTCv5PZVdpXsSbbO4P90K3tTau0JDdkoboUyLtxmB6G7uEJ2-9uyjQsL6Ut-WMCsYFKQmBqkcZ-RBTfIpCY/s1600/Captura+b.PNG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvHzymMgIgterXZS_QqYfKlwLE7-3VN1cn_Oje0f5r_c1TpC__xiKYeB91UTCv5PZVdpXsSbbO4P90K3tTau0JDdkoboUyLtxmB6G7uEJ2-9uyjQsL6Ut-WMCsYFKQmBqkcZ-RBTfIpCY/s1600/Captura+b.PNG" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><h2>
<span style="font-size: small;">Así quedaría</span></h2>
</td></tr>
</tbody></table>
<br /></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><b><span style="font-size: large;">6.</span></b> En la vista previa no se puede ver. Guardamos, vamos a nuestro tumblr y comprobamos que funcione.</span></div>
<div>
<span style="color: blue; font-family: Courier New, Courier, monospace;"><br /></span></div>
<div style="text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">¡Y YA ESTA!</span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">Cualquier duda preguntármela aquí: <a href="http://lostumblrykenny.tumblr.com/ask">http://lostumblrykenny.tumblr.com/ask</a></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><i><br /></i></span></div>
Samuelhttp://www.blogger.com/profile/11076593170326356492noreply@blogger.com0tag:blogger.com,1999:blog-1257888368956829239.post-89403606903310801812013-10-29T16:19:00.004-07:002013-10-29T16:19:47.390-07:00Tutorial para volver al antiguo formato para crear publicaciones <h1 style="font-weight: 300; line-height: 12pt; margin-bottom: 1px; margin-top: 1px; padding: 2px;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><img src="http://media.tumblr.com/04ca1c68c34d7e3e343fcaebfb2a5bc9/tumblr_inline_mii19uaQfx1r2vfr7.gif" /></span></h1>
<div style="margin-bottom: 9px; margin-top: 1px; padding: 2px;">
</div>
<div style="margin-bottom: 9px; margin-top: 1px; padding: 2px;">
<span style="font-family: Arial, Helvetica, sans-serif;">1- Vas a<b> <a href="https://chrome.google.com/webstore/detail/user-agent-switcher/lkmofgnohbedopheiphabfhfjgkhfcgf/related" style="text-decoration: none;">esta</a></b> pagina y le das a “<b>Agregar a chrome</b>”</span></div>
<div style="margin-bottom: 9px; margin-top: 1px; padding: 2px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><img src="http://media.tumblr.com/acd3a2949fad4aba182f871446b3bb4e/tumblr_inline_mii0a3lN731r2vfr7.jpg" /></span></div>
<div style="margin-bottom: 9px; margin-top: 1px; padding: 2px;">
<span style="font-family: Arial, Helvetica, sans-serif;">2- Te va a salir esto </span></div>
<div style="margin-bottom: 9px; margin-top: 1px; padding: 2px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><img src="http://media.tumblr.com/ffdd8121a58ad45c5ec269ca4941f434/tumblr_inline_mii0c2Xzhj1r2vfr7.jpg" /></span></div>
<div style="margin-bottom: 9px; margin-top: 1px; padding: 2px;">
<span style="font-family: Arial, Helvetica, sans-serif;">y le das a <em>"Agregar"</em></span></div>
<div style="margin-bottom: 9px; margin-top: 1px; padding: 2px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><em><br /></em>3- Arriba de todo<em><strike>(</strike><strike>donde poner el url, estan los marcadores, etc)</strike></em>:</span></div>
<div style="margin-bottom: 9px; margin-top: 1px; padding: 2px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><img src="http://media.tumblr.com/807a45eed7fefbcd14eb63579c82d795/tumblr_inline_mii0g5eM6h1r2vfr7.jpg" /></span></div>
<div style="margin-bottom: 9px; margin-top: 1px; padding: 2px;">
<span style="font-family: Arial, Helvetica, sans-serif;">Al costado les va a salir este signo:</span></div>
<div style="margin-bottom: 9px; margin-top: 1px; padding: 2px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><img src="http://media.tumblr.com/ba688af706bd4e22935ef71fa6912aa6/tumblr_inline_mii0h7yOoZ1r2vfr7.jpg" /></span></div>
<div style="margin-bottom: 9px; margin-top: 1px; padding: 2px;">
<span style="font-family: Arial, Helvetica, sans-serif;">4-Le das a esa “mascarita”, apretas en “<em>Internet Explorer 10</em>" y despues en "Change"</span></div>
<div style="margin-bottom: 9px; margin-top: 1px; padding: 2px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><img src="http://media.tumblr.com/5182536191e611c13676689da471df5e/tumblr_inline_mii0qzzYzE1r2vfr7.jpg" /></span></div>
<div style="margin-bottom: 9px; margin-top: 1px; padding: 2px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="margin-bottom: 9px; margin-top: 1px; padding: 2px;">
<span style="font-family: Arial, Helvetica, sans-serif;">TUTORIAL DE: </span><a href="http://illusion-never-changed.tumblr.com/post/43538518640">http://illusion-never-changed.tumblr.com/</a></div>
Samuelhttp://www.blogger.com/profile/11076593170326356492noreply@blogger.com0tag:blogger.com,1999:blog-1257888368956829239.post-34659346213684754092013-10-22T14:40:00.000-07:002013-10-22T14:41:57.438-07:0011 extensiones de Google Chrome para tu tumblr<div style="background-color: white; border: 0px; line-height: 23.03125px; margin-bottom: 20px; padding: 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;">No se puede ser usuario de <a href="http://bitelia.com/tag/tumblr" style="border-bottom-color: rgb(20, 108, 164); border-bottom-style: dotted; border-width: 0px 0px 1px; color: #146ca4; margin: 0px; padding: 0px; text-decoration: none;"><strong style="border: 0px; margin: 0px; padding: 0px;">Tumblr</strong></a> sin caer en la adicción, aunque sea de manera temporal. Si estás leyendo esto, probablemente tienes un blog en el servicio y entiendes de lo que hablo con tan solo leer la palabra <em style="border: 0px; margin: 0px; padding: 0px;">Dashboard</em>.</span></div>
<div style="background-color: white; border: 0px; line-height: 23.03125px; margin-bottom: 20px; padding: 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;">A pesar de que Tumblr es bastante fácil de entender y usar, existen algunas extensiones que, para <strong style="border: 0px; margin: 0px; padding: 0px;">maximizar nuestra experiencia como usuarios</strong>, nos permiten desde navegar rápidamente por el <em style="border: 0px; margin: 0px; padding: 0px;">Dashboard</em> haciendo uso exclusivo del teclado, hasta filtrar <em style="border: 0px; margin: 0px; padding: 0px;">posts</em> por palabras clave, muy útil para remover de nuestra vista publicaciones relacionadas con temas específicos que no son de nuestro interés.</span></div>
<div style="background-color: white; border: 0px; line-height: 23.03125px; margin-bottom: 20px; padding: 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;">Cada una de estas <strong style="border: 0px; margin: 0px; padding: 0px;">extensiones</strong> cumple una función distinta, por lo que te invito a repasar la lista completa, ya que seguramente alguna te va a interesar.</span></div>
<div style="background-color: white; border: 0px; line-height: 23.03125px; margin-bottom: 20px; padding: 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="background-color: white; border: 0px; line-height: 23.03125px; margin-bottom: 20px; padding: 0px;">
<span style="color: #073763; font-family: Arial, Helvetica, sans-serif; font-size: x-large;"><a href="http://xkit.info/">XKit</a></span><br />
<a href="http://xkit.info/">http://xkit.info/</a></div>
<div style="background-color: white; border: 0px; line-height: 23.03125px; margin-bottom: 20px; padding: 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;">Este extension particularmente me parece muy buena, junto a la de<b> missing e</b>. Puedes decorar y te facilita usar el dashboard muchismo.</span></div>
<div style="background-color: white; border: 0px; line-height: 23.03125px; margin-bottom: 20px; padding: 0px;">
<img src="http://www.chromein.com/public/crx/dbnboehlfeemlfpefilcplpcjofkegnn/cover_1.png" /></div>
<div style="background-color: white; border: 0px; line-height: 23.03125px; margin-bottom: 20px; padding: 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<h2 style="background-color: white; border: 0px; color: #af7102; font-weight: 200 !important; letter-spacing: -1px; line-height: 1.2em !important; margin: 5px 0px; padding: 0px 0px 4px;">
<a href="https://chrome.google.com/webstore/detail/oeaoiimgjnefgefklfijghnlngmkcgom" style="border: 0px; color: #146ca4; margin: 0px; padding: 0px;" target="_blank"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;">Tumblr Shortcuts</span></a></h2>
<div style="background-color: white; border: 0px; line-height: 23.03125px; margin-bottom: 20px; padding: 0px;">
<span style="height: auto; margin-left: auto; margin-right: auto;"><img alt="" class="aligncenter size-full wp-image-130023" height="601" src="http://s1.hipertextual.com/wp-content/blogs.dir/4/files/2012/06/Tumblr-Shortcuts.jpg" style="border: 0px; display: block; height: auto; margin: 0px auto; max-width: 100%; padding: 0px;" title="Tumblr Shortcuts" width="800" /></span><span style="font-family: Arial, Helvetica, sans-serif;"><br /><strong style="border: 0px; margin: 0px; padding: 0px;">Tumblr Shortcuts</strong> añade 12 <strong style="border: 0px; margin: 0px; padding: 0px;">atajos de teclado</strong>, que junto a los tradicionales 'j' y 'k', permiten desplazarse de manera mucho más rápida y cómoda a través del <em style="border: 0px; margin: 0px; padding: 0px;">Dashboard</em>, además de permitir realizar otras tareas comunes como, por ejemplo, hacer <em style="border: 0px; margin: 0px; padding: 0px;">like</em> a un post (tecla 'l') o abrir la página de <em style="border: 0px; margin: 0px; padding: 0px;">reblog</em> (tecla 'r').</span></div>
<div style="background-color: white; border: 0px; line-height: 23.03125px; margin-bottom: 20px; padding: 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;">Luego de instalar la extensión veremos un nuevo icono -un pequeño teclado- en la parte superior derecha de nuestro <em style="border: 0px; margin: 0px; padding: 0px;">Dashboard</em>, mediante el cual podemos acceder a la lista de atajos. Lamentablemente las teclas no se pueden personalizar, sin embargo, las que vienen programadas por defecto son bastante prácticas y fáciles de memorizar.</span></div>
<h2 style="background-color: white; border: 0px; color: #af7102; font-weight: 200 !important; letter-spacing: -1px; line-height: 1.2em !important; margin: 5px 0px; padding: 0px 0px 4px;">
<a href="https://chrome.google.com/webstore/detail/aaipcoofachkljjkjhmfbcnmdkhnnffp" style="border: 0px; color: #146ca4; margin: 0px; padding: 0px;" target="_blank"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;">Tumblr Notifier</span></a></h2>
<div style="background-color: white; border: 0px; line-height: 23.03125px; margin-bottom: 20px; padding: 0px;">
<img alt="" class="aligncenter size-full wp-image-130028" height="85" src="http://s3.hipertextual.com/wp-content/blogs.dir/4/files/2012/06/Tumblr-Notifier.jpg" style="border: 0px; display: block; height: auto; margin: 0px auto; max-width: 100%; padding: 0px;" title="Tumblr Notifier" width="800" /><span style="font-family: Arial, Helvetica, sans-serif;"><br /><strong style="border: 0px; margin: 0px; padding: 0px;">Tumblr Notifier</strong>, a través de un simple icono de notificación, nos mantiene informados sobre la llegada de<strong style="border: 0px; margin: 0px; padding: 0px;">nuevos</strong> <strong style="border: 0px; margin: 0px; padding: 0px;"><em style="border: 0px; margin: 0px; padding: 0px;">posts</em></strong> <strong style="border: 0px; margin: 0px; padding: 0px;">a nuestro</strong> <strong style="border: 0px; margin: 0px; padding: 0px;"><em style="border: 0px; margin: 0px; padding: 0px;">Dashboard</em></strong> sin necesidad de tener Tumblr abierto en todo momento. A decir verdad es una extensión bastante simple, pero casi tan útil como el contador de nuevos mensajes en la bandeja de entrada del correo electrónico.</span></div>
<div style="background-color: white; border: 0px; line-height: 23.03125px; margin-bottom: 20px; padding: 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;">Después de realizar la instalación es necesario refrescar el <em style="border: 0px; margin: 0px; padding: 0px;">Dashboard</em> (en caso de que lo tengamos abierto en ese momento) para que la extensión entre en funcionamiento. Según la cantidad de blogs que sigamos, será cuestión de unos pocos minutos para comenzar a ver el contador en la parte superior derecha de la ventana de Google Chrome.</span></div>
<h2 style="background-color: white; border: 0px; color: #af7102; font-weight: 200 !important; letter-spacing: -1px; line-height: 1.2em !important; margin: 5px 0px; padding: 0px 0px 4px;">
<a href="http://missing-e.com/" style="border: 0px; color: #146ca4; margin: 0px; padding: 0px;" target="_blank"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;">Missing e</span></a></h2>
<div style="background-color: white; border: 0px; line-height: 23.03125px; margin-bottom: 20px; padding: 0px;">
<img alt="" class="aligncenter size-full wp-image-130033" height="290" src="http://s1.hipertextual.com/wp-content/blogs.dir/4/files/2012/06/Missing-e.jpg" style="border: 0px; display: block; height: auto; margin: 0px auto; max-width: 100%; padding: 0px;" title="Missing-e" width="800" /><span style="font-family: Arial, Helvetica, sans-serif;"><br /><strong style="border: 0px; margin: 0px; padding: 0px;">Missing e</strong> es mucho más que una simple extensión, ya que permite <strong style="border: 0px; margin: 0px; padding: 0px;">añadir múltiples funciones y características</strong> que por defecto no están presentes en Tumblr, brindándonos la posibilidad de personalizar completamente la forma en que utilizamos el servicio. Entre las características más interesante encontramos:</span></div>
<ul style="background-color: white; border: 0px; line-height: 23.03125px; list-style: square; margin: 0px 0px 15px 35px; padding: 0px;">
<li style="border: 0px; margin: 0px; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif;">Personalización del <em style="border: 0px; margin: 0px; padding: 0px;">Dashboard</em> para mejorar su visualización</span></li>
<li style="border: 0px; margin: 0px; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif;">Edición de múltiples <em style="border: 0px; margin: 0px; padding: 0px;">posts</em> en un solo paso</span></li>
<li style="border: 0px; margin: 0px; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif;">Personalización de la barra lateral</span></li>
<li style="border: 0px; margin: 0px; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif;">Magnificador de imágenes para ver las fotos en mayor tamaño sin abandonar el <em style="border: 0px; margin: 0px; padding: 0px;">Dashboard</em></span></li>
</ul>
<div style="background-color: white; border: 0px; line-height: 23.03125px; margin-bottom: 20px; padding: 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;">Para instalar Missing e, basta con visitar su sitio web, hacer clic en el botón de descarga y seguir las instrucciones que aparecen en pantalla. Cabe destacar que es necesario refrescar la página de Tumblr cada vez que modificamos los parámetros de la extensión para que los cambios sean visibles. Sin duda es una de las extensiones más completas que hay para Tumblr, también está disponible para Firefox y Safari.</span></div>
<div style="background-color: white; border: 0px; line-height: 23.03125px; margin-bottom: 20px; padding: 0px;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><u>CUIDADO.</u></b></span></div>
<div style="background-color: white; border: 0px; font-family: Arial, Verdana, sans-serif; line-height: 18px; outline: 0px; padding: 0px 0px 10px; vertical-align: baseline;">
La red de microblogging, Tumblr, sugirió no utilizar la extensión para Google Chrome llamada Missing E, la cual tiene más de 258 mil usuarios, según <a href="http://thenextweb.com/insider/2011/12/31/tumblr-suggests-that-you-to-stop-using-the-popular-missing-e-chrome-extension/" style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">The Next Web.</a></div>
<div style="background-color: white; border: 0px; font-family: Arial, Verdana, sans-serif; line-height: 18px; outline: 0px; padding: 0px 0px 10px; vertical-align: baseline;">
En un comunicado que aparece al conectar tu cuenta de Tumblr, la red de microblogging alerta que estás usando una aplicación que podría causar problemas a ti y a Tumblr.</div>
<div style="background-color: white; border: 0px; font-family: Arial, Verdana, sans-serif; line-height: 18px; outline: 0px; padding: 0px 0px 10px; vertical-align: baseline;">
En el mensaje se menciona que puede violar tu privacidad e incluso se pueden perder datos.</div>
<div style="background-color: white; border: 0px; font-family: Arial, Verdana, sans-serif; line-height: 18px; outline: 0px; padding: 0px 0px 10px; vertical-align: baseline;">
Para evitar que eso suceda, Tumblr te hace “firmar” un acuerdo donde confirmas que entiendes estos riesgos. Finalmente, hay dos botones: Entiendo y Desinstalar.</div>
<h2 style="background-color: white; border: 0px; color: #af7102; font-weight: 200 !important; letter-spacing: -1px; line-height: 1.2em !important; margin: 5px 0px; padding: 0px 0px 4px;">
<a href="https://chrome.google.com/webstore/detail/dbpicbbcpanckagpdjflgojlknomoiah" style="border: 0px; color: #146ca4; margin: 0px; padding: 0px;" target="_blank"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;">Post To Tumblr</span></a></h2>
<div style="background-color: white; border: 0px; line-height: 23.03125px; margin-bottom: 20px; padding: 0px;">
<img alt="" class="aligncenter size-full wp-image-130037" height="400" src="http://s3.hipertextual.com/wp-content/blogs.dir/4/files/2012/06/Post-To-Tumblr.jpg" style="border: 0px; display: block; height: auto; margin: 0px auto; max-width: 100%; padding: 0px;" title="Post To Tumblr" width="800" /><span style="font-family: Arial, Helvetica, sans-serif;"><br /><strong style="border: 0px; margin: 0px; padding: 0px;">Post To Tumblr</strong> nos da la posibilidad de <strong style="border: 0px; margin: 0px; padding: 0px;">publicar imágenes y enlaces</strong> desde cualquier sitio web hacia nuestro blog en Tumblr, con tan solo un par de <em style="border: 0px; margin: 0px; padding: 0px;">clics</em>.</span></div>
<div style="background-color: white; border: 0px; line-height: 23.03125px; margin-bottom: 20px; padding: 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;">Una vez que tengamos la extensión instalada, al hacer <em style="border: 0px; margin: 0px; padding: 0px;">clic</em> con el botón derecho del ratón sobre ciertos elementos de un sitio web (como imágenes y enlaces) veremos la opción de publicarlos directamente en Tumblr, haciendo uso de la cuenta que hayamos configurado. Sin duda alguna, la manera más fácil y rápida de agregar nuevos <em style="border: 0px; margin: 0px; padding: 0px;">posts</em> a nuestro blog.</span></div>
<h2 style="background-color: white; border: 0px; color: #af7102; font-weight: 200 !important; letter-spacing: -1px; line-height: 1.2em !important; margin: 5px 0px; padding: 0px 0px 4px;">
<a href="https://chrome.google.com/webstore/detail/oefddkjnflmjbclpnnoegglmmdfkidip" style="border: 0px; color: #146ca4; margin: 0px; padding: 0px;" target="_blank"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;">Tumblr Savior</span></a></h2>
<div style="background-color: white; border: 0px; line-height: 23.03125px; margin-bottom: 20px; padding: 0px;">
<img alt="" class="aligncenter size-large wp-image-130042" height="507" src="http://s3.hipertextual.com/wp-content/blogs.dir/4/files/2012/06/Tumblr-Savior-800x507.jpg" style="border: 0px; display: block; height: auto; margin: 0px auto; max-width: 100%; padding: 0px;" title="Tumblr Savior" width="800" /><span style="font-family: Arial, Helvetica, sans-serif;"><br /><strong style="border: 0px; margin: 0px; padding: 0px;">Tumblr Savior</strong> nos da, entre otras, la posibilidad de <strong style="border: 0px; margin: 0px; padding: 0px;">bloquear completamente publicaciones relacionadas con un tema en particular</strong> que no sea de nuestro interés. Cuando la extensión identifica un <em style="border: 0px; margin: 0px; padding: 0px;">post</em> asociado a una palabra que hayamos agregado a la lista negra, en su lugar nos mostrará una advertencia, junto a un enlace a la publicación para utilizarlo en caso de que no podamos resistir la tentación de ver de que se trata.</span></div>
<div style="background-color: white; border: 0px; line-height: 23.03125px; margin-bottom: 20px; padding: 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;">Además de los filtros de contenido, Tumblr Savior ofrece la posibilidad de ajustar las opciones de visualización de algunos otros detalles relacionados a cada publicación. En mi opinión funciona muy bien, vale la pena instalarla.</span></div>
<div style="background-color: white; border: 0px; line-height: 23.03125px; margin-bottom: 20px; padding: 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="background-color: white; border: 0px; line-height: 23.03125px; margin-bottom: 20px; padding: 0px;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;"><u><strong style="border: 0px; color: #146ca4; margin: 0px; padding: 0px;"><a href="https://chrome.google.com/webstore/detail/jnkbgncajjgjdceoajcpkndleapafeco" style="border-bottom-color: rgb(20, 108, 164); border-bottom-style: dotted; border-width: 0px 0px 1px; color: #146ca4; margin: 0px; padding: 0px;" target="_blank">Tumblr Dashboard</a></strong> </u></span></div>
<div style="background-color: white; border: 0px; line-height: 23.03125px; margin-bottom: 20px; padding: 0px;">
<a href="https://lh6.googleusercontent.com/SeG2LWnlnDSEqydHitKGJh3C954uCpC8bxN3Ka2RxwPqnCvt4BvCSdn1VSBzlJ0w8bft3fEuaA=s640-h400-e365-rw" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img border="0" src="https://lh6.googleusercontent.com/SeG2LWnlnDSEqydHitKGJh3C954uCpC8bxN3Ka2RxwPqnCvt4BvCSdn1VSBzlJ0w8bft3fEuaA=s640-h400-e365-rw" /></span></a><span style="font-family: Arial, Helvetica, sans-serif;">Es una sencilla extensión para Chrome que añade un botón (como es habitual, en la esquina superior derecha del interfaz, justo al lado del <em style="border: 0px; margin: 0px; padding: 0px;">Omnibox</em>) que nos da acceso (mediante una pequeña ventana que aparece tras pulsar sobre éste) al <em style="border: 0px; margin: 0px; padding: 0px;">dashboard</em> de Tumblr, es decir, tendremos un acceso directo al panel de control de nuestro blog para realizar publicaciones o recibir notificaciones con las nuevas publicaciones que vayan apareciendo en los sitios que sigamos.</span></div>
<div style="background-color: white; border: 0px; line-height: 23.03125px; margin-bottom: 20px; padding: 0px;">
</div>
<div style="background-color: white; border: 0px; line-height: 23.03125px; margin-bottom: 20px; padding: 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="background-color: white; border: 0px; line-height: 23.03125px; margin-bottom: 20px; padding: 0px;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;"><u><strong style="border: 0px; color: #146ca4; margin: 0px; padding: 0px;"><a href="https://chrome.google.com/webstore/detail/dijmmhejgoenehpmbiajimmfgjegkcej" style="border-bottom-color: rgb(20, 108, 164); border-bottom-style: dotted; border-width: 0px 0px 1px; color: #146ca4; margin: 0px; padding: 0px;" target="_blank">Tumblr Hate</a></strong> </u></span></div>
<div style="background-color: white; border: 0px; line-height: 23.03125px; margin-bottom: 20px; padding: 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><img src="https://lh4.googleusercontent.com/VW_otcUdNAs1VLI-ICz3fxYCr5DXRsAA78_y2tUznavCY6kFu0QHuNYDkgd1CyQc62-3ZRBvWg=s640-h400-e365-rw" /></span></div>
<div style="background-color: white; border: 0px; line-height: 23.03125px; margin-bottom: 20px; padding: 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;">Es una de esas extensiones que debemos tener presente si queremos "evitar el mundanal ruido", es decir, publicaciones que no nos hacen mucha gracia o que ya estamos cansados de ver (porque han sufrido múltiples <em style="border: 0px; margin: 0px; padding: 0px;">reposts</em>). ¿Y cómo nos puede librar del ruido esta extensión? Básicamente, Tumblr Hate nos permite bloquear publicaciones en las que aparezcan cadenas de caracteres concretas y, una vez las tengamos configuradas, cuando revisemos las publicaciones veremos que si aparece alguna coincidencia ésta estará tapada por la palabra <em style="border: 0px; margin: 0px; padding: 0px;">hated</em>.</span></div>
<div style="background-color: white; border: 0px; line-height: 23.03125px; margin-bottom: 20px; padding: 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="background-color: white; border: 0px; line-height: 23.03125px; margin-bottom: 20px; padding: 0px;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;"><u><strong style="border: 0px; color: #146ca4; margin: 0px; padding: 0px;"><a href="https://chrome.google.com/webstore/detail/ochdakpegpgfjopmpojepgakkbgfmgem" style="border-bottom-color: rgb(20, 108, 164); border-bottom-style: dotted; border-width: 0px 0px 1px; color: #146ca4; margin: 0px; padding: 0px;" target="_blank">Better Tumblr</a></strong> </u></span></div>
<div style="background-color: white; border: 0px; line-height: 23.03125px; margin-bottom: 20px; padding: 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><img src="https://lh6.googleusercontent.com/a3vI-t4rLx27w1zVhfs0JQZwVQvWSA9tUyxtd4jVYjuKtKY75nge5vv1jHxKIlSwokaKezSJ=s640-h400-e365-rw" /></span></div>
<div style="background-color: white; border: 0px; line-height: 23.03125px; margin-bottom: 20px; padding: 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;">Es una extensión orientada a hacernos algo más cómoda la visualización de los contenidos publicados en Tumblr puesto que aplica una hoja de estilos específica para corregir algunos detalles en el<em style="border: 0px; margin: 0px; padding: 0px;">layout</em>. Otra opción con la que también podremos mejorar el aspecto estético de Tumblr, si accedemos a él desde Chrome, es mediante la extensión <a href="https://chrome.google.com/webstore/detail/fpfdfdgcjljkdijjbaipabnalhakbcok" style="border-bottom-color: rgb(20, 108, 164); border-bottom-style: dotted; border-width: 0px 0px 1px; color: #146ca4; margin: 0px; padding: 0px; text-decoration: none;" target="_blank"><strong style="border: 0px; margin: 0px; padding: 0px;">Nice Tumblr</strong></a> que, además, nos permite un cierto grado de personalización porque podremos escribir nuestro propio CSS a aplicar y ver así las publicaciones de Tumblr de una manera única y, sobre todo, personalizada.</span></div>
<div style="background-color: white; border: 0px; line-height: 23.03125px; margin-bottom: 20px; padding: 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="background-color: white; border: 0px; line-height: 23.03125px; margin-bottom: 20px; padding: 0px;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;"><u><strong style="border: 0px; color: #146ca4; margin: 0px; padding: 0px;"><a href="https://chrome.google.com/webstore/detail/mohemmpiompfkodgmdnoinaocckbphho" style="border-bottom-color: rgb(20, 108, 164); border-bottom-style: dotted; border-width: 0px 0px 1px; color: #146ca4; margin: 0px; padding: 0px;" target="_blank">Share on Tumblr</a></strong> </u></span></div>
<div style="background-color: white; border: 0px; line-height: 23.03125px; margin-bottom: 20px; padding: 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><img src="https://lh3.googleusercontent.com/q19BqDxL90f0yE9messVsl_1tXjs_DleVnFFnCjwL0Rjq9X1gPV4V4lPa2KcbjjAvrtGYktZqQ=s640-h400-e365-rw" /></span></div>
<div style="background-color: white; border: 0px; line-height: 23.03125px; margin-bottom: 20px; padding: 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;">Es otra extensión a tener en cuenta si, por ejemplo, solemos publicar en Tumblr imágenes que nos encontramos mientras navegamos por la red o enlaces a las páginas que consultamos. La extensión instala un icono justo al lado de la barra de direcciones que nos servirá, como acceso directo, para publicar en Tumblr la página web que estamos visitando o, dentro de ésta, alguna de las imágenes que aparecen publicadas. La extensión ofrece múltiples opciones de publicación (insertar objetos de otros contendedores, añadir un texto al post que vamos a publicar, etc) y, básicamente, nos evitará tener que acceder al <em style="border: 0px; margin: 0px; padding: 0px;">dashboard</em> si queremos publicar.</span></div>
<h2 style="background-color: white; border: 0px; clear: both; font-weight: normal; line-height: 1.5em; margin: 0px 0px 20px; padding: 0px; vertical-align: baseline;">
<a href="https://chrome.google.com/webstore/detail/aaipcoofachkljjkjhmfbcnmdkhnnffp" style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px; color: #3d81ee; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;">Notify Tumblr</span></a></h2>
<div style="background-color: white; border: 0px; color: #222222; line-height: 18px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<span style="font-family: Arial, Helvetica, sans-serif;">Agrega un icono de notificación en tu tablero de Tumblr, que informa sobre nuevos mensajes.</span></div>
<div style="background-color: white; border: 0px; color: #222222; line-height: 18px; margin-bottom: 24px; padding: 0px; text-align: center; vertical-align: baseline;">
<span style="background-color: transparent; border: 0px; color: #3d81ee; font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; vertical-align: baseline;"><a href="http://geeksroom.com/?attachment_id=64323" rel="attachment wp-att-64323" style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px; color: #3d81ee; margin: 0px; padding: 0px; vertical-align: baseline;"><img alt="" class="aligncenter size-full wp-image-64323" height="339" src="http://i2.wp.com/geeksroom.com/wp-content/uploads/2012/07/tumblr-notifier.jpg?resize=550%2C339" style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: none; clear: both; display: block; height: auto; margin: 0px auto 12px; max-width: 100%; padding: 0px; vertical-align: baseline;" title="tumblr-notifier" width="550" /></a></span></div>
<div style="background-color: white; border: 0px; color: #222222; line-height: 18px; margin-bottom: 24px; padding: 0px; text-align: left; vertical-align: baseline;">
<br /></div>
<div style="background-color: white; border: 0px; color: #222222; font-size: 14px; line-height: 18px; margin-bottom: 24px; padding: 0px; text-align: left; vertical-align: baseline;">
<br /></div>
Samuelhttp://www.blogger.com/profile/11076593170326356492noreply@blogger.com0tag:blogger.com,1999:blog-1257888368956829239.post-83693250187813769222013-10-20T15:10:00.001-07:002013-10-20T15:10:35.263-07:00Mostrar tus likes de tumblr<span style="background-color: white; font-family: Georgia, serif; line-height: 20.46875px;">Si tenes una cuenta en </span><b style="background-color: white; font-family: Georgia, serif; line-height: 20.46875px;"><a href="http://tumblr.com/" style="text-decoration: none;">tumblr.com</a></b><span style="background-color: white; font-family: Georgia, serif; line-height: 20.46875px;"> habrás notado que algunos sitios te muestran no solo sus posts, y reblogueos, sino tambien las cosas que dichos usuarios "gustan"... es decir los "Likes". </span><br />
<br style="background-color: white; font-family: Georgia, serif; line-height: 20.46875px;" />
<i style="background-color: white; font-family: Georgia, serif; line-height: 20.46875px;">Para aquellos que aun no esten familiarizados con el servicio de tumblr.com, os explico que un usuario que tiene una cuenta, mientras "sigue" a otros usuarios, va mirando las cosas que otros postean. Con un post puede "reblogg" o "like" ... si los rebloggea es como que lo postea en su espacio para sus amigos... lo que en <b><a href="http://twitter.com/" style="text-decoration: none;">Twitter</a></b> seria un RT. Mientras que si le coloca un "Like" ... le queda marcado en sus favoritos, en una seccion que puede ser oculta para él, o visible para todos.</i><br />
<br style="background-color: white; font-family: Georgia, serif; line-height: 20.46875px;" />
<span style="background-color: white; font-family: Georgia, serif; line-height: 20.46875px;">En fin, vi algunos sitios de </span><b style="background-color: white; font-family: Georgia, serif; line-height: 20.46875px;">tumblr.com</b><span style="background-color: white; font-family: Georgia, serif; line-height: 20.46875px;"> que mostraban en el sidebar cuales eran sus ultimos favoritos... me llamó la atención. Yo quiero tambien hacer eso, como lo hicieron?</span><br />
<br style="background-color: white; font-family: Georgia, serif; line-height: 20.46875px;" />
<span style="background-color: white; font-family: Georgia, serif; line-height: 20.46875px;">Bueno, en este post... el codigo necesario. =)</span><br />
<br />
<br style="background-color: white; font-family: Georgia, serif; line-height: 20.46875px;" />
<span style="background-color: white; font-family: Georgia, serif; line-height: 20.46875px;">Primero entras a tu sitio de tumblr.com.</span><br />
<span style="background-color: white; font-family: Georgia, serif; line-height: 20.46875px;">Habrá que editar el HTML de tu theme, por lo tanto ves a </span><a href="http://www.tumblr.com/customize">http://www.tumblr.com/customize</a><br />
<br style="background-color: white; font-family: Georgia, serif; line-height: 20.46875px;" />
<span style="background-color: white; font-family: Georgia, serif; line-height: 20.46875px;">Despues de</span><span style="font-family: Georgia, serif;"><span style="line-height: 20.46875px;"> <b><style type="text/css"></b> </span></span><span style="background-color: white; font-family: Georgia, serif; line-height: 20.46875px;"> pegas esto:</span><br />
<div style="background-color: white; font-family: Georgia, serif; line-height: 20.46875px;">
<div class="syntaxhighlighter css" id="highlighter_205738" style="margin: 1em 0px !important; overflow: auto !important; position: relative !important; width: 608px;">
<br />
<table border="0" cellpadding="0" cellspacing="0" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: 609px;"><tbody style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="gutter" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><div class="line number1 index0 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<br /></div>
</td><td class="code" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: 572px;"><div class="container" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line number1 index0 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css comments" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; clear: both; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span style="font-family: Courier New, Courier, monospace;">/*_____________________________________</span></code></div>
<div class="line number2 index1 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number3 index2 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span style="font-family: Courier New, Courier, monospace;">ul#likes {</span></code></div>
<div class="line number4 index3 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number5 index4 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Courier New, Courier, monospace;"><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">list-style-type</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">none</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code></span></div>
<div class="line number6 index5 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number7 index6 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Courier New, Courier, monospace;"><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">margin</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">0</code> <code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">0</code> <code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">0</code> <code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">0</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code></span></div>
<div class="line number8 index7 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number9 index8 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Courier New, Courier, monospace;"><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">padding</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">0</code> <code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">0</code> <code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">0</code> <code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">0</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code></span></div>
<div class="line number10 index9 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number11 index10 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span style="font-family: Courier New, Courier, monospace;">}</span></code></div>
<div class="line number12 index11 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number13 index12 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number14 index13 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number15 index14 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span style="font-family: Courier New, Courier, monospace;">li.like_post {</span></code></div>
<div class="line number16 index15 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number17 index16 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css comments" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; clear: both; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span style="font-family: Courier New, Courier, monospace;">/* Should match the width specified in the Likes tag */</span></code></div>
<div class="line number18 index17 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number19 index18 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Courier New, Courier, monospace;"><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">width</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">150px</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code></span></div>
<div class="line number20 index19 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number21 index20 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Courier New, Courier, monospace;"><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">padding</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">0</code> <code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">40px</code> <code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">0</code> <code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">0</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code></span></div>
<div class="line number22 index21 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number23 index22 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Courier New, Courier, monospace;"><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">float</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">left</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code></span></div>
<div class="line number24 index23 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number25 index24 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span style="font-family: Courier New, Courier, monospace;">}</span></code></div>
<div class="line number26 index25 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number27 index26 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number28 index27 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number29 index28 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span style="font-family: Courier New, Courier, monospace;">li.like_post img {</span></code></div>
<div class="line number30 index29 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number31 index30 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Courier New, Courier, monospace;"><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">max-width</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">100%</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code></span></div>
<div class="line number32 index31 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number33 index32 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span style="font-family: Courier New, Courier, monospace;">}</span></code></div>
<div class="line number34 index33 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number35 index34 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number36 index35 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number37 index36 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span style="font-family: Courier New, Courier, monospace;">li.like_post blockquote {</span></code></div>
<div class="line number38 index37 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number39 index38 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Courier New, Courier, monospace;"><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">margin</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">0</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code></span></div>
<div class="line number40 index39 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number41 index40 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Courier New, Courier, monospace;"><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">padding</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">0</code> <code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">0</code> <code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">0</code> <code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">10px</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code></span></div>
<div class="line number42 index41 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number43 index42 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Courier New, Courier, monospace;"><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">border-left</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">1px</code> <code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">solid</code> <code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">#eee</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code></span></div>
<div class="line number44 index43 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number45 index44 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span style="font-family: Courier New, Courier, monospace;">}</span></code></div>
<div class="line number46 index45 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number47 index46 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number48 index47 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number49 index48 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span style="font-family: Courier New, Courier, monospace;">li.like_post ol,</span></code></div>
<div class="line number50 index49 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number51 index50 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span style="font-family: Courier New, Courier, monospace;">li.like_post ul {</span></code></div>
<div class="line number52 index51 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number53 index52 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Courier New, Courier, monospace;"><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">margin</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">0</code> <code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">0</code> <code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">0</code> <code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">15px</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code></span></div>
<div class="line number54 index53 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number55 index54 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Courier New, Courier, monospace;"><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">padding</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">0</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code></span></div>
<div class="line number56 index55 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number57 index56 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span style="font-family: Courier New, Courier, monospace;">}</span></code></div>
<div class="line number58 index57 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number59 index58 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number60 index59 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number61 index60 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span style="font-family: Courier New, Courier, monospace;">li.like_post .like_link a {</span></code></div>
<div class="line number62 index61 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number63 index62 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Courier New, Courier, monospace;"><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">font-weight</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">bold</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code></span></div>
<div class="line number64 index63 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number65 index64 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span style="font-family: Courier New, Courier, monospace;">}</span></code></div>
<div class="line number66 index65 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number67 index66 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number68 index67 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number69 index68 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span style="font-family: Courier New, Courier, monospace;">li.like_post .like_title {</span></code></div>
<div class="line number70 index69 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number71 index70 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Courier New, Courier, monospace;"><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">font-weight</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">bold</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code></span></div>
<div class="line number72 index71 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number73 index72 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span style="font-family: Courier New, Courier, monospace;">}</span></code></div>
<div class="line number74 index73 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number75 index74 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number76 index75 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number77 index76 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span style="font-family: Courier New, Courier, monospace;">li.like_post .post_info_bottom {</span></code></div>
<div class="line number78 index77 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number79 index78 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Courier New, Courier, monospace;"><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">margin</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">10px</code> <code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">0</code> <code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">0</code> <code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">0</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code></span></div>
<div class="line number80 index79 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number81 index80 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Courier New, Courier, monospace;"><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">display</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">block</code> <code class="css color3" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">!important</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code></span></div>
<div class="line number82 index81 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number83 index82 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span style="font-family: Courier New, Courier, monospace;">}</span></code></div>
<div class="line number84 index83 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number85 index84 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number86 index85 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number87 index86 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="css comments" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; clear: both; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span style="font-family: Courier New, Courier, monospace;">/*___________________________________________</span></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<br style="background-color: white; font-family: Georgia, serif; line-height: 20.46875px;" />
<br style="background-color: white; font-family: Georgia, serif; line-height: 20.46875px;" />
<br style="background-color: white; font-family: Georgia, serif; line-height: 20.46875px;" />
<span style="background-color: white; font-family: Georgia, serif; line-height: 20.46875px;">Y dentro del </span><b style="background-color: white; font-family: Georgia, serif; line-height: 20.46875px;">sidebar (columna lateral)</b><span style="background-color: white; font-family: Georgia, serif; line-height: 20.46875px;">, donde mas te guste pegas ésto:</span><br />
<div style="background-color: white; font-family: Georgia, serif; line-height: 20.46875px;">
<div class="syntaxhighlighter html" id="highlighter_801934" style="margin: 1em 0px !important; overflow: auto !important; position: relative !important; width: 608px;">
<div class="toolbar" style="background-color: rgb(108, 226, 108) !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: none !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; height: 11px !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: absolute !important; right: 1px !important; top: 1px !important; vertical-align: baseline !important; width: 11px !important; z-index: 10 !important;">
?</div>
<table border="0" cellpadding="0" cellspacing="0" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: 608px;"><tbody style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="gutter" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><br /></td><td class="code" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: 571px;"><div class="container" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line number1 index0 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Courier New, Courier, monospace;"><code class="html plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><</code><code class="html keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">div</code> <code class="html color1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">style</code><code class="html plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">=</code><code class="html string" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"clear:both;"</code><code class="html plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></</code><code class="html keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">div</code><code class="html plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></span></div>
<div class="line number2 index1 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number3 index2 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="html plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span style="font-family: Courier New, Courier, monospace;">{block:Likes}</span></code></div>
<div class="line number4 index3 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number5 index4 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Courier New, Courier, monospace;"><code class="html spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="html plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><</code><code class="html keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">div</code> <code class="html color1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">id</code><code class="html plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">=</code><code class="html string" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"likes_container"</code><code class="html plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></span></div>
<div class="line number6 index5 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number7 index6 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Courier New, Courier, monospace;"><code class="html spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="html plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><</code><code class="html keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">h2</code><code class="html plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">>Stuff I like</</code><code class="html keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">h2</code><code class="html plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></span></div>
<div class="line number8 index7 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number9 index8 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Courier New, Courier, monospace;"><code class="html spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="html plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">{Likes limit="5" summarize="100" width="150"}</code></span></div>
<div class="line number10 index9 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number11 index10 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Courier New, Courier, monospace;"><code class="html spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="html plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"></</code><code class="html keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">div</code><code class="html plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></span></div>
<div class="line number12 index11 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number13 index12 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Courier New, Courier, monospace;"><code class="html spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="html plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">{/block:Likes}</code></span></div>
<div class="line number14 index13 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number15 index14 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="html comments" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; clear: both; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><span style="font-family: Courier New, Courier, monospace;"><!--<div class="space"></div>--></span></code></div>
<div class="line number16 index15 alt1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number17 index16 alt2" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Courier New, Courier, monospace;"><code class="html plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><</code><code class="html keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">div</code> <code class="html color1" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">style</code><code class="html plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">=</code><code class="html string" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"clear:both;"</code><code class="html plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></</code><code class="html keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">div</code><code class="html plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></span></div>
<div>
<code class="html plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><br /></code></div>
</div>
</td></tr>
</tbody></table>
</div>
<div class="syntaxhighlighter html" id="highlighter_801934" style="margin: 1em 0px !important; overflow: auto !important; position: relative !important; width: 608px;">
Fuente: <a href="http://recreando.blogspot.com.es/2010/04/mostrar-los-likes-en-tumblr.html">http://recreando.blogspot.com.es/2010/04/mostrar-los-likes-en-tumblr.html</a></div>
</div>
Samuelhttp://www.blogger.com/profile/11076593170326356492noreply@blogger.com0tag:blogger.com,1999:blog-1257888368956829239.post-972584312069949172013-09-05T03:59:00.000-07:002013-09-05T03:59:22.568-07:00Fecha y hora actualizada<span style="color: #1a1a1a; font-family: Arial, Geneva, Helvetica, sans-serif; font-size: large;"><span style="line-height: 19px;">Este código lo puedes poner donde quieras. Aunque recomiendo situarlo en alguna columna lateral para que sea más visible.</span></span><br />
<div>
<span style="color: #1a1a1a; font-family: Arial, Geneva, Helvetica, sans-serif;"><span style="line-height: 19px;"><br /></span></span>
<span style="font-family: Courier New, Courier, monospace;"><head> </span><br />
<span style="font-family: Courier New, Courier, monospace;"><title>Pagina nueva 1</title> </span><br />
<span style="font-family: Courier New, Courier, monospace;"><script> </span><br />
<span style="font-family: Courier New, Courier, monospace;">function mueveReloj(){ </span><br />
<span style="font-family: Courier New, Courier, monospace;">var LaFecha=new Date(); </span><br />
<span style="font-family: Courier New, Courier, monospace;">var Mes=new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"); </span><br />
<span style="font-family: Courier New, Courier, monospace;">var diasem=new Array('Domingo','Lunes','Martes','Miércoles','Jueves','Viernes','Sábado'); </span><br />
<span style="font-family: Courier New, Courier, monospace;">var diasemana=LaFecha.getDay(); </span><br />
<span style="font-family: Courier New, Courier, monospace;">var FechaCompleta=""; </span><br />
<span style="font-family: Courier New, Courier, monospace;">var NumeroDeMes="12"; </span><br />
<span style="font-family: Courier New, Courier, monospace;">var hora = LaFecha.getHours(); </span><br />
<span style="font-family: Courier New, Courier, monospace;">if(hora<10){hora="0"+hora;}; </span><br />
<span style="font-family: Courier New, Courier, monospace;">var minuto = LaFecha.getMinutes(); </span><br />
<span style="font-family: Courier New, Courier, monospace;">if(minuto<10){minuto="0"+minuto;}; </span><br />
<span style="font-family: Courier New, Courier, monospace;">var segundo = LaFecha.getSeconds(); </span><br />
<span style="font-family: Courier New, Courier, monospace;">if(segundo<10){segundo="0"+segundo;}; </span><br />
<span style="font-family: Courier New, Courier, monospace;">NumeroDeMes=LaFecha.getMonth(); </span><br />
<span style="font-family: Courier New, Courier, monospace;">FechaCompleta=diasem[diasemana]+" "+LaFecha.getDate()+" de "+Mes[NumeroDeMes]+" de "+LaFecha.getFullYear()+" "+hora+":"+minuto+":"+segundo; </span><br />
<span style="font-family: Courier New, Courier, monospace;">document.getElementById('pepe').innerHTML=FechaCompleta; </span><br />
<span style="font-family: Courier New, Courier, monospace;">setTimeout('mueveReloj()',1000) </span><br />
<span style="font-family: Courier New, Courier, monospace;">} </span><br />
<span style="font-family: Courier New, Courier, monospace;"></script> </span><br />
<span style="font-family: Courier New, Courier, monospace;"><br /></span>
<span style="font-family: Courier New, Courier, monospace;"><body onload="mueveReloj()"> </span><br />
<span style="font-family: Courier New, Courier, monospace;"><div id="pepe"></div> </span><br />
<span style="font-family: Courier New, Courier, monospace;"></body> </span><br />
<span style="font-family: Courier New, Courier, monospace;"></html> </span><br />
<div>
<br /></div>
</div>
Samuelhttp://www.blogger.com/profile/11076593170326356492noreply@blogger.com2tag:blogger.com,1999:blog-1257888368956829239.post-81289336138264266922013-07-22T13:50:00.003-07:002015-09-06T07:50:33.750-07:00Añadir sidebar (columna lateral) a un tema que no lo tiene.<ul style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<li class="step " style="border: 0px; list-style: none; margin: 0px 0px 20px; outline: 0px; padding: 0px; vertical-align: baseline;"><div style="background-color: white; color: black; font-style: inherit; line-height: 18px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b>Paso 1: </b>Ves a<a href="http://www.blogger.com/goog_2084937655" style="color: black; text-decoration: initial;"> </a><b><a href="http://www.tumblr.com/customize">http://www.tumblr.com/customize</a> </b>para editar tu tumblr.</span></div>
<div style="background-color: white; color: black; font-style: inherit; line-height: 18px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="background-color: white; color: black; font-style: inherit; line-height: 18px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b>Paso 2: </b>Haz clic en “<b>Editar HTML</b>” para poder editar tu tumblr mediante códigos HTML.</span></div>
<div style="background-color: white; color: black; font-style: inherit; line-height: 18px;">
<div>
<br /></div>
</div>
<div style="padding: 15px 0px 0px;">
<span style="background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; font-style: inherit; line-height: 22px;"><b style="font-style: inherit;">Paso 3: </b></span><span style="font-family: Arial, Helvetica, sans-serif;">Busca (ctrl+f) </span><b><span style="font-family: Courier New, Courier, monospace;"><style type="text/css"></span></b><span style="font-family: Arial, Helvetica, sans-serif;"> </span><span style="background-color: white; color: #232323; font-family: Arial, Helvetica, sans-serif; line-height: 22px;">y añade algunas líneas en blanco pulsando la tecla "<b>Enter</b>".</span></div>
<div style="background-color: white; color: black; font-style: inherit; line-height: 22px; padding: 15px 0px 0px;">
<span style="font-style: inherit;"><b style="font-style: inherit;"><span style="font-family: Arial, Helvetica, sans-serif;">Paso 4: </span></b></span><span style="color: #232323; line-height: 1.5;"><span style="font-family: Arial, Helvetica, sans-serif;">Agrega el siguiente código en tu tema, debajo de la etiqueta </span><b><span style="font-family: Courier New, Courier, monospace;"><style type="text/css"></span><span style="font-family: Arial, Helvetica, sans-serif;"> </span></b><span style="font-family: Arial, Helvetica, sans-serif;">:</span></span></div>
<blockquote class="tr_bq">
<span style="font-family: Courier New, Courier, monospace;"><span style="background-color: white; color: #232323; line-height: 22px;">#sidebar {</span><br style="background-color: white; color: #232323; line-height: 22px;" /><span style="background-color: white; color: #232323; line-height: 22px;">float:left;</span><br style="background-color: white; color: #232323; line-height: 22px;" /><span style="background-color: white; color: #232323; line-height: 22px;">width:250px;</span><br style="background-color: white; color: #232323; line-height: 22px;" /><span style="background-color: white; color: #232323; line-height: 22px;">height:100%;</span><br style="background-color: white; color: #232323; line-height: 22px;" /><span style="background-color: white; color: #232323; line-height: 22px;">}</span></span></blockquote>
<div style="background-color: white; color: black; font-style: inherit; line-height: 22px; padding: 15px 0px 0px;">
<span style="font-family: Arial, Helvetica, sans-serif; font-style: inherit;"><b style="font-style: inherit;">Paso 5: </b></span><span class="" style="color: #232323;"><span style="font-family: Arial, Helvetica, sans-serif;">Cambia el "</span><b><span style="font-family: Courier New, Courier, monospace;">float: left</span></b><span style="font-family: Arial, Helvetica, sans-serif;">" a "</span><b><span style="font-family: Courier New, Courier, monospace;">float: right</span></b><span style="font-family: Arial, Helvetica, sans-serif;">" si deseas tener la barra lateral a la derecha de tu Tumblr. </span></span><span style="color: #232323;"><span style="font-family: Arial, Helvetica, sans-serif;">Ajusta el valor de "</span><b><span style="font-family: Courier New, Courier, monospace;">width</span></b><span style="font-family: Arial, Helvetica, sans-serif;">" para cambiar el ancho a tu gusto.</span></span></div>
<div style="background-color: white; color: black; font-style: inherit; line-height: 22px; padding: 15px 0px 0px;">
<span style="font-family: Arial, Helvetica, sans-serif; font-style: inherit;"><b style="font-style: inherit;">Paso 6: </b></span><span style="color: #232323;"><span style="font-family: Arial, Helvetica, sans-serif;">Busca la etiqueta</span><span style="font-family: Courier New, Courier, monospace;"> <b><div id="wrapper"></b></span><span style="font-family: Arial, Helvetica, sans-serif;"> debajo de la sección </span><b><span style="font-family: Courier New, Courier, monospace;"><body></span></b><span style="font-family: Arial, Helvetica, sans-serif;"> y añade algunas líneas en blanco pulsando la tecla "</span><b style="font-family: Arial, Helvetica, sans-serif;">Enter</b><span style="font-family: Arial, Helvetica, sans-serif;">".</span></span></div>
<div style="background-color: white; color: black; font-style: inherit; line-height: 22px; padding: 15px 0px 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-style: inherit;"><b style="font-style: inherit;">Paso 7: </b></span><span style="color: #232323; line-height: 1.5;">Escribe lo siguiente en el área en blanco que acabas de crear:</span></span></div>
<blockquote class="tr_bq">
<b><span style="font-family: Courier New, Courier, monospace;"><div id="lateral"></span></b></blockquote>
<div style="background-color: white; padding: 15px 0px 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b><span style="font-style: inherit; line-height: 22px;">Paso 8: </span><span style="line-height: 22px;">AQUÍ</span><span style="font-style: inherit; line-height: 22px;"> </span><span style="line-height: 22px;">IRÁN</span><span style="font-style: inherit; line-height: 22px;"> TODOS LOS </span><span style="line-height: 22px;">CÓDIGOS</span><span style="font-style: inherit; line-height: 22px;"> HTML QUE QUIERAS AÑADIR. </span></b><span style="color: #232323; font-style: inherit; line-height: 22px;">Pulsa la tecla "Enter" para ir a la línea siguiente. </span><span style="color: #232323; font-style: inherit; line-height: 22px;">Añade cualquier tipo de código HTML o el contenido que deseas mostrar en la barra lateral inmediatamente después de la etiqueta.</span></span></div>
<div style="background-color: white; color: black; font-style: inherit; line-height: 22px; padding: 15px 0px 0px;">
<span style="color: #232323;"></span><br />
<blockquote class="tr_bq" style="color: black; line-height: normal;">
<span style="color: #232323;"><b><span style="font-family: Courier New, Courier, monospace;"><div id="lateral"></span></b></span></blockquote>
<span style="color: #232323;">
</span></div>
<div style="background-color: white; color: black; font-style: inherit; line-height: 22px; padding: 15px 0px 0px;">
<span style="font-family: Arial, Helvetica, sans-serif; font-style: inherit;"><b style="font-style: inherit;">Paso 9: </b></span><span style="color: #232323;"><span style="font-family: Arial, Helvetica, sans-serif;">Cierra el sidebar escribiendo</span><span style="font-family: Courier New, Courier, monospace;"> </span></span><span style="color: #232323;"><b><span style="font-family: Courier New, Courier, monospace;"></div></span></b></span><span style="color: #232323; font-family: Arial, Helvetica, sans-serif; font-style: inherit;"> después de la última parte del contenido sidebar.</span></div>
<div style="background-color: white; padding: 15px 0px 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b style="color: black; font-style: inherit; line-height: 22px;">Paso 10: </b><span style="font-style: inherit; line-height: 22px;">Guarda el tema. Cada vez que hagas un cambio en tu tema recomiendo que lo guardes en un documente de texto en tu ordenador, </span><span style="line-height: 22px;">así</span><span style="font-style: inherit; line-height: 22px;"> en caso de cagarla puedes volver a como lo tenias antes.</span></span></div>
<div style="background-color: white; color: black; font-style: inherit; line-height: 22px; padding: 15px 0px 0px;">
<span style="font-style: inherit;"><span style="font-style: inherit;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></span></div>
<div style="background-color: white; color: black; font-style: inherit; line-height: 22px; padding: 15px 0px 0px;">
<span style="font-style: inherit;"><span style="font-style: inherit;"><span style="font-family: Arial, Helvetica, sans-serif;">Si no te ha funcionado o no sabes hacerlo, copia y pega <b>CODE</b> de esta web:</span></span></span></div>
<blockquote class="tr_bq">
<span style="font-style: inherit;"><span style="font-style: inherit;"><span style="font-family: Arial, Helvetica, sans-serif;"><a href="http://forums.htmlhelp.com/index.php?showtopic=12660">http://forums.htmlhelp.com/index.php?showtopic=12660</a></span></span></span></blockquote>
<div style="background-color: white; color: black; font-style: inherit; line-height: 22px; padding: 15px 0px 0px;">
</div>
</li>
</ul>
Samuelhttp://www.blogger.com/profile/11076593170326356492noreply@blogger.com1tag:blogger.com,1999:blog-1257888368956829239.post-50651089382166548902013-05-27T12:27:00.001-07:002015-09-06T07:51:20.129-07:00Muchos efectos del mouse, texto y pantalla.<span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px;">Presiona CTRL+F (cmd+F en MAC) para acceder a la función de “Buscar”. Esto te permitirá localizar ciertas palabras en el código.</span><br />
<div style="background-color: white;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px;"><br />Teclea “</span><span style="background-color: transparent; line-height: 18px;"><span style="font-family: Courier New, Courier, monospace;"><b>text/javascript</b></span></span><span style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px;">” (sin las comillas) en la barra de “Búsqueda”. Y pegalo en la linea de abajo</span></div>
<div>
<br /></div>
<i><span style="font-family: Tahoma, sans-serif; line-height: 18px;"><em><b><br /></b></em></span></i><span style="font-family: Arial, Helvetica, sans-serif;"><i><span style="line-height: 18px;"><em><b>Metete en esta pagina y copia y pega el codigo HTML que quieras (Arriba tienes un menú con todos los apartados) :</b></em><em> </em></span></i><span style="font-size: large;"> <b><a href="http://www.mf2fm.com/rv/dhtmltinkerbell.php" style="line-height: 18px;" target="_blank">http://www.mf2fm.com/</a></b></span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<br />
<h3>
<span style="font-family: Arial, Helvetica, sans-serif;">Quedara así (Purpurina que suelta el ratón) :</span></h3>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
Tutorial de la purpurina: <a href="http://codigoshtmlparatumblr.blogspot.com.es/2012/07/purpurina-que-suelta-el-raton-al.html">http://codigoshtmlparatumblr.blogspot.com.es/2012/07/purpurina-que-suelta-el-raton-al.html</a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><b><u><span style="color: red; font-size: large;">Para editar el color.</span></u></b></span><br />
<b style="font-family: Arial, Helvetica, sans-serif;">Atento a:</b><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><em><span style="line-height: 14px;"><br /></span></em></span>
<span style="font-family: Courier New, Courier, monospace; line-height: 14px;">var colour="<i>NUMERO_DEL_COLOR</i>"; </span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><i><span style="line-height: 14px;"><em><b><br /></b></em></span></i></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><i><span style="line-height: 14px;"><em><b>En cada código sale esto, solamente tienes que remplazar </b></em></span></i></span><i style="font-family: 'Courier New', Courier, monospace; line-height: 14px;">NUMERO_DEL_COLOR </i><span style="font-family: Arial, Helvetica, sans-serif;"><b><i><span style="line-height: 14px;">por el código RGB del color que quieras</span></i></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 14px;"><i><br /></i></span></span><span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 14px;"><i>Ejemplos:</i></span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 14px;"><i><br /></i></span></span>
<br />
<ul>
<li><span style="font-family: Arial, Helvetica, sans-serif;"><i><em><span style="line-height: 14px;">var colour="FF0000";</span><b style="line-height: 14px;"> <span style="color: red;">ROJO</span></b></em></i></span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;"><i><em><i><em><span style="line-height: 14px;">var colour="09FF00";</span><span style="line-height: 14px;"> </span><b style="line-height: 14px;"><span style="color: lime;">VERDE</span></b></em></i></em></i></span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;"><i><em><i><em><i><em><i><em><span style="line-height: 14px;">var colour="2200FF"; <span style="color: blue;"><b>AZUL</b></span></span></em></i></em></i></em></i></em></i></span></li>
</ul>
<span style="font-family: Arial, Helvetica, sans-serif;"><em style="line-height: 18px;"><b>Los colores RGB: </b></em></span><a href="http://html-color-codes.info/codigos-de-colores-hexadecimales/">http://html-color-codes.info/codigos-de-colores-hexadecimales/</a><br />
<div>
<br /></div>
Samuelhttp://www.blogger.com/profile/11076593170326356492noreply@blogger.com1tag:blogger.com,1999:blog-1257888368956829239.post-7051118672405152822013-05-14T08:29:00.000-07:002015-09-06T07:51:00.042-07:00Editar el tamaño de las imágenes publicadas en tu tumblr.<div>
<span style="font-family: Arial, Helvetica, sans-serif;">Hay temas de tumblr específicamente diseñados para mostrar fotos grandes. Puedes elegir un tema de esos desde: <a href="http://www.tumblr.com/themes/">http://www.tumblr.com/themes/</a></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">Tambien puedes personalizar el tamaño de las fotos en cualquier tema. Para ello debes ir a <a href="http://www.tumblr.com/customize">http://www.tumblr.com/customize</a></span></div>
<div>
<br /></div>
<div style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;">Luego buscas<b> (CTRL+F o cmd+F en MAC)</b> la parte del código referida a las fotografías: </span><span style="font-family: Courier New, Courier, monospace;">{block:Photo} </span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">Verás que ahí dice algo como: </span><span style="font-family: Courier New, Courier, monospace;"><img src="{PhotoURL-500}"</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="font-family: Courier New, Courier, monospace;"><br /></span>
<span style="font-family: Courier New, Courier, monospace;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">Debes añadir:</span><span style="font-family: Courier New, Courier, monospace;"> width="TAMAÑO_QUE_ELIJAS"</span><br />
<span style="font-family: Courier New, Courier, monospace;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">Quedara asi:</span><span style="font-family: Courier New, Courier, monospace;"> <img src="{PhotoURL-500}" width="TAMAÑO_QUE_ELIJAS"</span><br />
<span style="font-family: Courier New, Courier, monospace;"> </span><span style="font-family: Arial, Helvetica, sans-serif;"> </span></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">Por defecto es “</span><span style="font-family: Courier New, Courier, monospace;">500</span><span style="font-family: Arial, Helvetica, sans-serif;">” cuento más alto sea la cifra mas grande sera la imagen.</span></div>
<div>
<span style="color: red; font-family: Arial, Helvetica, sans-serif; font-size: large;">Hazlo con cuidado, a veces cambiar el tamaño de las fotografías puedes hacer que se vean mal o descentradas.</span></div>
Samuelhttp://www.blogger.com/profile/11076593170326356492noreply@blogger.com2tag:blogger.com,1999:blog-1257888368956829239.post-86842975912099791842013-05-13T09:39:00.004-07:002013-05-13T09:44:47.005-07:0015 consejos para optimizar tu blog de tumblr<br />
<br />
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white;"><span style="color: red; font-size: large; line-height: 18px;">1.-</span><span style="line-height: 18px;">Publica diariamente, y para las horas que no estés conectado </span><b style="line-height: 18px;">deja publicaciones en </b></span><b style="background-color: white; line-height: 18px;">la cola</b><span style="background-color: white; line-height: 18px;">.</span></span><br />
<div style="line-height: 18px;">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-b4pMaBXrlMk/UZEX5xLyJtI/AAAAAAAAAR8/9iiI8ZXmPwM/s1600/Sin+t%C3%ADtulo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="334" src="http://2.bp.blogspot.com/-b4pMaBXrlMk/UZEX5xLyJtI/AAAAAAAAAR8/9iiI8ZXmPwM/s640/Sin+t%C3%ADtulo.png" width="640" /></a></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white;"><br /></span></span></div>
</div>
<div style="line-height: 18px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="line-height: 18px;">
<span style="background-color: white; color: red; font-family: Arial, Helvetica, sans-serif; font-size: large;">2.-</span><span style="font-family: Arial, Helvetica, sans-serif;">Manda aportes a otros tumblr. Para<b> interactuar con otros usuarios y conseguir visitas</b>.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="line-height: 18px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="line-height: 18px;">
<span style="background-color: white; color: red; font-family: Arial, Helvetica, sans-serif; font-size: large;">3.-</span><span style="font-family: Arial, Helvetica, sans-serif;">Consigue tumblrs con tus mismas visitas, ponle un<b> banner</b> y que el te ponga a ti, y asi poco a poco ir subiendo entre tus colegas o gente a la que publicites. Tutorial de como poner un banner: </span><a href="http://codigoshtmlparatumblr.blogspot.com.es/2012/07/banner.html"><span style="font-family: Arial, Helvetica, sans-serif;">http://codigoshtmlparatumblr.blogspot.com.es/2012/07/banner.html</span></a></div>
<div>
<div style="line-height: 18px;">
<b style="font-family: Arial, Helvetica, sans-serif;"><br /></b></div>
<div style="line-height: 18px;">
<b style="font-family: Arial, Helvetica, sans-serif;"><br /></b></div>
<span style="background-color: white; color: red; font-family: Arial, Helvetica, sans-serif; font-size: large; line-height: 18px;">4.-</span><b style="font-family: Arial, Helvetica, sans-serif; line-height: 18px;">Edita tu tumblr a mejor</b><span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 18px;"> siempre que puedas, con nuevos códigos HTML y fondos.</span></span><br />
<div style="line-height: 18px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
</div>
<div style="line-height: 18px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="line-height: 18px;">
<span style="background-color: white; color: red; font-family: Arial, Helvetica, sans-serif; font-size: large;">5.-</span><span style="font-family: Arial, Helvetica, sans-serif;"><b>Interactua con tus seguidores.</b> Y con quien no te sigue, gracias a tu ayuda ganaras seguidores y así visitas.</span></div>
<div>
<div style="line-height: 18px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="line-height: 18px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="line-height: 18px;">
<span style="background-color: white; color: red; font-family: Arial, Helvetica, sans-serif; font-size: large;">6.-</span><span style="font-family: Arial, Helvetica, sans-serif;"><strong style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;">Centrarte en una temática</strong><span style="background-color: white; line-height: 16px; text-align: justify;"> </span><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><span style="background-color: white; line-height: 16px; text-align: justify;">Para atraer la atención de los demás es fundamental, dentro del inmenso caudal de información existente y además de ofrecer contenidos de calidad, ser originales y exclusivos. Para ello, será más fácil tener relevancia si tu blog se centra en una temática concreta. Si quieres diversificarte puedes hacerlo abriendo varios blogs con la misma cuenta. </span><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /></span><span style="background-color: white; color: red; font-family: Arial, Helvetica, sans-serif; font-size: large;">7.-</span><span style="font-family: Arial, Helvetica, sans-serif;"><strong style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;">Añadir comentarios</strong><span style="background-color: white; line-height: 16px; text-align: justify;"> </span><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><img alt="Tips Tumblr 1" height="381" src="http://administraciones.abc.es/blogs/weblog/public/tipstumblr1.jpg" style="background-color: white; border: 0px; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" width="640" /><span style="background-color: white; line-height: 16px; text-align: justify;"> </span><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><span style="background-color: white; line-height: 16px; text-align: justify;">Tumblr utiliza el sistema de comentarios externo </span><a href="http://disqus.com/" style="background-color: white; color: #333333; line-height: 16px; margin: 0px; padding: 0px; text-align: justify; text-decoration: none;"><strong style="margin: 0px; padding: 0px;">Disqus</strong></a><span style="background-color: white; line-height: 16px; text-align: justify;">. Mantener comunicación directa con tus seguidores y establecer conversaciones acerca de lo que publicas te servirá para crear y consolidar tu propia comunidad. Para activar el sistema, una vez registrado en Disqus.com, escribe tu nombre de usuario de Disqus en "Personalizar tema > Disqus shortname".</span></span></div>
<div style="line-height: 18px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; line-height: 16px; text-align: justify;"> </span></span><span style="background-color: white; color: red; font-family: Arial, Helvetica, sans-serif; font-size: large;">8.-</span><span style="font-family: Arial, Helvetica, sans-serif;"><strong style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;">Incluir texto y palabras clave</strong><span style="background-color: white; line-height: 16px; text-align: justify;"> </span><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><img alt="Tips Tumblr 2" src="http://administraciones.abc.es/blogs/weblog/public/tipstumblr2.jpg" style="background-color: white; border: 0px; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" width="500" /><span style="background-color: white; line-height: 16px; text-align: justify;"> </span><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><span style="background-color: white; line-height: 16px; text-align: justify;">Tumblr es ideal para publicar todo tipo de contenido inmediato obtenido en movilidad. Te sorprenderá la rapidez y sencillez con la que se pueden publicar fotos y vídeos. Sin embargo, ganarás en claridad y posicionamiento si añades breves descripciones (1) y etiquetas (2), en los espacios habilitados para ello en el editor de posts. Incluye siempre dos o tres palabras clave como etiquetas; es decir, aquellas palabras por las que los usuarios llegarán a tu post mediante los buscadores. En la descripción emplea dichas palabras clave. </span></span></div>
<div style="line-height: 18px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /></span><span style="background-color: white; color: red; font-family: Arial, Helvetica, sans-serif; font-size: large;">9.-</span><span style="font-family: Arial, Helvetica, sans-serif;"><strong style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;">Incluir RSS</strong><span style="background-color: white; line-height: 16px; text-align: justify;"> </span><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><img alt="Tips Tumblr 3" src="http://administraciones.abc.es/blogs/weblog/public/tipstumblr3.jpg" style="background-color: white; border: 0px; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" width="500" /><span style="background-color: white; line-height: 16px; text-align: justify;"> </span><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><span style="background-color: white; line-height: 16px; text-align: justify;">Aunque Tumblr incluye en el escritorio su propio agregador de los blogs a los que sigues, también dispone de archivo RSS con el que puedes invitar a tus lectores a suscribirse. La URL del archivo RSS se forma siempre añadiendo /rss a la dirección del blog; por ejemplo: </span><a href="http://blogpocket.tumblr.com/" style="background-color: white; color: #333333; line-height: 16px; margin: 0px; padding: 0px; text-align: justify; text-decoration: none;"><strong style="margin: 0px; padding: 0px;">blogpocket.tumblr.com/rss</strong></a><span style="background-color: white; line-height: 16px; text-align: justify;">. </span><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><span style="background-color: white; line-height: 16px; text-align: justify;">Para redirigir el archivo RSS a FeedBurner, dirígete a la página de configuración del blog y activa el campo "Redireccionar las RSS de este blog a una URL de FeedBurner" con el nombre del fichero rss en Feedburner. </span></span></div>
<span style="font-family: Arial, Helvetica, sans-serif; line-height: 18px;"><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /></span><span style="background-color: white; color: red; font-family: Arial, Helvetica, sans-serif; font-size: large; line-height: 18px;">10.-</span><span style="font-family: Arial, Helvetica, sans-serif; line-height: 18px;"><strong style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;">Permalinks amigables</strong><span style="background-color: white; line-height: 16px; text-align: justify;"> </span><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><img alt="Tips Tumblr 4" src="http://administraciones.abc.es/blogs/weblog/public/tipstumblr4.jpg" style="background-color: white; border: 0px; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" width="500" /><span style="background-color: white; line-height: 16px; text-align: justify;"> </span><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><span style="background-color: white; line-height: 16px; text-align: justify;">Si no se personalizan las URLs de los posts (permalinks) éstas son del estilo: </span><a href="http://blogpocket.tumblr.com/#23793453799" style="background-color: white; color: #333333; line-height: 16px; margin: 0px; padding: 0px; text-align: justify; text-decoration: none;"><strong style="margin: 0px; padding: 0px;">blogpocket.tumblr.com/#23793453799</strong></a><span style="background-color: white; line-height: 16px; text-align: justify;">. Que tus permalinks tengan una estructura amigable hará fácil la lectura tanto para tus segudires como para los buscadores. Convierte tus permalinks en amigables personalizándolos en el editor de post, rellenando el campo "URL personalizada". </span><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /></span><span style="background-color: white; color: red; font-family: Arial, Helvetica, sans-serif; font-size: large; line-height: 18px;">11.-</span><span style="font-family: Arial, Helvetica, sans-serif; line-height: 18px;"><strong style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;">Rebloguear</strong><span style="background-color: white; line-height: 16px; text-align: justify;"> </span><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><img alt="Tips Tumblr 5" src="http://administraciones.abc.es/blogs/weblog/public/tipstumblr5.jpg" style="background-color: white; border: 0px; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" width="500" /><span style="background-color: white; line-height: 16px; text-align: justify;"> </span><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><span style="background-color: white; line-height: 16px; text-align: justify;">En Tumblr, no hace falta que publiques tu propio contenido. Tus seguidores también agradecerán que compartas con ellos ese contenido interesante que has encontrado en tu </span><em style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;">timeline</em><span style="background-color: white; line-height: 16px; text-align: justify;">. Para ello se emplea el botón "reblog". </span><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><span style="background-color: white; line-height: 16px; text-align: justify;">El botón "reblog" (icono del reciclado) se encuentra en la barra de navegación de la parte superior de la pantalla, cuando visitas un blog de Tumblr o en el escritorio dentro del agregador de los blogs que sigues. Al lado del botón "reblog" también hallamos el botón "like" para indicar que nos gusta el post. </span><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /></span><span style="background-color: white; color: red; font-family: Arial, Helvetica, sans-serif; font-size: large; line-height: 18px;">12.-</span><span style="font-family: Arial, Helvetica, sans-serif; line-height: 18px;"><strong style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;">Añadir sistema de preguntas</strong><span style="background-color: white; line-height: 16px; text-align: justify;"> </span><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><img alt="Tips Tumblr 6" src="http://administraciones.abc.es/blogs/weblog/public/tipstumblr6.jpg" style="background-color: white; border: 0px; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" width="500" /><span style="background-color: white; line-height: 16px; text-align: justify;"> </span><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><span style="background-color: white; line-height: 16px; text-align: justify;">Otra forma de crear comunidad y favorecer la conversación es mediante el sistema de preguntas que proporciona Tumblr. Con ello, permites a tus lectores que te envén mensajes con comentarios, sugerencias y preguntas. El formulario para preguntar se encuentra añadiendo /ask a la URL de tu blog; por ejemplo: </span><a href="http://lostumblrykenny.tumblr.com/ask" style="background-color: white; color: #333333; line-height: 16px; margin: 0px; padding: 0px; text-align: justify; text-decoration: none;"><strong style="margin: 0px; padding: 0px;">lostumblrykenny.tumblr.com/ask</strong></a><span style="background-color: white; line-height: 16px; text-align: justify;">. Y los mensajes enviados por tus seguidores los hallarás en el icono del correo en el escritorio. </span><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /></span><span style="background-color: white; color: red; font-family: Arial, Helvetica, sans-serif; font-size: large; line-height: 18px;">13.-</span><span style="font-family: Arial, Helvetica, sans-serif;"><strong style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;">Añadir colaboraciones</strong><span style="background-color: white; line-height: 16px; text-align: justify;"> </span><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><img alt="Tips Tumblr 7" src="http://administraciones.abc.es/blogs/weblog/public/tipstumblr7.jpg" style="background-color: white; border: 0px; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" width="500" /><span style="background-color: white; line-height: 16px; text-align: justify;"> </span><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><span style="background-color: white; line-height: 16px; text-align: justify;">Y aún existe otra vía de particación para tus seguidores. Se trata de la posibilidad de enviar colaboraciones; es decir, publicar en tu blog contenidos elaborados por otros. El formulario lo hallarás añadiendo /submit a la URL de tublog; por ejemplo: </span><span style="background-color: white; text-align: justify;"><a href="http://lostumblrykenny.tumblr.com/submit" target="_blank"><span style="color: #333333;"><span style="line-height: 16px;"><b>lostumblrykenny.tumblr.com/submit</b></span></span><span style="line-height: 16px;"> </span></a></span><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><span style="background-color: white; line-height: 16px; text-align: justify;">Tanto las preguntas como las colaboraciones se deben autorizar en el apartado de configuración del escritorio, activando las casillas "Let people ask questions" (1) y "Let people submit posts" (2) respectivamente. También se pueden personalizar los textos que verán los usuarios para invitarles a participar, si se permtien preguntas anónimas, qué tipos de posts se pueden enviar y qué etiquetas se incluirán por defecto en el caso de las colaboraciones. </span><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /></span><span style="background-color: white; color: red; font-family: Arial, Helvetica, sans-serif; font-size: large; line-height: 18px;">14.-</span><span style="font-family: Arial, Helvetica, sans-serif; line-height: 18px;"><strong style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;">Seguidores y seguidos</strong><span style="background-color: white; line-height: 16px; text-align: justify;"> </span><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><img alt="Tips Tumblr 8" src="http://administraciones.abc.es/blogs/weblog/public/tipstumblr8.jpg" style="background-color: white; border: 0px; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" width="500" /><span style="background-color: white; line-height: 16px; text-align: justify;"> </span><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><span style="background-color: white; line-height: 16px; text-align: justify;">Un blogroll muy interesante que puedes añadir a la página de tu blog de Tumblr es el tu lista de seguidos. La URL se forma añadiendo /#following a la dirección de tu blog; por ejemplo: <a href="http://www.blogger.com/goog_1562306549"><b>lostumblrykenny</b></a></span><b><span style="background-color: white; color: #333333; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;"><a href="http://lostumblrykenny.tumblr.com/#following">.tumblr.com/#following</a></span></b><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><span style="background-color: white; line-height: 16px; text-align: justify;">Los seguidores los encontrarás en el apartado "Followers" de tu escritorio, con el botón de "Seguir" correspondiente. </span></span><br />
<div style="line-height: 18px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 18px;">Si no sabes agregar la lista: <a href="http://codigoshtmlparatumblr.blogspot.com/2013/05/lista-de-los-tumblr-que-sigues.html">http://codigoshtmlparatumblr.blogspot.com/2013/05/lista-de-los-tumblr-que-sigues.html</a></span><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /></span><span style="background-color: white; color: red; font-family: Arial, Helvetica, sans-serif; font-size: large; line-height: 18px;">15.-</span><span style="font-family: Arial, Helvetica, sans-serif; line-height: 18px;"><strong style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;">Conexión con Twitter y Facebook</strong><span style="background-color: white; line-height: 16px; text-align: justify;"> </span><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><img alt="Tips Tumblr 9" src="http://administraciones.abc.es/blogs/weblog/public/tipstumblr9.jpg" style="background-color: white; border: 0px; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" width="500" /><span style="background-color: white; line-height: 16px; text-align: justify;"> </span><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><span style="background-color: white; line-height: 16px; text-align: justify;">Y, finalmente, Tumblr también permite llevar los contenidos que publiques a Twitter y Facebook, con lo que ampliarás el eco de los mismos, aumentando las posibilidades de lograr nuevos seguidores. </span><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><br style="background-color: white; line-height: 16px; margin: 0px; padding: 0px; text-align: justify;" /><span style="background-color: white; line-height: 16px; text-align: justify;">Activa las casillas "Share posts on your Timeline" (1) y "Share posts on your Twitter" (2) para conectarte a Facebook y Twitter respectivamente. </span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; line-height: 18px;"><span style="background-color: white; line-height: 16px; text-align: justify;"><br /></span></span>
<br />
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 16px;">Algo que te servirá y esta bastante bien: </span></span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif; line-height: 16px;"><a href="http://codigoshtmlparatumblr.blogspot.com/2013/02/publicar-tus-ultimos-tweets-en-tumblr.html">http://codigoshtmlparatumblr.blogspot.com/2013/02/publicar-tus-ultimos-tweets-en-tumblr.html</a></span></div>
<div style="line-height: 18px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="line-height: 18px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b>------------------------------------------------------------------------------------------------------------------------------------</b></span></div>
<div style="line-height: 18px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b><br /></b></span></div>
<div style="line-height: 18px;">
<b><span style="font-family: Arial, Helvetica, sans-serif;">Fuente: <a href="http://www.abc.es/blogs/weblog/public/post/10-tips-para-optimizar-tu-blog-de-tumblr-12539.asp">http://www.abc.es/blogs/weblog/public/post/10-tips-para-optimizar-tu-blog-de-tumblr-12539.asp</a></span></b></div>
<div style="line-height: 18px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
</div>
<div style="line-height: 18px;">
<strong><span style="font-family: Arial, Helvetica, sans-serif;">ESPERO QUE TE HAYA SIDO DE AYUDA, UN SALUDETE.</span></strong></div>
Samuelhttp://www.blogger.com/profile/11076593170326356492noreply@blogger.com1tag:blogger.com,1999:blog-1257888368956829239.post-69241934960472970292013-05-10T08:20:00.000-07:002015-09-06T07:52:00.939-07:00Crear apartados en la columna lateral.<br />
<div style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; line-height: 18px;">
<b><span style="font-family: Arial, Helvetica, sans-serif;">Paso 1:</span><span style="font-family: Arial, Helvetica, sans-serif;"> </span></b><span style="font-family: Arial, Helvetica, sans-serif;">Ves a<a href="http://www.blogger.com/goog_2084937655" style="color: black; text-decoration: initial;"> </a><b><a href="http://www.tumblr.com/customize" style="color: black; text-decoration: initial;">http://www.tumblr.com/customize</a> </b>para editar tu tumblr.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; line-height: 18px;">
<b><span style="font-family: Arial, Helvetica, sans-serif;">Paso 2:</span><span style="font-family: Arial, Helvetica, sans-serif;"> </span></b><span style="font-family: Arial, Helvetica, sans-serif;">Haz clic en “Editar HTML” para poder editar nuestro tumblr mediante códigos HTML.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="background-color: white; padding: 15px 0px 0px;">
<b style="font-family: Arial, Helvetica, sans-serif; font-size: medium; line-height: 22px;">Paso 3: </b><span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 22px;">Una vez aquí, elige el apartado que quieres crear. <i>Vídeo destacado, gente a la que sigo, contador de visitas, etc.</i></span></span></div>
<div style="background-color: white; padding: 15px 0px 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 22px;">Vamos a crear por ejemplo un apartado de MIS ÚLTIMOS TWEETS.</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 22px;"><br /></span></span></div>
<div style="background-color: white; padding: 15px 0px 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b style="line-height: 22px;">Paso 4: </b><span style="line-height: 22px;">Nos vamos al código (buscalo con</span><b style="line-height: 22px;"><i> ctrl+f</i></b><span style="line-height: 22px;"> si hace falta) , y ponemos antes y después del código esto:</span></span><span style="font-family: Arial, Helvetica, sans-serif; line-height: 22px;"> </span></div>
<div style="background-color: white; padding: 15px 0px 0px;">
<span style="line-height: 22px;"><span style="font-family: Arial, Helvetica, sans-serif;"> </span><span style="font-family: Courier New, Courier, monospace;"> <br /> </span></span></div>
<div style="background-color: white; padding: 15px 0px 0px;">
</div>
<div style="background-color: white; padding: 15px 0px 0px;">
<span style="line-height: 22px;"><span style="font-family: Courier New, Courier, monospace;"> </div></span></span></div>
<div style="background-color: white; padding: 15px 0px 0px;">
<span style="line-height: 22px;"><span style="font-family: Courier New, Courier, monospace;"> <br /></span></span></div>
<div style="background-color: white; padding: 15px 0px 0px;">
<span style="line-height: 22px;"><span style="font-family: Courier New, Courier, monospace;"><div id="top"></span></span></div>
<div style="background-color: white; padding: 15px 0px 0px;">
<span style="line-height: 22px;"><span style="font-family: Courier New, Courier, monospace;"> <br /> </span></span></div>
<div style="background-color: white; padding: 15px 0px 0px;">
<br /></div>
<div style="background-color: white; padding: 15px 0px 0px;">
<span style="font-family: Georgia, 'Times New Roman', serif;">SIRVE PARA CUALQUIER CÓDIGO QUE PONGAS EN EL SIDEBAR.</span></div>
Samuelhttp://www.blogger.com/profile/11076593170326356492noreply@blogger.com1tag:blogger.com,1999:blog-1257888368956829239.post-23753062959507898152013-05-10T08:03:00.000-07:002013-05-10T08:22:19.757-07:00Lista de los tumblr que sigues.<br />
<br />
<div style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">
<b><span style="font-size: medium;"><span style="font-family: Arial, Helvetica, sans-serif;">Paso 1:</span><span style="font-family: Arial, Helvetica, sans-serif;"> </span></span></b><span style="font-family: Arial, Helvetica, sans-serif;">Ves a<a href="http://www.blogger.com/goog_2084937655" style="color: black; text-decoration: initial;"> </a><b><a href="http://www.tumblr.com/customize" style="color: black; text-decoration: initial;">http://www.tumblr.com/customize</a> </b>para editar tu tumblr.</span></div>
<div style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">
<b><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: medium;">Paso 2:</span></span><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"> </span></b><span style="font-family: Arial, Helvetica, sans-serif;">Haz clic en “Editar HTML” para poder editar nuestro tumblr mediante códigos HTML.</span></div>
<div style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-zMS1GjO9NCw/UREyT5ReV8I/AAAAAAAAAOQ/bSzOwt3fsrM/s1600/Sin+t%C3%ADtulo+(1).png" imageanchor="1" style="color: black; margin-left: 1em; margin-right: 1em; text-decoration: initial;"><img border="0" src="http://3.bp.blogspot.com/-zMS1GjO9NCw/UREyT5ReV8I/AAAAAAAAAOQ/bSzOwt3fsrM/s1600/Sin+t%C3%ADtulo+(1).png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; background-color: transparent; background-position: initial initial; background-repeat: initial initial; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid transparent; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; padding: 8px; position: relative;" /></a></div>
</div>
<br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;" />
<div style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 22px; padding: 15px 0px 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: medium;"><b>Paso 3: </b></span></span><span style="font-family: Arial, Helvetica, sans-serif;">Copia y pega el siguiente código HTML:</span></div>
<br />
<span style="font-family: Courier New, Courier, monospace;"><br /></span>
<br />
<span style="font-family: Courier New, Courier, monospace;"> {block:IfShowPeopleIFollow}</span><br />
<span style="font-family: Courier New, Courier, monospace;"> {block:Following}</span><br />
<span style="font-family: Courier New, Courier, monospace;"> <div class="heading" id="following">{lang:Following}</div></span><br />
<span style="font-family: Courier New, Courier, monospace;"> <div class="content" id="following-avatars"></span><br />
<span style="font-family: Courier New, Courier, monospace;"> {block:Followed}<a href="{FollowedURL}"><img src="{FollowedPortraitURL-40}" /></a>{/block:Followed}</span><br />
<span style="font-family: Courier New, Courier, monospace;"> </div></span><br />
<span style="font-family: Courier New, Courier, monospace;"> {/block:Following}</span><br />
<span style="font-family: Courier New, Courier, monospace;"> {/block:IfShowPeopleIFollow}</span><br />
<span style="font-family: Georgia, Times New Roman, serif;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif;"><br /></span>
<span style="font-family: Georgia, Times New Roman, serif;">Si quieres que esta lista este en una sección en la columna lateral, pon antes y después del código esto:</span><br />
<span style="font-family: Georgia, Times New Roman, serif;"><br /></span>
<br />
<div style="font-family: Georgia, 'Times New Roman', serif;">
</div>
<span style="font-family: Courier New, Courier, monospace;"> <br /> </span><br />
<span style="font-family: Courier New, Courier, monospace;"><br /></span>
<span style="font-family: Courier New, Courier, monospace;"> </div></span><br />
<span style="font-family: Courier New, Courier, monospace;"> <br /></span><br />
<span style="font-family: Courier New, Courier, monospace;"><div id="top"></span><br />
<span style="font-family: Courier New, Courier, monospace;"> <br /> </span><br />
<div style="font-family: Georgia, 'Times New Roman', serif;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-p_hcqNcOVVU/UY0MA1SqQbI/AAAAAAAAARM/UYGE51wAYsI/s1600/Sin+t%C3%ADtulo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-p_hcqNcOVVU/UY0MA1SqQbI/AAAAAAAAARM/UYGE51wAYsI/s1600/Sin+t%C3%ADtulo.png" /></a></div>
<div style="font-family: Georgia, 'Times New Roman', serif;">
<br />
TUORIAL: <a href="http://codigoshtmlparatumblr.blogspot.com.es/2013/05/crear-apartados-en-la-columna-lateral.html">http://codigoshtmlparatumblr.blogspot.com.es/2013/05/crear-apartados-en-la-columna-lateral.html</a></div>
<div style="font-family: Georgia, 'Times New Roman', serif;">
<br /></div>
<span style="font-family: Georgia, Times New Roman, serif;">SIRVE PARA CUALQUIER CÓDIGO QUE PONGAS EN EL SIDEBAR.</span><br />
<div style="font-family: Georgia, 'Times New Roman', serif;">
<br /></div>
<br />Samuelhttp://www.blogger.com/profile/11076593170326356492noreply@blogger.com0tag:blogger.com,1999:blog-1257888368956829239.post-18708980875819654342013-04-24T09:17:00.002-07:002013-04-24T09:17:46.953-07:00Reproductor de músicaLa verdad es que no es muy dificil crearlo. Puedes diseñar el tuyo, con las canciones que eligas desde: <b><a href="http://scmplayer.net/"><span style="font-size: large;">http://scmplayer.net/</span></a>.</b><div>
<b><br /></b></div>
<div>
<ol>
<li><b>Elige la skin (aspecto del reproductor)</b></li>
<li><b>Elige las canciones, copia la URL y pon el nombre de cada una.</b></li>
<li><b>Configuralo, Y LISTO!!</b></li>
</ol>
</div>
Samuelhttp://www.blogger.com/profile/11076593170326356492noreply@blogger.com0tag:blogger.com,1999:blog-1257888368956829239.post-7443636704740658752013-04-08T14:31:00.000-07:002013-04-08T14:32:45.620-07:00Como Colocar un Archivo .SWF en Tumblr<div class="separator" style="clear: both; text-align: left;">
<u style="color: red; font-size: x-large; text-align: left;"><span style="background-color: white; border: 0px; font-family: Helvetica; line-height: 24pt; margin: 0px; outline: none 0px; padding: 0px; text-align: center; vertical-align: baseline;"><em style="border: 0px; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;"><b style="outline: none 0px;">Paso Número 1:</b></em></span><span style="background-color: white; font-family: Helvetica; line-height: 19px; text-align: center;"> </span></u></div>
<div style="text-align: left;">
<span style="background-color: white; font-family: Helvetica; line-height: 19px; outline: none 0px; text-align: center;"><span style="border: 0px; font-style: inherit; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;">Creamos un nuevo post de</span><span style="border: 0px; font-style: inherit; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;"><b> "Video"</b></span></span><span style="background-color: white; font-family: Helvetica; line-height: 19px; text-align: center;"><b> </b></span></div>
<div style="text-align: left;">
<span style="background-color: white; font-family: Helvetica; line-height: 19px; text-align: center;"><b><br /></b></span></div>
<div style="text-align: left;">
<a href="http://2.bp.blogspot.com/-C5L9-R2wp3k/UWMp8UNZpTI/AAAAAAAAAQM/vvUizoQGso0/s1600/Sin+t%C3%ADtulo.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-C5L9-R2wp3k/UWMp8UNZpTI/AAAAAAAAAQM/vvUizoQGso0/s1600/Sin+t%C3%ADtulo.png" /></a></div>
<br style="background-color: white; font-family: Helvetica; line-height: 19px; outline: none 0px; text-align: center;" />
<br style="background-color: white; font-family: Helvetica; line-height: 19px; outline: none 0px; text-align: center;" />
<br />
<span style="background-color: white; font-family: Helvetica; line-height: 19px; text-align: center;"><br /></span>
<span style="background-color: white; font-family: Helvetica; line-height: 19px; text-align: center;"><br /></span>
<span style="background-color: white; font-family: Helvetica; line-height: 19px; text-align: center;"><br /></span>
<span style="background-color: white; font-family: Helvetica; line-height: 19px; text-align: center;"><br /></span>
<span style="background-color: white; font-family: Helvetica; line-height: 19px; text-align: center;"><br /></span>
<div>
<div style="text-align: start;">
<span style="background-color: white; border: 0px; margin: 0px; outline: none 0px; padding: 0px; text-align: center; vertical-align: baseline;"><span style="border: 0px; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;"><span style="outline: none 0px;"><b><span style="color: red; font-family: Arial, Helvetica, sans-serif; font-size: large;"><i><u>Paso Número 2:</u></i></span></b></span></span></span></div>
<br style="background-color: white; font-family: Helvetica; line-height: 19px; outline: none 0px; text-align: center;" />
<span style="background-color: white; outline: none 0px; text-align: center;"><span style="border: 0px; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: Helvetica;"><span style="font-style: inherit; line-height: 19px;">Pegaremos este código en dónde dice</span><span style="font-style: inherit; font-weight: inherit; line-height: 19px;"> </span><b><span style="font-style: inherit; line-height: 19px;">"Código de inserción o URL del </span><span style="line-height: 19px;">vídeo</span><span style="font-style: inherit; line-height: 19px;">"</span></b></span></span></span><span style="background-color: white; font-family: Helvetica; line-height: 19px; text-align: center;"><b> </b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<code style="background-color: white; border: 1px solid rgb(221, 221, 221); color: #222222; display: block; font-size: 0.9em; line-height: 1.5; margin: 5px auto; outline: none 0px; overflow: auto; padding: 0px 10px; text-align: left; width: 600px;"><span style="border: 0px; color: black; font-family: Console, 'Courier New', 'lucida console', monospace !important; font-style: inherit; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;">[color=#000000]<object width="500" height="500" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param value="REEMPLAZAR POR EL LINK DEL .SWF" name="movie" /><param value="high" name="quality" /><embed width="500" height="500" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" quality="high" src="REEMPLAZAR POR EL LINK DEL .SWF"></embed></object>[/color]</span></code></div>
<div>
<span style="border: 0px; color: black; font-family: Console, 'Courier New', 'lucida console', monospace !important; font-style: inherit; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;"><br /></span></div>
<br />
<div>
<br />
<span style="background-color: white; font-family: Helvetica; line-height: 19px; outline: none 0px; text-align: center;"><span style="border: 0px; font-style: inherit; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;">Como se Pudieron Dar Cuenta Tienen que Colocar el Link de su Archivo Dónde dice </span><span style="border: 0px; font-style: inherit; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;"><b>"REEMPLAZAR POR EL LINK DEL .SWF"</b></span></span><span style="background-color: white; font-family: Helvetica; line-height: 19px; text-align: center;"><b> </b></span><br />
<br style="background-color: white; font-family: Helvetica; line-height: 19px; outline: none 0px; text-align: center;" />
<b style="background-color: white; font-family: Helvetica; line-height: 19px; outline: none 0px; text-align: center;"><span style="border: 0px; font-style: inherit; font-weight: inherit; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;">En mi Caso Sería Este el Archivo</span></b><span style="background-color: white; font-family: Helvetica; line-height: 19px; text-align: center;"> </span><br />
<br style="background-color: white; font-family: Helvetica; line-height: 19px; outline: none 0px; text-align: center;" />
<img border="0" class="imagen" src="http://k17.kn3.net/6D5C67309.png" style="background-color: white; border: 0px; font-family: Helvetica; line-height: 19px; margin: 0px; max-width: 700px; outline: none 0px; padding: 0px; text-align: center; vertical-align: baseline;" /><span style="background-color: white; font-family: Helvetica; line-height: 19px; text-align: center;"> </span><br />
<br />
<br />
<br style="background-color: white; font-family: Helvetica; line-height: 19px; outline: none 0px; text-align: center;" />
<span style="color: red; font-size: large;"><span style="background-color: white; border: 0px; font-family: Helvetica; line-height: 24pt; margin: 0px; outline: none 0px; padding: 0px; text-align: center; vertical-align: baseline;"><em style="border: 0px; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;"><b style="outline: none 0px;">Paso Número 3:</b></em></span><span style="background-color: white; font-family: Helvetica; line-height: 19px; text-align: center;"> </span></span><br />
<a href="http://1.bp.blogspot.com/-lKEV2Ak_kH4/UWMsx_aOJCI/AAAAAAAAAQc/L3-sTo2cY40/s1600/Sin+t%C3%ADtulo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="http://1.bp.blogspot.com/-lKEV2Ak_kH4/UWMsx_aOJCI/AAAAAAAAAQc/L3-sTo2cY40/s1600/Sin+t%C3%ADtulo.png" /></a><br />
<br style="background-color: white; font-family: Helvetica; line-height: 19px; outline: none 0px; text-align: center;" />
<span style="background-color: white; font-family: Helvetica; line-height: 19px; outline: none 0px; text-align: center;"><span style="border: 0px; font-style: inherit; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;">Le dan click en</span><span style="border: 0px; font-style: inherit; font-weight: inherit; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;"> </span><span style="border: 0px; font-style: inherit; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;"><b>"Publicar"</b></span></span><span style="background-color: white; font-family: Helvetica; line-height: 19px; text-align: center;"><b> </b></span><br />
<br style="background-color: white; font-family: Helvetica; line-height: 19px; outline: none 0px; text-align: center;" />
<br />
<span style="color: red; font-size: large;"><span style="background-color: white; border: 0px; font-family: Helvetica; line-height: 24pt; margin: 0px; outline: none 0px; padding: 0px; text-align: center; vertical-align: baseline;"><em style="border: 0px; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;"><b style="outline: none 0px;">Paso Número 4:</b></em></span><span style="background-color: white; font-family: Helvetica; line-height: 19px; text-align: center;"> </span></span><br />
<br style="background-color: white; font-family: Helvetica; line-height: 19px; outline: none 0px; text-align: center;" />
<span style="background-color: white; font-family: Helvetica; line-height: 19px; outline: none 0px; text-align: center;"><span style="border: 0px; font-style: inherit; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;">Comprueban que su post está bien colocado</span></span><span style="background-color: white; font-family: Helvetica; line-height: 19px; text-align: center;"> </span><br />
<br style="background-color: white; font-family: Helvetica; line-height: 19px; outline: none 0px; text-align: center;" />
<br style="background-color: white; font-family: Helvetica; line-height: 19px; outline: none 0px; text-align: center;" />
<img border="0" class="imagen" src="http://k06.kn3.net/E3A888565.png" style="background-color: white; border: 0px; font-family: Helvetica; line-height: 19px; margin: 0px; max-width: 700px; outline: none 0px; padding: 0px; text-align: center; vertical-align: baseline;" /><span style="background-color: white; font-family: Helvetica; line-height: 19px; text-align: center;"> </span><br />
<br style="background-color: white; font-family: Helvetica; line-height: 19px; outline: none 0px; text-align: center;" />
<br style="background-color: white; font-family: Helvetica; line-height: 19px; outline: none 0px; text-align: center;" />
<b style="background-color: white; font-family: Helvetica; line-height: 19px; outline: none 0px; text-align: center;"><span style="border: 0px; font-style: inherit; font-weight: inherit; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;">"Publicado ya"</span></b><span style="background-color: white; font-family: Helvetica; line-height: 19px; text-align: center;"> </span><br />
<br style="background-color: white; font-family: Helvetica; line-height: 19px; outline: none 0px; text-align: center;" />
<img border="0" class="imagen" src="http://k26.kn3.net/9AEC6B0D8.png" style="background-color: white; border: 0px; font-family: Helvetica; line-height: 19px; margin: 0px; max-width: 700px; outline: none 0px; padding: 0px; text-align: center; vertical-align: baseline;" /><span style="background-color: white; font-family: Helvetica; line-height: 19px; text-align: center;"> </span></div>
<div>
<span style="background-color: white; font-family: Helvetica; line-height: 19px; text-align: center;"><b><br /></b></span></div>
<div>
<span style="background-color: white; font-family: Helvetica; line-height: 19px; text-align: center;"><b>LINK al post: </b></span><span style="font-family: Helvetica;"><span style="line-height: 19px;"><a href="http://lostumblrykenny.tumblr.com/post/47482870416/nian-cat-lost-in-space-epico">http://lostumblrykenny.tumblr.com/post/47482870416/nian-cat-lost-in-space-epico</a></span></span></div>
<div>
<span style="background-color: white; font-family: Helvetica; line-height: 19px; text-align: center;"><b><br /></b></span></div>
<div>
<span style="background-color: white; font-family: Helvetica; line-height: 19px; text-align: center;"><b>FUENTE DEL TUTORIAL:</b> </span><a href="http://www.taringa.net/posts/hazlo-tu-mismo/13832727/Como-Colocar-un-Archivo-SWF-en-Tumblr.html">http://www.taringa.net/posts/hazlo-tu-mismo/13832727/Como-Colocar-un-Archivo-SWF-en-Tumblr.html</a></div>
<div>
<br /></div>
Samuelhttp://www.blogger.com/profile/11076593170326356492noreply@blogger.com2tag:blogger.com,1999:blog-1257888368956829239.post-50471305619713390222013-03-25T09:32:00.000-07:002013-04-07T12:05:16.442-07:00Infinite scrolling (Páginas infinitas)<br />
<div style="background-color: white; border: 0px; color: #222222; font-family: Helvetica; font-size: 13px; line-height: 19px; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-size: 18pt; font-style: inherit; line-height: 18pt; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;">¿Que es Infinite Scrolling?</span></div>
<br style="background-color: white; color: #222222; font-family: Helvetica; font-size: 13px; line-height: 19px; outline: none 0px;" />
<div style="background-color: white; border: 0px; color: #222222; font-family: Helvetica; font-size: 13px; line-height: 19px; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-size: 12pt; font-style: inherit; line-height: 12pt; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;">Bueno el Infinite Scrolling es una página de desplazamiento sin fin (hasta llegar a su primer post propio), también conocido como AutoPager o AutoPage, o el desplazamiento infinito, sólo tienen que pegar una línea de código en su descripción.</span></div>
<br style="background-color: white; color: #222222; font-family: Helvetica; font-size: 13px; line-height: 19px; outline: none 0px;" />
<div style="background-color: white; border: 0px; color: #222222; font-family: Helvetica; font-size: 13px; line-height: 19px; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-size: 12pt; font-style: inherit; line-height: 12pt; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;">A veces la secuencia de comandos de tumblr AutoPager simplemente no funciona en algunos temas tumblr, así que he añadido un par de métodos que deben cubrir la mayoría de los diseños, aunque a veces es imposible hacer que funcione.</span></div>
<div style="background-color: white; border: 0px; color: #222222; font-family: Helvetica; font-size: 13px; line-height: 19px; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-size: 12pt; font-style: inherit; line-height: 12pt; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;"><br /></span></div>
<div style="background-color: white; border: 0px; color: #222222; font-family: Helvetica; font-size: 13px; line-height: 19px; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-size: 12pt; font-style: inherit; line-height: 12pt; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;"><br /></span></div>
<div style="background-color: white; border: 0px; color: #222222; font-family: Helvetica; line-height: 19px; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-style: inherit; line-height: 12pt; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;"></span><br />
<div style="color: black; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; line-height: 18px;">
<span style="border: 0px; font-style: inherit; line-height: 12pt; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;"><b><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: large;">Paso 1:</span></span><span style="font-family: Arial, Helvetica, sans-serif;"> </span></b><span style="font-family: Arial, Helvetica, sans-serif;">Ves a<a href="http://www.blogger.com/goog_2084937655" style="color: black; text-decoration: initial;"> </a><b><a href="http://www.tumblr.com/customize" style="color: black; text-decoration: initial;">http://www.tumblr.com/customize</a> </b>para editar tu tumblr.</span></span></div>
<span style="border: 0px; font-style: inherit; line-height: 12pt; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;">
</span>
<div style="color: black; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; line-height: 18px;">
<div>
<span style="border: 0px; font-style: inherit; line-height: 12pt; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;"><br /></span></div>
<span style="border: 0px; font-style: inherit; line-height: 12pt; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;"><b><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: large;">Paso 2:</span></span><span style="font-family: Arial, Helvetica, sans-serif;"> </span></b><span style="font-family: Arial, Helvetica, sans-serif;">Haz clic en “Editar HTML” para poder editar nuestro tumblr mediante códigos HTML.</span></span></div>
<span style="border: 0px; font-style: inherit; line-height: 12pt; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;">
<div style="color: black; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-zMS1GjO9NCw/UREyT5ReV8I/AAAAAAAAAOQ/bSzOwt3fsrM/s1600/Sin+t%C3%ADtulo+(1).png" imageanchor="1" style="color: black; margin-left: 1em; margin-right: 1em; text-decoration: initial;"><img border="0" src="http://3.bp.blogspot.com/-zMS1GjO9NCw/UREyT5ReV8I/AAAAAAAAAOQ/bSzOwt3fsrM/s1600/Sin+t%C3%ADtulo+(1).png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; background-color: transparent; background-position: initial initial; background-repeat: initial initial; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid transparent; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; padding: 8px; position: relative;" /></a></div>
</div>
</span></div>
<br style="background-color: white; color: #222222; font-family: Helvetica; font-size: 13px; line-height: 19px; outline: none 0px;" />
<div style="background-color: white; border: 0px; font-family: Helvetica; font-size: 13px; line-height: 19px; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-size: 18pt; font-style: inherit; line-height: 18pt; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;"><span style="color: #222222;">Tumblr con las páginas infinitas. </span><span style="color: red;">Método 1</span></span></div>
<br style="background-color: white; color: #222222; font-family: Helvetica; font-size: 13px; line-height: 19px; outline: none 0px;" />
<div style="background-color: white; border: 0px; color: #222222; font-family: Helvetica; font-size: 13px; line-height: 19px; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-size: 12pt; font-style: inherit; line-height: 12pt; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;">Pegue la siguiente línea de código. Este script no se mostrará. </span></div>
<br style="background-color: white; color: #222222; font-family: Helvetica; font-size: 13px; line-height: 19px; outline: none 0px;" />
<span style="font-family: Courier New, Courier, monospace;"><span style="background-color: white; color: #222222; line-height: 19px;"><script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script> </span></span><br />
<div style="background-color: white; border: 0px; color: #222222; font-family: Helvetica; font-size: 13px; line-height: 19px; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-size: 12pt; font-style: inherit; line-height: 12pt; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;">Guardar y comprobar si funciona.</span></div>
<br style="background-color: white; color: #222222; font-family: Helvetica; font-size: 13px; line-height: 19px; outline: none 0px;" />
<br />
<div style="background-color: white; border: 0px; font-family: Helvetica; font-size: 13px; line-height: 19px; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-size: 18pt; font-style: inherit; line-height: 18pt; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;"><span style="color: #222222;">Tumblr con las páginas infinitas. </span><span style="color: red;">Método 2</span></span></div>
<br style="background-color: white; color: #222222; font-family: Helvetica; font-size: 13px; line-height: 19px; outline: none 0px;" />
<div style="background-color: white; border: 0px; color: #222222; font-family: Helvetica; font-size: 13px; line-height: 19px; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-size: 12pt; font-style: inherit; line-height: 12pt; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;">1. Quitar el script que ha pegado anteriormente <br style="outline: none 0px;" />2. Vaya a Cutomize >> Edit HTML <br style="outline: none 0px;" />3. Pegue ese mismo código por encima de la etiqueta </ head> y abajo de </style> <br style="outline: none 0px;" />4. Pruebe de nuevo si funciona.</span></div>
<br style="background-color: white; color: #222222; font-family: Helvetica; font-size: 13px; line-height: 19px; outline: none 0px;" />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://k37.kn3.net/taringa/6/4/5/2/4/1/0/the_mexxx/BF6.jpg?9364" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://k37.kn3.net/taringa/6/4/5/2/4/1/0/the_mexxx/BF6.jpg?9364" /></a></div>
<br />
<br />
<div style="background-color: white; border: 0px; color: #222222; font-family: Helvetica; font-size: 13px; line-height: 19px; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;">
</div>
<br style="background-color: white; color: #222222; font-family: Helvetica; font-size: 13px; line-height: 19px; outline: none 0px;" />
<div style="background-color: white; border: 0px; font-family: Helvetica; font-size: 13px; line-height: 19px; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-size: 18pt; font-style: inherit; line-height: 18pt; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;"><span style="color: #222222;">Tumblr con las páginas infinitas. </span><span style="color: red;">Método 3</span></span></div>
<br style="background-color: white; color: #222222; font-family: Helvetica; font-size: 13px; line-height: 19px; outline: none 0px;" />
<div style="background-color: white; border: 0px; color: #222222; font-size: 13px; line-height: 19px; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-size: 12pt; font-style: inherit; line-height: 12pt; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: Helvetica;">Mantenga el código que ha insertado en la descripción, no lo borre. </span><br style="outline: none 0px;" /><span style="font-family: Helvetica;">Antes de cada tipo de mensaje por ejemplo: </span><span style="font-family: Courier New, Courier, monospace;">{block: Posts }</span><span style="font-family: Helvetica;"> (casi al final en tu tema html) pegue el siguiente código:</span></span></div>
<br style="background-color: white; color: #222222; font-family: Helvetica; font-size: 13px; line-height: 19px; outline: none 0px;" />
<br style="background-color: white; color: #222222; font-family: Helvetica; font-size: 13px; line-height: 19px; outline: none 0px;" />
<span style="font-family: Courier New, Courier, monospace;"><span style="background-color: white; color: #222222; line-height: 19px;"><div class = "autopagerize_page_element" > </span></span><br />
<div style="background-color: white; border: 0px; color: #222222; font-family: Helvetica; font-size: 13px; line-height: 19px; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-size: 12pt; font-style: inherit; line-height: 12pt; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;">Después de cada etiqueta de cierre [por ejemplo, {/ block: Posts}], pegue el siguiente código:</span></div>
<br style="background-color: white; color: #222222; font-family: Helvetica; font-size: 13px; line-height: 19px; outline: none 0px;" />
<span style="font-family: Courier New, Courier, monospace;"><span style="background-color: white; color: #222222; line-height: 19px;"></div> </span></span><br />
<div>
<span style="font-family: Courier New, Courier, monospace;"><br style="background-color: white; color: #222222; line-height: 19px; outline: none 0px;" /></span>
<br />
<div style="background-color: white; border: 0px; color: #222222; font-family: Helvetica; font-size: 13px; line-height: 19px; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; color: red; font-style: inherit; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-size: 12pt; font-style: inherit; line-height: 12pt; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;">Siempre copia el código HTML completo y guardarlo en un archivo. txt, por si acaso lo arruinas tratando de instalar las paginas infinitas en tu tumblr.</span></span></div>
<div style="background-color: white; border: 0px; color: #222222; font-family: Helvetica; font-size: 13px; line-height: 19px; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; color: red; font-style: inherit; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-size: 12pt; font-style: inherit; line-height: 12pt; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;"><br /></span></span></div>
<div style="background-color: white; border: 0px; color: #222222; font-family: Helvetica; line-height: 19px; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; color: red; font-style: inherit; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-style: inherit; line-height: 12pt; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;"><span style="font-size: large;"><br /></span></span></span></div>
<div style="background-color: white; border: 0px; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: Helvetica; font-style: inherit; line-height: 19px; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-style: inherit; line-height: 12pt; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;"><span style="color: red; font-size: large;"><br /></span></span></span></div>
<div style="background-color: white; border: 0px; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-family: Helvetica; font-style: inherit; line-height: 19px; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-style: inherit; line-height: 12pt; margin: 0px; outline: none 0px; padding: 0px; vertical-align: baseline;"><span style="color: red; font-size: large;">FUENTE: </span></span></span><span style="background-color: transparent; line-height: 16px;"><span style="font-family: Helvetica;"><a href="http://www.taringa.net/posts/info/15038788/Tumblr-con-Infinite-Scrolling.html">http://www.taringa.net/posts/info/15038788/Tumblr-con-Infinite-Scrolling.html</a></span></span></div>
</div>
Samuelhttp://www.blogger.com/profile/11076593170326356492noreply@blogger.com0tag:blogger.com,1999:blog-1257888368956829239.post-76649956164119371252013-03-01T13:39:00.002-08:002015-09-06T07:52:15.349-07:00Barra de búsqueda<br />
<br />
<div style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">
<b><span style="font-size: medium;"><span style="font-family: Arial, Helvetica, sans-serif;">Paso 1:</span><span style="font-family: Arial, Helvetica, sans-serif;"> </span></span></b><span style="font-family: Arial, Helvetica, sans-serif;">Ves a<a href="http://www.blogger.com/goog_2084937655" style="color: black; text-decoration: initial;"> </a><b><a href="http://www.tumblr.com/customize" style="color: black; text-decoration: initial;">http://www.tumblr.com/customize</a> </b>para editar tu tumblr.</span></div>
<div style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">
<div>
<br /></div>
<b><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: medium;">Paso 2:</span></span><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"> </span></b><span style="font-family: Arial, Helvetica, sans-serif;">Haz clic en “Editar HTML” para poder editar nuestro tumblr mediante códigos HTML.</span></div>
<div style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
</div>
<br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;" />
<div style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 22px; padding: 15px 0px 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: medium;"><b>Paso 3: </b></span></span><span style="font-family: Arial, Helvetica, sans-serif;">Copia y pega el siguiente código HTML:</span></div>
<div style="background-color: white; padding: 15px 0px 0px;">
<div style="padding: 15px 0px 0px;">
<span style="line-height: 22px;"><span style="font-family: Courier New, Courier, monospace;"> {block:HasPages}</span></span></div>
<div style="padding: 15px 0px 0px;">
<span style="line-height: 22px;"><span style="font-family: Courier New, Courier, monospace;"> <div id="pages"></span></span></div>
<div style="padding: 15px 0px 0px;">
<span style="line-height: 22px;"><span style="font-family: Courier New, Courier, monospace;"> {block:Pages}<a href="{URL}" class="page">{Label}</a>{/block:Pages}</span></span></div>
<div style="padding: 15px 0px 0px;">
<span style="line-height: 22px;"><span style="font-family: Courier New, Courier, monospace;"> <div class="clear"></div></span></span></div>
<div style="padding: 15px 0px 0px;">
<span style="line-height: 22px;"><span style="font-family: Courier New, Courier, monospace;"> </div></span></span></div>
<div style="padding: 15px 0px 0px;">
<span style="line-height: 22px;"><span style="font-family: Courier New, Courier, monospace;"> {/block:HasPages}</span></span></div>
<div style="padding: 15px 0px 0px;">
<span style="line-height: 22px;"><span style="font-family: Courier New, Courier, monospace;"> </span></span></div>
<div style="padding: 15px 0px 0px;">
<span style="line-height: 22px;"><span style="font-family: Courier New, Courier, monospace;"> <div id="search"></span></span></div>
<div style="padding: 15px 0px 0px;">
<span style="line-height: 22px;"><span style="font-family: Courier New, Courier, monospace;"> <form action="/search" method="get" id="search-form"></span></span></div>
<div style="padding: 15px 0px 0px;">
<span style="line-height: 22px;"><span style="font-family: Courier New, Courier, monospace;"> <input type="hidden" name="t" value="{Name}" /></span></span></div>
<div style="padding: 15px 0px 0px;">
<span style="line-height: 22px;"><span style="font-family: Courier New, Courier, monospace;"> <input type="hidden" name="scope" value="all_of_tumblr" /></span></span></div>
<div style="padding: 15px 0px 0px;">
<span style="line-height: 22px;"><span style="font-family: Courier New, Courier, monospace;"> <input type="text" name="q" class="query" value="{SearchQuery}" /></span></span></div>
<div style="padding: 15px 0px 0px;">
<span style="line-height: 22px;"><span style="font-family: Courier New, Courier, monospace;"> <input type="submit" value="{lang:Search}" class="submit" /></span></span></div>
<div style="padding: 15px 0px 0px;">
<span style="line-height: 22px;"><span style="font-family: Courier New, Courier, monospace;"> </span></span></div>
<div style="padding: 15px 0px 0px;">
<span style="line-height: 22px;"><span style="font-family: Courier New, Courier, monospace;"> <div class="clear"></div></span></span></div>
<div style="padding: 15px 0px 0px;">
<span style="line-height: 22px;"><span style="font-family: Courier New, Courier, monospace;"> </span></span></div>
<div style="padding: 15px 0px 0px;">
<span style="line-height: 22px;"><span style="font-family: Courier New, Courier, monospace;"> </span></span></div>
<div style="padding: 15px 0px 0px;">
<span style="line-height: 22px;"><span style="font-family: Courier New, Courier, monospace;"> </form></span></span></div>
<div style="padding: 15px 0px 0px;">
<span style="line-height: 22px;"><span style="font-family: Courier New, Courier, monospace;"> </div></span></span></div>
<div style="padding: 15px 0px 0px;">
<span style="line-height: 22px;"><span style="font-family: Courier New, Courier, monospace;"> <div id="search-scope"></span></span></div>
<div style="padding: 15px 0px 0px;">
<span style="line-height: 22px;"><span style="font-family: Courier New, Courier, monospace;"> <input type="radio" id="search-scope-me" name="scope" checked onclick="document.getElementById('search-form').action='/search'" /> <label for="search-scope-me" onclick="document.getElementById('search-form').action='/search'">{lang:My blog}</label></span></span></div>
<div style="padding: 15px 0px 0px;">
<span style="line-height: 22px;"><span style="font-family: Courier New, Courier, monospace;"> <input type="radio" id="search-scope-all" name="scope" onclick="document.getElementById('search-form').action='http://www.tumblr.com/search'" /> <label for="search-scope-all" onclick="document.getElementById('search-form').action='http://www.tumblr.com/search'">{lang:All of Tumblr}</label></span></span></div>
<div style="padding: 15px 0px 0px;">
<span style="line-height: 22px;"><span style="font-family: Courier New, Courier, monospace;"> </div></span></span></div>
<div style="padding: 15px 0px 0px;">
<br /></div>
</div>
Samuelhttp://www.blogger.com/profile/11076593170326356492noreply@blogger.com0tag:blogger.com,1999:blog-1257888368956829239.post-69975157464461032762013-02-11T14:38:00.006-08:002013-02-11T14:50:10.553-08:00Publicar tus últimos tweets en tumblr<br />
<div style="line-height: 22px; padding: 15px 0px 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;">Si quieres agregar los últimos tweets sigues unos sencillos pasos:</span></div>
<div style="line-height: 22px; padding: 15px 0px 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="line-height: 22px; padding: 15px 0px 0px;">
</div>
<div style="background-color: white; line-height: 18px;">
<b><span style="font-size: large;"><span style="font-family: Arial, Helvetica, sans-serif;">Paso 1:</span><span style="font-family: Arial, Helvetica, sans-serif;"> </span></span></b><span style="font-family: Arial, Helvetica, sans-serif;">Ves a<a href="http://www.blogger.com/goog_2084937655" style="text-decoration: initial;"> </a><b><a href="http://www.tumblr.com/customize" style="text-decoration: initial;">http://www.tumblr.com/customize</a> </b>para editar tu tumblr.</span></div>
<div style="background-color: white; line-height: 18px;">
<div>
<br /></div>
<b style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: large;">Paso 2:</span></span><span style="font-family: Arial, Helvetica, sans-serif; font-size: medium;"> </span></b><span style="font-family: Arial, Helvetica, sans-serif;">Haz clic en “Editar HTML” para poder editar nuestro tumblr mediante códigos HTML.</span></div>
<div style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; line-height: 18px;">
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; font-size: 13px; text-align: center;">
<a href="http://3.bp.blogspot.com/-zMS1GjO9NCw/UREyT5ReV8I/AAAAAAAAAOQ/bSzOwt3fsrM/s1600/Sin+t%C3%ADtulo+(1).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-decoration: initial;"><span style="color: black;"><img border="0" src="http://3.bp.blogspot.com/-zMS1GjO9NCw/UREyT5ReV8I/AAAAAAAAAOQ/bSzOwt3fsrM/s1600/Sin+t%C3%ADtulo+(1).png" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; background-color: transparent; background-position: initial initial; background-repeat: initial initial; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid transparent; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px; padding: 8px; position: relative;" /></span></a></div>
</div>
<br />
<div style="line-height: 22px; padding: 15px 0px 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: large;"><b>Paso 3: </b></span></span><span style="font-family: Arial, Helvetica, sans-serif;">Copia y pega el siguiente código HTML:</span></div>
<div style="line-height: 22px; padding: 15px 0px 0px;">
<div style="font-family: Arial, Helvetica, sans-serif;">
<br /></div>
<br />
<pre class="html" style="background-color: #f9f9f9; background-image: none; border: none; clear: none; color: #110000; line-height: 1.333; overflow: visible; padding: 0px; width: auto;"><span style="font-family: Courier New, Courier, monospace;"><script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 4,
interval: 6000,
width: 'auto',
height: 300,
theme: {
shell: {
background: '#cbba9f',
color: '#0a0a0a'
},
tweets: {
background: '#fcfcfc',
color: '#000000',
links: '#3554a6'
}
},
features: {
scrollbar: true,
loop: false,
live: true,
hashtags: true,
timestamp: true,
avatars: false,
behavior: 'all'
}
}).render().setUser('AQUI_TU_TWITTER').start();
</script></span></pre>
</div>
<br />
<div style="padding: 15px 0px 0px;">
<span style="font-family: Arial, Helvetica, sans-serif; line-height: 22px;">2- Debajo de todo dice </span><span style="font-family: Courier New, Courier, monospace; line-height: 22px;">setUser(‘<b>AQUI_TU_TWITTER</b>’).start();</span><span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 22px;"> en esta linea debes poner donde te indica el twitter (sin @) de la persona que quieras ver sus últimos tweets.</span></span></div>
<div style="padding: 15px 0px 0px;">
<span style="font-family: Trebuchet MS, sans-serif;"><span style="line-height: 22px;"><b>Este código lo puedes añadir a cualquier web que la puedad editar mediante códigos HTML.</b></span></span></div>
<div style="padding: 15px 0px 0px;">
<span style="font-family: Trebuchet MS, sans-serif;"><span style="line-height: 22px;"><b><br /></b></span></span></div>
<div style="padding: 15px 0px 0px;">
<span style="font-family: Trebuchet MS, sans-serif;"><span style="line-height: 22px;"><b><br /></b></span></span></div>
<div style="padding: 15px 0px 0px;">
<span style="color: red; font-family: Georgia, Times New Roman, serif; font-size: x-large;"><span style="line-height: 22px;"><u>EDITALO:</u></span></span></div>
<div style="line-height: 22px; padding: 15px 0px 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b><span style="font-size: large;">1- </span></b>Puedes cambiar el color del skin: </span><span style="font-family: 'Courier New', Courier, monospace;"> </span></div>
<div style="line-height: 22px; padding: 15px 0px 0px;">
<span style="font-family: 'Courier New', Courier, monospace;"> </span><br />
<br />
<pre class="html" style="background-color: #f9f9f9; background-image: none; border: none; clear: none; color: #110000; line-height: 1.333; overflow: visible; padding: 0px; width: auto;"><span style="font-family: Courier New, Courier, monospace;"> shell: {
background: '#<b>cbba9f</b>',
color: '#<b>0a0a0a</b>'
</span></pre>
<div>
<span style="font-family: Courier New, Courier, monospace;"><br /></span></div>
</div>
<div style="line-height: 22px; padding: 15px 0px 0px;">
<span style="font-family: Courier New, Courier, monospace;"><br /></span></div>
<div style="line-height: 22px; padding: 15px 0px 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;">Cambia lo que esta en negrita por el código del color que quieras.</span> </div>
<div style="line-height: 22px; padding: 15px 0px 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; line-height: 18px;">En esta pagina puedes ver el codigo de todos los colores: </span><b style="line-height: 18px;"><a href="http://html-color-codes.info/codigos-de-colores-hexadecimales/" style="text-decoration: initial;">http://html-color-codes.info/codigos-de-colores-hexadecimales/</a></b></span></div>
<div style="line-height: 22px; padding: 15px 0px 0px;">
<br /></div>
<div style="line-height: 22px; padding: 15px 0px 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b><span style="font-size: large;">2- </span></b>Puedes cambiar el color del contenido (tweets), e</span><span style="font-family: Arial, Helvetica, sans-serif;">l codigo de color del fondo y el </span><span style="font-family: Arial, Helvetica, sans-serif;">de los links.</span></div>
<div style="line-height: 22px; padding: 15px 0px 0px;">
</div>
<div style="padding: 15px 0px 0px;">
<span style="font-family: Courier New, Courier, monospace;"> </span><span style="background-color: #f9f9f9; color: #110000; font-family: 'Courier New', Courier, monospace; line-height: 1.333;">tweets: {</span><br />
<pre class="html" style="background-color: #f9f9f9; background-image: none; border: none; clear: none; color: #110000; line-height: 1.333; overflow: visible; padding: 0px; width: auto;"><span style="font-family: Courier New, Courier, monospace;"> background: '#<b>fcfcfc</b>',
color: '#<b>000000</b>',
links: '#<b>3554a6</b>'</span></pre>
</div>
<div style="padding: 15px 0px 0px;">
<span style="font-family: Courier New, Courier, monospace;"><br /></span></div>
<div style="padding: 15px 0px 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;">Cambia lo que esta en negrita por el código del color que quieras.</span> </div>
<div style="padding: 15px 0px 0px;">
<span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;">En esta pagina puedes ver el codigo de todos los colores: </span><b style="font-family: Arial, Helvetica, sans-serif; line-height: 18px;"><a href="http://html-color-codes.info/codigos-de-colores-hexadecimales/" style="text-decoration: initial;">http://html-color-codes.info/codigos-de-colores-hexadecimales/</a></b></div>
<div style="color: #333333; padding: 15px 0px 0px;">
<br /></div>
<br />
<div style="padding: 15px 0px 0px;">
<span style="font-family: Arial, Helvetica, sans-serif; line-height: 22px;"><b style="color: #333333;"><span style="font-size: large;">3-</span> </b>En </span><span style="font-family: Courier New, Courier, monospace; line-height: 22px;">width</span><span style="font-family: Arial, Helvetica, sans-serif; line-height: 22px;"> y </span><span style="font-family: Courier New, Courier, monospace; line-height: 22px;">height</span><span style="font-family: Arial, Helvetica, sans-serif; line-height: 22px;"> defines el ancho y alto, el valor </span><span style="font-family: Courier New, Courier, monospace; line-height: 22px;">‘auto’</span><span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 22px;"> indica automático sino se coloca un numero.</span></span></div>
<div style="padding: 15px 0px 0px;">
<span style="color: #333333; font-family: Arial, Helvetica, sans-serif; line-height: 22px;"> </span></div>
<div style="padding: 15px 0px 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b><span style="line-height: 22px;">Si queréis un tumblr que entiende bastante de codigos HTML aparte de sus buenos post visitar: </span><span style="color: lime; font-size: large; line-height: 22px;"> </span></b></span></div>
<div style="padding: 15px 0px 0px; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 22px;"><span style="color: lime; font-size: large;"><a href="http://abocadoinferno.tumblr.com/">http://abocadoinferno.tumblr.com/</a></span></span></span></div>
Samuelhttp://www.blogger.com/profile/11076593170326356492noreply@blogger.com4tag:blogger.com,1999:blog-1257888368956829239.post-89139551174570673802013-02-05T08:37:00.005-08:002015-09-06T07:52:57.972-07:00Cambiar el texto de la pestaña del navegador y que se mueva.<span style="font-family: Arial, Helvetica, sans-serif;">Aquí aprenderás a modificar el texto de la pestaña del navegador para que ponga lo que quieras.</span><br />
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<b><span style="font-family: Arial, Helvetica, sans-serif;">Me refiero a este texto: </span></b></div>
<div>
<a href="http://4.bp.blogspot.com/-6gNLbDGKUzA/URExPsPWM4I/AAAAAAAAAOI/kiHQVAdR-xo/s1600/Sin+t%C3%ADtulo.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"></span></a><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">Como aqui: <a href="http://lostumblrykenny.tumblr.com/">http://lostumblrykenny.tumblr.com/</a></span></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<b><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">Paso 1:</span> </b><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;">Ves a<a href="http://www.blogger.com/goog_2084937655"> </a></span><span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; line-height: 18px;"><a href="http://www.tumblr.com/customize">http://www.tumblr.com/customize</a></span></span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"> para editar tu tumblr.</span></div>
<div style="background-color: white; line-height: 18px;">
<div style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px;">
<br /></div>
<b><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">Paso 2: </span></b><span style="font-family: Arial, Helvetica, sans-serif;">Haz clic en “Editar HTML” para poder editar nuestro tumblr mediante códigos HTML.</span></div>
<div style="background-color: white;">
<div class="separator" style="clear: both; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: center;">
<br /></div>
<div style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; line-height: 18px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: large;"><br /></span></span></div>
<div style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; line-height: 18px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b><span style="font-size: large;">Paso 3:</span><span style="font-size: medium;"> </span></b>Presiona CTRL+F (cmd+F en MAC) para acceder a la función de “Buscar”. Esto te permitirá localizar ciertas palabras en los códigos.</span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif; line-height: 18px;"><br />Teclea </span><span style="font-family: Arial, Helvetica, sans-serif; line-height: 18px;">“</span><span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 18px;"><b><style type="text/css">{CustomCSS}</style></b>"</span></span><span style="font-family: Arial, Helvetica, sans-serif; line-height: 18px;"> (sin las comillas) en la barra de busqueda.</span></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif; line-height: 18px;"><span style="font-size: large; font-weight: bold;">Paso 4: </span>Pega este codigo debajo:</span></div>
<br />
<span style="font-family: Courier New, Courier, monospace;"><script></span><br />
<span style="font-family: Courier New, Courier, monospace;"><br /></span>
<span style="font-family: Courier New, Courier, monospace;">var txt="<b>AQUI_EL_TEXTO</b>";</span><br />
<span style="font-family: Courier New, Courier, monospace;">var espera=100;</span><br />
<span style="font-family: Courier New, Courier, monospace;">var refresco=null;</span><br />
<span style="font-family: Courier New, Courier, monospace;">function rotulo_title() {</span><br />
<span style="font-family: Courier New, Courier, monospace;">document.title=txt;</span><br />
<span style="font-family: Courier New, Courier, monospace;">txt=txt.substring(1,txt.length)+txt.charAt(0);</span><br />
<span style="font-family: Courier New, Courier, monospace;">refresco=setTimeout("rotulo_title()",espera);}</span><br />
<span style="font-family: Courier New, Courier, monospace;">rotulo_title();</span><br />
<span style="font-family: Courier New, Courier, monospace;"><br /></span>
<span style="font-family: Courier New, Courier, monospace;"></script></span><br />
<div>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px;"><br /></span>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<b>IMPORTANTE!</b> SI TE SALE TODO EL TEXTO EN GRIS ES QUE LO HAS PUESTO EN UN LUGAR EQUIVOCADO.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif; line-height: 18px;"><span style="color: orange;"><b>Pon tu texto donde te indica y YA ESTA.</b></span></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px;"><br /></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px;"><br /></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px;"><br /></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px;"><br /></span></div>
</div>
Samuelhttp://www.blogger.com/profile/11076593170326356492noreply@blogger.com4tag:blogger.com,1999:blog-1257888368956829239.post-24185609940683138592013-01-21T03:33:00.000-08:002013-02-05T08:26:46.611-08:00Cambiar la fuente y el tamaño de la fuente.<h2 style="text-align: center;">
<b><span style="background-color: cyan; font-family: Arial, Helvetica, sans-serif; font-size: x-large;">Cambiar la fuente.</span></b></h2>
<span style="font-family: Arial, Helvetica, sans-serif;">Si usas el tema <b>"Redux"</b> o algun tema con las mismas opciones de fuente puedes elegirla fácilmente desde "<b>APARIENCIA"</b>:</span><br />
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-rOrk0722tMQ/UP0m4j-vMiI/AAAAAAAAANE/zBHmw5VRrHw/s1600/qfwas.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-rOrk0722tMQ/UP0m4j-vMiI/AAAAAAAAANE/zBHmw5VRrHw/s1600/qfwas.png" /></a></div>
<div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<span style="background-color: #eeeeee; font-family: Arial, Helvetica, sans-serif;">Si tu tema no tiene esa opción puede cambiarla desde los codigos HTML:</span></div>
<div>
<div>
<br /></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: large;"><b>1.</b></span> </span><span style="font-family: Arial, Helvetica, sans-serif;">Ves a </span><a href="http://www.tumblr.com/customize" style="font-family: Arial, Helvetica, sans-serif;">http://www.tumblr.com/customize</a><span style="font-family: Arial, Helvetica, sans-serif;"> para editar tu tumblr.</span><br />
<div>
<div>
<br /></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: large;"><b>2.</b> </span><span style="background-color: white; line-height: 18px;">Haz clic en “Editar HTML” para poder editar nuestro tumblr mediante códigos HTML.</span></span><br />
<div style="background-color: white; line-height: 18px;">
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; text-align: center;">
<a href="http://3.bp.blogspot.com/-zMS1GjO9NCw/UREyT5ReV8I/AAAAAAAAAOQ/bSzOwt3fsrM/s1600/Sin+t%C3%ADtulo+(1).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-zMS1GjO9NCw/UREyT5ReV8I/AAAAAAAAAOQ/bSzOwt3fsrM/s1600/Sin+t%C3%ADtulo+(1).png" /></a></div>
<div style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px;">
<br /></div>
</div>
</div>
<div>
<div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: large;"><b>3</b></span>. </span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">Presiona CTRL+F (cmd+F en MAC) para acceder a la función de “Buscar”. Esto te permitirá localizar ciertas palabras en el código.</span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br />Teclea “<b>font-family</b>” (sin las comillas) en la barra de “Búsqueda” para localizar los ajustes de fuentes dentro del código.</span></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-1b-hT5vEXu4/UP0hMGkuMuI/AAAAAAAAAMM/Mlm6zQvOceI/s1600/qfw.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-1b-hT5vEXu4/UP0hMGkuMuI/AAAAAAAAAMM/Mlm6zQvOceI/s1600/qfw.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b><br /></b></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>4.</b></span> <span style="font-family: Arial, Helvetica, sans-serif;">Cambia el tipo de fuente que está a lado de “font-family” al que quieras usar. Teclea el nombre de la fuente que quieras usar.</span></div>
<span style="font-family: Arial, Helvetica, sans-serif;">Haz clic en “Vista Previa” el cual está en la esquina izquierda del editor.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /><b><u>EJEMPLOS:</u></b></span><br />
<a href="http://es.wikihow.com/Imagen:Find-font-family.png"><img border="0" src="http://pad1.whstatic.com/images/f/ff/Find-font-family.png" /></a><br />
<br />
<br />
<a href="http://es.wikihow.com/Imagen:Font-change.png"><img border="0" src="http://pad3.whstatic.com/images/b/be/Font-change.png" /></a><br />
<br />
<br />
<br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: large;"><b>5.</b></span> Haz clic en “Guardar” y luego en “Cerrar” para regresar a Tumblr y ver los cambios.</span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">---------------------------------------------------------------------------------------------------------------------------------------------</span></div>
<div>
<br /></div>
<div>
<h2 style="text-align: center;">
<b><span style="background-color: cyan; font-family: Arial, Helvetica, sans-serif; font-size: x-large;">Cambiar el tamaño de la fuente.</span></b></h2>
</div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: large;"><b>1.</b></span> </span><span style="font-family: Arial, Helvetica, sans-serif;">Ves a </span><a href="http://www.tumblr.com/customize" style="font-family: Arial, Helvetica, sans-serif;">http://www.tumblr.com/customize</a><span style="font-family: Arial, Helvetica, sans-serif;"> para editar tu tumblr.</span><br />
<div>
<div>
<br /></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><b><span style="font-size: large;">2</span>.</b> </span><span style="font-family: Arial, Helvetica, sans-serif;">Haz clic en “Editar HTML” que está en la izquierda. Ahora podemos editar nuestro tumblr mediante códigos HTML.</span></div>
<div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-6NLKA2uoJA0/UP0fhRYzAyI/AAAAAAAAAL0/WD8xyjKhKqc/s1600/Sin+t%C3%ADtulo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-6NLKA2uoJA0/UP0fhRYzAyI/AAAAAAAAAL0/WD8xyjKhKqc/s1600/Sin+t%C3%ADtulo.png" /></a></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: large;"><b>3</b></span>. </span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">Presiona CTRL+F (cmd+F en MAC) para acceder a la función de “Buscar”. Esto te permitirá localizar ciertas palabras en el código.</span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br />Teclea “<b>font-size</b>” (sin las comillas) en la barra de “Búsqueda”.</span></div>
</div>
</div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-Q0lsHDC0IzY/UP0kXLSIAMI/AAAAAAAAAMc/KwRWboCDz1Q/s1600/sfcx.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-Q0lsHDC0IzY/UP0kXLSIAMI/AAAAAAAAAMc/KwRWboCDz1Q/s1600/sfcx.png" /></a></div>
<div>
<br /></div>
</div>
</div>
<div>
<br /></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><b><span style="font-size: large;">4. </span></b>Cambia el número que este a lado de “font-size” al número que quieras. Teclea el número seguido por “px”. </span><span style="font-family: Arial, Helvetica, sans-serif;">Haz clic en “Vista Previa” el cual está en la esquina izquierda del editor.</span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-OdsGcKyaymw/UP0lejaHd4I/AAAAAAAAAMo/m31dABUv4qk/s1600/qwfas.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-OdsGcKyaymw/UP0lejaHd4I/AAAAAAAAAMo/m31dABUv4qk/s1600/qwfas.png" /></a></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><b><span style="font-size: large;"><br /></span></b></span></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><b><span style="font-size: large;">5.</span></b> Haz clic en “Guardar” y luego en “Cerrar” para regresar a Tumblr y ver los cambios.</span></div>
</div>
Samuelhttp://www.blogger.com/profile/11076593170326356492noreply@blogger.com3tag:blogger.com,1999:blog-1257888368956829239.post-27647449961696787122013-01-09T13:23:00.000-08:002013-01-09T13:23:24.303-08:00Ponerle titulo a la secciones<span style="color: red; font-size: large;"><b>Poner un titulo con texto:</b></span><div>
<br /></div>
<div>
<div>
<span style="font-family: Verdana, sans-serif;"><h<b>2</b>><center><font color=<b>FFFFFF</b>><b>TITULO_DE_LA_SECCIÓN</b></font></center></h<b>2</b>></span></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<span style="color: red; font-size: large;"><b>Poner un titulo con imagen:</b></span></div>
</div>
<div>
<br /></div>
<div>
<div>
<span style="font-family: Verdana, sans-serif;"><img border="0" src="<b>URL_DE_LA_IMAGEN</b></span><span style="font-family: Verdana, sans-serif;">" /></span></div>
</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<span style="color: blue; font-size: large;">EDITALO:</span></div>
<div>
<br /></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><b>-"h2"</b> indica el tamaño del texto. Contra más alto sea el número más pequeño sera el texto. Solo se cambia el número (h3, h1, h4...)</span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><b>-color=FFFFFF </b>indica el color del texto. Remplaza "FFFFFF" por el código del color que quieras. </span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">En esta pagina puedes ver el codigo de todos los colores: <b><a href="http://html-color-codes.info/codigos-de-colores-hexadecimales/">http://html-color-codes.info/codigos-de-colores-hexadecimales/</a></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
Samuelhttp://www.blogger.com/profile/11076593170326356492noreply@blogger.com2tag:blogger.com,1999:blog-1257888368956829239.post-14834472531322337852013-01-07T07:14:00.001-08:002013-01-07T07:20:06.396-08:00Cambiar el color de fondo de la columna lateral (sidebar)<br />
<br />
<div style="background-color: white; line-height: 19px; margin-bottom: 10px; outline: none 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;">Te lo explico en el tema <em style="margin-bottom: 0px; margin-top: 0px; outline: none 0px;"><strong style="margin-bottom: 0px; margin-top: 0px; outline: none 0px;">Redux </strong></em>pero lo puedes tomar de base para cualquier otro tema.</span></div>
<h2 style="background-color: white; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; margin: 0px -15px; padding: 0.6em 15px 0.5em; position: relative;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">Busca con el comando<i> (ctrl + f) :</i></span></h2>
<blockquote class="tr_bq" style="background-color: white;">
<h3>
<span style="font-size: small;"><span style="font-family: Trebuchet MS, sans-serif; font-weight: normal; line-height: 18px;"><i> #wrapper #sidebar #top {</i></span></span></h3>
</blockquote>
<div style="background-color: white; line-height: 18px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="background-color: white; line-height: 18px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b>Y debajo veras este código:</b></span></div>
<blockquote class="tr_bq" style="background-color: white; line-height: 18px;">
<span style="font-family: Trebuchet MS, sans-serif;">background: #<b>fff</b>;</span></blockquote>
<span style="font-family: Arial, Helvetica, sans-serif;"><br style="background-color: white; line-height: 18px;" /><span style="background-color: white; line-height: 18px;">Sustituye <b>fff</b></span><span style="background-color: white; line-height: 18px;"> </span><span style="background-color: white;"><span style="line-height: 18px;">por el código del color que quieras usar como fondo.</span></span><br style="background-color: white; line-height: 18px;" /><span style="background-color: white;"><span style="line-height: 18px;">En esta pagina puedes ver el código de todos los colores: </span><b style="line-height: 18px;"><a href="http://html-color-codes.info/codigos-de-colores-hexadecimales/" style="color: black; text-decoration: initial;">http://html-color-codes.info/codigos-de-colores-hexadecimales/</a></b></span><br style="background-color: white; line-height: 18px;" /><span style="background-color: white; line-height: 18px;"><br /></span><span style="background-color: white; line-height: 18px;"><b><u><br /></u></b></span></span><br />
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: red; font-size: large;"><span style="background-color: white; line-height: 18px;"><b><u>EJEMPLO:</u></b></span></span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: red; font-size: large;"><span style="line-height: 18px;"><b><u><br /></u></b></span></span></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 18px;">#wrapper #sidebar #top {</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 18px;"> border-radius: 10px 10px 10px 10px;</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 18px;">border: 4px solid #000; </span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 18px;">box-shadow: 0 0 5px 5px rgba(0,177,223,1);</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 18px;"> background: #<b>3489C2</b>;</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 18px;"> padding: 0 20px;</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 18px;"><br /></span></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 18px;"><br /></span></span>
<br />
<h3 style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; margin: 0px; position: relative;">
<span style="font-family: Arial, Helvetica, sans-serif;">Inicialmente estaría así:</span></h3>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-DSLWFSkSIIU/UOrkWhE7N1I/AAAAAAAAAJw/R4abNHiHjyc/s1600/ctuvhbk.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-DSLWFSkSIIU/UOrkWhE7N1I/AAAAAAAAAJw/R4abNHiHjyc/s1600/ctuvhbk.png" /></a></div>
<br />
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;" />
<blockquote class="tr_bq" style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: center;">
</blockquote>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-hntNatyYgjQ/UOrkZ3DO02I/AAAAAAAAAKA/j5mdB9NfUlw/s1600/fylgiuhol.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-hntNatyYgjQ/UOrkZ3DO02I/AAAAAAAAAKA/j5mdB9NfUlw/s1600/fylgiuhol.png" /></a></div>
<h3 style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; margin: 0px; position: relative;">
<b><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></b></h3>
<h3 style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; margin: 0px; position: relative;">
<b><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></b></h3>
<h3 style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; margin: 0px; position: relative;">
<b><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></b></h3>
<h3 style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; margin: 0px; position: relative;">
<b><span style="font-family: Arial, Helvetica, sans-serif;">Tras editarlo se quedaría así:</span></b></h3>
<div class="separator" style="background-color: white; clear: both; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: center;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-BLuBXvfEZwY/UOrkYT46kFI/AAAAAAAAAJ4/y4Ez0JJfdLI/s1600/fewdc.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-BLuBXvfEZwY/UOrkYT46kFI/AAAAAAAAAJ4/y4Ez0JJfdLI/s1600/fewdc.png" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-D6Iq3z_dlOQ/UOrkeG3Rv0I/AAAAAAAAAKI/EBZRH6c3RW8/s1600/wfscx.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="http://3.bp.blogspot.com/-D6Iq3z_dlOQ/UOrkeG3Rv0I/AAAAAAAAAKI/EBZRH6c3RW8/s1600/wfscx.png" /></a></div>
<div>
<br /></div>
<br style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;" />
<div class="separator" style="background-color: white; clear: both; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">
<br /></div>
<div class="separator" style="background-color: white; clear: both; line-height: 18px;">
<span style="color: red;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>Si quieres poner una imagen de fondo en vez de un color, pon este código:</b></span></span></div>
<div class="separator" style="background-color: white; clear: both; line-height: 18px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="background-color: white; clear: both; line-height: 18px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="background-color: white; clear: both;">
</div>
<div class="separator" style="clear: both;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 18px;">#wrapper #sidebar #top {</span></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 18px;"> border-radius: 10px 10px 10px 10px;</span></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 18px;">border: 4px solid #000; </span></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 18px;">box-shadow: 0 0 5px 5px rgba(0,177,223,1);</span></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 18px;">background: url('<b>URL_DE_IMAGEN_ENTRE_LAS_COMILLAS</b>');</span></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 18px;"> padding: 0 20px;</span></span></div>
<br />
<div class="separator" style="background-color: white; clear: both; line-height: 18px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="background-color: white; clear: both; line-height: 18px;">
<span style="font-family: Arial, Helvetica, sans-serif;"> </span></div>
<div style="background-color: white; line-height: 18px; text-align: center;">
<b><span style="color: blue; font-family: Arial, Helvetica, sans-serif; font-size: large;">La imagen que pongas también puede ser un gif.</span></b><br />
<b><span style="color: blue; font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></b>
<b><span style="color: blue; font-family: Arial, Helvetica, sans-serif; font-size: large;"> Queda muy bien con un gif ^^.</span></b></div>
<br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
</div>
Samuelhttp://www.blogger.com/profile/11076593170326356492noreply@blogger.com6tag:blogger.com,1999:blog-1257888368956829239.post-18163698456852095082012-12-05T15:15:00.002-08:002012-12-05T15:15:45.236-08:00Cambiar el fondo de los posts.<br />
<div style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 10px; outline: none 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;">Te lo explico en el tema <em style="margin-bottom: 0px; margin-top: 0px; outline: none 0px;"><strong style="margin-bottom: 0px; margin-top: 0px; outline: none 0px;">Redux </strong></em>pero lo puedes tomar de base para cualquier otro tema.</span></div>
<h2 style="background-color: white; border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; margin: 0px -15px; padding: 0.6em 15px 0.5em; position: relative;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: small;">Busca con el comando<i> (ctrl + f).</i></span></span></h2>
<blockquote class="tr_bq">
<span style="font-family: Arial, Helvetica, sans-serif;"><b><i> #wrapper #content .post {</i></b></span></blockquote>
<br />
<div>
<br /></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">Y debajo veras este código:</span></div>
<blockquote class="tr_bq">
<span style="font-family: Arial, Helvetica, sans-serif;"><b>background: #fff;</b></span></blockquote>
<br />
<span style="font-family: Arial, Helvetica, sans-serif;">Sustituye <b>fff</b></span> <span style="font-family: Arial, Helvetica, sans-serif;">por el codigo del color que quieras usar como fondo.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">En esta pagina puedes ver el codigo de todos los colores: <b><a href="http://html-color-codes.info/codigos-de-colores-hexadecimales/">http://html-color-codes.info/codigos-de-colores-hexadecimales/</a></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><span style="font-family: Arial, Helvetica, sans-serif;"><b><u>EJEMPLO:</u></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b><br /></b></span>
<span style="font-family: Arial, Helvetica, sans-serif;"></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"> #wrapper #content .post {</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"> font-family: {font:Body};</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"> background: #<b>20EDFF</b>;</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"> padding: 10px;</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"> position: relative;</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"> }</span><br />
<br />
<h3>
<span style="font-family: Arial, Helvetica, sans-serif;">Inicialmente estaría así:</span></h3>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<br />
<blockquote class="tr_bq" style="text-align: center;">
<a href="http://3.bp.blogspot.com/-orZxGseMTVU/UL_PtWWl0gI/AAAAAAAAAI4/29rPFdNUFPk/s1600/uu.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-orZxGseMTVU/UL_PtWWl0gI/AAAAAAAAAI4/29rPFdNUFPk/s1600/uu.png" /></a><a href="http://1.bp.blogspot.com/-B0dKghvaElQ/UL_P0P-QicI/AAAAAAAAAJA/7UTvY709i4A/s1600/uu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="165" src="http://1.bp.blogspot.com/-B0dKghvaElQ/UL_P0P-QicI/AAAAAAAAAJA/7UTvY709i4A/s320/uu.png" width="320" /></a></blockquote>
<br />
<blockquote class="tr_bq" style="text-align: center;">
</blockquote>
<h3>
<b><span style="font-family: Arial, Helvetica, sans-serif;">Tras editarlo se quedaría así:</span></b></h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-r-PcYLh2xoI/UL_Q65pYl0I/AAAAAAAAAJQ/h79RBHxPDzs/s1600/uu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-r-PcYLh2xoI/UL_Q65pYl0I/AAAAAAAAAJQ/h79RBHxPDzs/s1600/uu.png" /></a><a href="http://3.bp.blogspot.com/--4ydJ_wnswk/UL_QlWW6RkI/AAAAAAAAAJI/EZhe1FMX9VI/s1600/uu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="167" src="http://3.bp.blogspot.com/--4ydJ_wnswk/UL_QlWW6RkI/AAAAAAAAAJI/EZhe1FMX9VI/s320/uu.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: red; font-size: large;">Si quieres poner una imagen de fondo en vez de un color, pon este código:</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<blockquote class="tr_bq">
<span style="font-family: Arial, Helvetica, sans-serif;"> #wrapper #content .post {</span></blockquote>
<blockquote class="tr_bq">
<span style="font-family: Arial, Helvetica, sans-serif;"> font-family: {font:Body};</span></blockquote>
<blockquote class="tr_bq">
<span style="font-family: Arial, Helvetica, sans-serif;"> background: url('<b>URL DE IMAGEN ENTRE LAS COMILLAS</b>');</span></blockquote>
<blockquote class="tr_bq">
<span style="font-family: Arial, Helvetica, sans-serif;"> padding: 10px;</span></blockquote>
<blockquote class="tr_bq">
<span style="font-family: Arial, Helvetica, sans-serif;"> position: relative;</span></blockquote>
<blockquote class="tr_bq">
<span style="font-family: Arial, Helvetica, sans-serif;"> }</span></blockquote>
<blockquote class="tr_bq">
<span style="font-family: Arial, Helvetica, sans-serif;"> </span><span style="font-family: Arial, Helvetica, sans-serif;"> </span></blockquote>
<div style="text-align: center;">
<b><span style="font-size: large;">La imagen que pongas también puede ser un gif. </span></b></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
Samuelhttp://www.blogger.com/profile/11076593170326356492noreply@blogger.com4tag:blogger.com,1999:blog-1257888368956829239.post-27571368270485576232012-12-05T14:31:00.002-08:002013-05-24T15:17:41.539-07:00Colocar bordes.<div style="background-color: white; line-height: 19px; margin-bottom: 10px; outline: none 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;">Te lo explico en el tema <em style="margin-bottom: 0px; margin-top: 0px; outline: none 0px;"><strong style="margin-bottom: 0px; margin-top: 0px; outline: none 0px;">Redux </strong></em>pero lo puedes tomar de base para cualquier otro tema.</span></div>
<div style="background-color: white; line-height: 19px; margin-bottom: 10px; outline: none 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="background-color: white; line-height: 19px; margin-bottom: 10px; margin-top: 10px; outline: none 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;">Puedes añadir los bordes añadiendo este código a cualquier sección:</span></div>
<blockquote style="background-color: white; border-left-color: rgb(220, 220, 220); border-left-style: solid; border-left-width: 4px; line-height: 19px; margin: 10px 0px 10px 10px; outline: none 0px; padding-left: 15px;">
<div style="margin-bottom: 10px; outline: none 0px;">
<span style="font-family: Courier New, Courier, monospace; margin-bottom: 0px; margin-top: 0px; outline: none 0px;"><b>border-radius: 10px 10px 10px 10px;</b></span></div>
<div style="margin-bottom: 10px; margin-top: 10px; outline: none 0px;">
<span style="font-family: Courier New, Courier, monospace; margin-bottom: 0px; margin-top: 0px; outline: none 0px;"><b>border: 4px solid #000; </b></span></div>
<div style="margin-top: 10px; outline: none 0px;">
<span style="font-family: Courier New, Courier, monospace; margin-bottom: 0px; margin-top: 0px; outline: none 0px;"><b>box-shadow: 0 0 5px 5px rgba(0,177,223,1);</b></span></div>
</blockquote>
<div style="margin-bottom: 10px; margin-top: 10px; outline: none 0px;">
<div style="background-color: white; line-height: 19px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b><br /></b></span>
</div>
<div style="margin-bottom: 10px; margin-top: 10px; outline: none 0px;">
<div style="background-color: white;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 19px;">--La primera línea </span><strong style="line-height: 19px; margin-bottom: 0px; margin-top: 0px; outline: none 0px;">redondea los bordes,</strong><span style="margin-bottom: 0px; margin-top: 0px; outline: none 0px;"><span style="line-height: 19px;"> edita los </span><b style="line-height: 19px;">"px"</b><span style="line-height: 19px;">, a más </span><b style="line-height: 19px;">"px"</b><span style="line-height: 19px;"> más redondo será (tienen que ser las cuatro cifras iguales). Si quieres bordes cuadrados, ponlo todo a 0. </span></span></span><b style="font-family: Arial, Helvetica, sans-serif; line-height: normal;"> </b><b style="line-height: 19px;"><span style="line-height: normal;"><span style="font-family: Courier New, Courier, monospace;">border-radius:</span></span><span style="font-family: Arial, Helvetica, sans-serif; line-height: normal;"> </span><span style="line-height: normal;"><span style="font-family: Courier New, Courier, monospace;">0px 0px 0px 0px;</span></span></b></div>
<div style="background-color: white;">
<b style="line-height: 19px;"><span style="line-height: normal;"><span style="font-family: Courier New, Courier, monospace;"><br /></span></span></b></div>
<div style="background-color: white;">
<b style="line-height: 19px;"><span style="line-height: normal;"><span style="font-family: Arial, Helvetica, sans-serif;"><u>EJEMPLOS:</u></span></span></b></div>
<span style="font-family: Courier New, Courier, monospace;"><b><br /><br />#wrapper #sidebar #top {<br /><br /> border-radius: 60px 60px 60px 60px;</b></span><br />
<div style="margin-top: 10px; padding: 0px;">
<b></b><br />
<strong style="background-color: #90edff; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 13px; line-height: 15px;"><img height="383" src="http://i.imgur.com/VHOyfG5.png" style="max-width: 100%;" width="290" /></strong></div>
<span style="font-family: Courier New, Courier, monospace;"><b><br /> - - - - -<br /><br /> #wrapper #sidebar #top {<br /><br /> border-radius: 120px 120px 20px 120px;</b></span><br />
<div style="background-color: #90edff; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 13px; line-height: 15px; margin-top: 10px; padding: 0px;">
<img height="380" src="http://i.imgur.com/fJsSiNi.png" style="max-width: 100%;" width="738" /></div>
<div style="background-color: white;">
<br /></div>
<div style="background-color: white; line-height: 19px;">
<b><span style="line-height: normal;"><span style="font-family: Courier New, Courier, monospace;"><br /></span></span></b></div>
</div>
<div style="background-color: white; line-height: 19px; margin-bottom: 10px; margin-top: 10px; outline: none 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;">--La segunda añade <strong style="margin-bottom: 0px; margin-top: 0px; outline: none 0px;">un borde negro de 4 px</strong> (puedes modificar el tamaño y el color)</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="background-color: white; line-height: 19px; margin-bottom: 10px; margin-top: 10px; outline: none 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;">--La tercera básicamente añade<strong style="margin-bottom: 0px; margin-top: 0px; outline: none 0px;"> un borde de 5 px con el color y la opacidad que le pongas.</strong> El color tiene que ser en rgba.</span></div>
<div style="background-color: white; line-height: 19px; margin-bottom: 10px; margin-top: 10px; outline: none 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;">(La opacidad va de 0 a 1, escalando de 0.1 en 0.1. Por ejemplo, si quieres que se vea muy transparente usa 0.2)</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="background-color: white; line-height: 19px; margin-bottom: 10px; margin-top: 10px; outline: none 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;">Para conseguir los colores rgb puedes usar el photoshop (en su paleta de colores) o usar esta página: <a href="http://html-color-codes.info/codigos-de-colores-hexadecimales/" style="margin-top: 0px; outline: none 0px;" target="_blank"></a><a href="http://html-color-codes.info/codigos-de-colores-hexadecimales/" style="margin-bottom: 0px; outline: none 0px;" target="_blank">http://html-color-codes.info/codigos-de-colores-hexadecimales/</a></span></div>
<div style="background-color: white; line-height: 19px; margin-bottom: 10px; margin-top: 10px; outline: none 0px;">
</div>
</div>
<h2>
<span style="font-family: Arial, Helvetica, sans-serif;"><b><br /></b></span></h2>
<div>
<span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 19px;">Se puede añadir bordes de la </span><b style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 19px;">página central</b><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 19px;">, </span><b style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 19px;">menús de la derecha</b><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 19px;">, </span><b style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 19px;">página actual de la paginación</b><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 19px;"> y a las </span><b style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 19px;">demás paginas (de la paginación).</b></div>
<h2>
<span style="font-family: Arial, Helvetica, sans-serif;"><b>Busca cada sección con el comando<i> <span style="font-size: large;">(ctrl + f)</span>.</i></b></span></h2>
<div style="background-color: white; margin-bottom: 10px; margin-top: 10px; outline: none 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 19px;"><b></b></span></span></div>
<div style="margin-bottom: 10px; margin-top: 10px; outline: none 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b><u><span style="color: blue;">Página central:</span></u></b></span></div>
<blockquote class="tr_bq">
<b><span style="color: red; font-family: Courier New, Courier, monospace;">#wrapper #content .post {</span></b></blockquote>
<div style="margin-bottom: 10px; margin-top: 10px; outline: none 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b><u><span style="color: blue;">Menús de la derecha:</span></u></b></span></div>
<blockquote class="tr_bq">
<b><span style="color: red; font-family: Courier New, Courier, monospace;">#wrapper #sidebar #top {</span></b></blockquote>
<div style="margin-bottom: 10px; margin-top: 10px; outline: none 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b><u><span style="color: blue;">Página actual de la paginación:</span></u></b></span></div>
<blockquote class="tr_bq">
<b><span style="color: red; font-family: Courier New, Courier, monospace;">#wrapper #content #navigation.jump_pagination .current_page {</span></b></blockquote>
<div style="margin-bottom: 10px; margin-top: 10px; outline: none 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b><u><span style="color: blue;">Demás páginas (de la paginación):</span></u></b></span></div>
<blockquote class="tr_bq">
<b><span style="color: red; font-family: Courier New, Courier, monospace;">#wrapper #content #navigation.jump_pagination a {</span></b></blockquote>
<br />
<div style="background-color: white; line-height: 19px; margin-bottom: 10px; margin-top: 10px; outline: none 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><strong style="margin-bottom: 0px; margin-top: 0px; outline: none 0px;">Por ejemplo si queremos editar la página central:</strong></span></div>
<div style="background-color: white; margin-bottom: 10px; margin-top: 10px; outline: none 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 19px;">Veras un código que inicialmente estaría así:</span></span></div>
<blockquote style="background-color: white; border-left-color: rgb(220, 220, 220); border-left-style: solid; border-left-width: 4px; line-height: 19px; margin: 10px 0px 10px 10px; outline: none 0px; padding-left: 15px;">
<div style="margin-bottom: 10px; outline: none 0px;">
<strong style="margin-bottom: 0px; margin-top: 0px; outline: none 0px;"><span style="font-family: Courier New, Courier, monospace;">#wrapper #content .post {</span></strong></div>
<div style="margin-bottom: 10px; margin-top: 10px; outline: none 0px;">
<strong style="margin-bottom: 0px; margin-top: 0px; outline: none 0px;"><span style="font-family: Courier New, Courier, monospace;"> font-family: {font:Body};</span></strong></div>
<div style="margin-bottom: 10px; margin-top: 10px; outline: none 0px;">
<strong style="margin-bottom: 0px; margin-top: 0px; outline: none 0px;"><span style="font-family: Courier New, Courier, monospace;"> background: #fff;</span></strong></div>
<div style="margin-bottom: 10px; margin-top: 10px; outline: none 0px;">
<strong style="margin-bottom: 0px; margin-top: 0px; outline: none 0px;"><span style="font-family: Courier New, Courier, monospace;"> padding: 10px;</span></strong></div>
<div style="margin-bottom: 10px; margin-top: 10px; outline: none 0px;">
<strong style="margin-bottom: 0px; margin-top: 0px; outline: none 0px;"><span style="font-family: Courier New, Courier, monospace;"> position: relative;</span></strong></div>
<div style="margin-top: 10px; outline: none 0px;">
<strong style="margin-bottom: 0px; margin-top: 0px; outline: none 0px;"><span style="font-family: Courier New, Courier, monospace;"> }</span></strong></div>
</blockquote>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-UCXYBchFKKY/UL_KS4fXCxI/AAAAAAAAAIY/p1pIsCc_8z8/s1600/uu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-UCXYBchFKKY/UL_KS4fXCxI/AAAAAAAAAIY/p1pIsCc_8z8/s1600/uu.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-wKiKH7k-cMk/UL_Kq0ATB_I/AAAAAAAAAIg/IHBTxv4xsq4/s1600/uu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-wKiKH7k-cMk/UL_Kq0ATB_I/AAAAAAAAAIg/IHBTxv4xsq4/s1600/uu.png" /></a></div>
<div style="background-color: white; line-height: 19px; margin-bottom: 10px; margin-top: 10px; outline: none 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><strong style="margin-bottom: 0px; margin-top: 0px; outline: none 0px;"><br /></strong></span></div>
<div style="background-color: white; line-height: 19px; margin-bottom: 10px; margin-top: 10px; outline: none 0px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><strong style="margin-bottom: 0px; margin-top: 0px; outline: none 0px;"><br style="margin-bottom: 0px; margin-top: 0px; outline: none 0px;" /></strong>Tras añadir los bordes quedaría así:</span></div>
<blockquote style="background-color: white; border-left-color: rgb(220, 220, 220); border-left-style: solid; border-left-width: 4px; line-height: 19px; margin: 10px 0px 10px 10px; outline: none 0px; padding-left: 15px;">
<div style="margin-bottom: 10px; outline: none 0px;">
<strong style="margin-bottom: 0px; margin-top: 0px; outline: none 0px;"><span style="font-family: Courier New, Courier, monospace;">#wrapper #content .post {</span></strong></div>
<div style="margin-bottom: 10px; margin-top: 10px; outline: none 0px;">
<strong style="margin-bottom: 0px; margin-top: 0px; outline: none 0px;"><span style="color: red; font-family: Courier New, Courier, monospace;">border-radius: 10px 10px 10px 10px;</span></strong></div>
<div style="margin-bottom: 10px; margin-top: 10px; outline: none 0px;">
<strong style="margin-bottom: 0px; margin-top: 0px; outline: none 0px;"><span style="color: red; font-family: Courier New, Courier, monospace;"> border: 4px solid #000; </span></strong></div>
<div style="margin-bottom: 10px; margin-top: 10px; outline: none 0px;">
<strong style="margin-bottom: 0px; margin-top: 0px; outline: none 0px;"><span style="color: red; font-family: Courier New, Courier, monospace;"> box-shadow: 0 0 5px 5px rgba(0,1707,2023,10);</span></strong></div>
<div style="margin-bottom: 10px; margin-top: 10px; outline: none 0px;">
<strong style="margin-bottom: 0px; margin-top: 0px; outline: none 0px;"><span style="font-family: Courier New, Courier, monospace;"> font-family: {font:Body};</span></strong></div>
<div style="margin-bottom: 10px; margin-top: 10px; outline: none 0px;">
<strong style="margin-bottom: 0px; margin-top: 0px; outline: none 0px;"><span style="font-family: Courier New, Courier, monospace;"> background: #90EDFF;</span></strong></div>
<div style="margin-bottom: 10px; margin-top: 10px; outline: none 0px;">
<strong style="margin-bottom: 0px; margin-top: 0px; outline: none 0px;"><span style="font-family: Courier New, Courier, monospace;"> padding: 10px;</span></strong></div>
<div style="margin-bottom: 10px; margin-top: 10px; outline: none 0px;">
<strong style="margin-bottom: 0px; margin-top: 0px; outline: none 0px;"><span style="font-family: Courier New, Courier, monospace;"> position: relative;</span></strong></div>
<div style="margin-top: 10px; outline: none 0px;">
<strong style="margin-bottom: 0px; margin-top: 0px; outline: none 0px;"><span style="font-family: Courier New, Courier, monospace;"> }</span></strong></div>
</blockquote>
<div style="background-color: white; line-height: 19px; margin-bottom: -5px; margin-top: 10px; outline: none 0px;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-izorxj9M5c8/UL_Jxuw9xXI/AAAAAAAAAIQ/FKGayVOo_LM/s1600/klj.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-izorxj9M5c8/UL_Jxuw9xXI/AAAAAAAAAIQ/FKGayVOo_LM/s1600/klj.png" /></a></div>
<div style="background-color: white; margin-bottom: -5px; margin-top: 10px; outline: none 0px;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-rBB2VpzU8H8/UL_K-mjFfpI/AAAAAAAAAIo/YEy8hCImjbk/s1600/uu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-rBB2VpzU8H8/UL_K-mjFfpI/AAAAAAAAAIo/YEy8hCImjbk/s1600/uu.png" /></a></div>
<div style="background-color: white; margin-bottom: -5px; margin-top: 10px; outline: none 0px;">
<br /></div>
Samuelhttp://www.blogger.com/profile/11076593170326356492noreply@blogger.com0