¡No te tengo Miedo!

Porque el miedo no hace más que paralizarnos, he aquí un lugar donde dejarlo de lado...

Podés averiguar un poco más acerca de mi, dejarme tu pregunta, o empezar a explorar lo que hay por estos lados:
Últimos Comentarios
Recent Tweets @nttm
Me gusta...
Posts tagged "theme"

A partir de mi último cambio de theme, recibí algunas consultas sobre cómo hacer que una entrada permanezca siempre por encima de todo. Este tipo de entrada puede servir para mostrar un pequeño “acerca de”, o para notificar de alguna novedad muy importante que queremos que se destaque, o simplemente para dejar un mensaje de bienvenida. 

Para incluirlo en cualquier theme basta con seguir un par de pasos:

  • Ir a la página de personalización Customize → Theme → “Use custom HTML”
  • Allí incluir luego de < head > lo siguiente: 

<meta name=”text:Sticky Tag” content=”” />

<meta name=”text:Sticky Label” content=”Sticky Post” />

Ésto hara que aparezcan dos opciones nuevas en la pestaña Appearance que son las que utilizaremos para activar o desactivar de forma simple el sticky post.

La primera opción sirve para que le digamos a tumblr qué entrada es la que queremos que muestre de forma permanente, mediante un tag específico que podemos elegir, en mi caso fue “sticky”. De esta forma, cuando quiera que un post se muestre de forma permanente sólo tengo que poner en los tags “sticky”. 

La segunda opción sirve para elegir qué queremos que la gente lea en los tags de esta entrada especial. Podría ser por ejemplo “importante”, “destacado”, o sencillamente “Sticky post”. 

  • Aquí viene lo importante: incluir luego de < body > y por encima de < div class=”posts” > [ Puede servir como guía incluirlo justo debajo de {/block:SearchPage} ] lo siguiente:

    {block:IndexPage}

    {block:IfStickyTag}

    <div id=”tumblr-sticky” style=”display:none;”></div>

    {/block:IfStickyTag}

    {/block:IndexPage}

Donde “#tumblr-sticky” es la clase que pueden utilizar para modificar el aspecto de esa entrada en particular. En principio es buena idea que pongan bajo ese id las propiedades básicas que encuentren en los post normales (padding, margin, width, etc) para que no se les arruine el theme, luego pueden jugar con las tipografías, fondos, etc. 

Como siempre, todo se trata de romper para aprender. Puede que no funcione a la primera vez, pero lo peor que puede pasar es que no lo intenten ;-) 

¡Hola! ¡Me encanta tu tumblr! =D Te quería preguntar una cosa... ¿Como has hecho para cambiar las texturas del fondo, de la barra superior e inferior de opciones y el fondo de tu perfil, con este tema ? gracias :)
nttm nttm Said:

¡Hola! todavía estoy buscándole la vuelta al diseño, tengo ganas de variarlo más todavía…

Para cambiarle las texturas del fondo en este tema puse en “Custom CSS” lo siguiente:

.bS, .bS * {

background-image: url(‘url-de tu imagen de fondo’);

}

Ya sabes que por cualquier cosa aquí estaré dispuesta a ayudar ;-) 

¡Saludos!

Asker willar Asks:
Hola Cecilia! soy Guillermo de Tucuman y estoy comenzando con Tumblr ya tengo mi blog personal Willar.tumblr.com y ahora estoy haciendo uno para mi producto informatico. Quiero preguntarte si encontraste un editor, foro, tutorial, etc, etc, que me ayude a personalizar el codigo html del template que estoy usando. Ya hice algo ... pero quiero aprender mas. Un abrazo desde el Norte Argentino!
nttm nttm Said:

¡Hola Guillermo! 

Antes que nada, bienvenido a tumblr. Hace algún tiempo con un grupito de tumbleros hicimos una wiki simple como para comenzar a explicar cómo hacer algunas cosas en tumblr. Podés verla acá → Tumblelog wiki

Por mi parte hace mucho que no aporto nada allí así que no se si ha avanzado mucho. 

Si tenés alguna pregunta en particular con respecto a personalización del html y no le encontrás la vuelta rompiendo, aquí estaré para tratar de ayudarte. 

¡Quedamos en contacto!

Asker errorhumano Asks:
Hola. He visto que entiendes un poco de html y modificar themes yllevo un tiempo buscando la manera de poner mis "likes" en la sidebar de mi theme. He encontrado varias formas de hacerlo, pero ninguna me funciona. Podrías ayudarme? Déjame un ask en mi Tumblr. Muchas gracias!
nttm nttm Said:

Con gusto te ayudo, aunque veo en tu tumblr que ya lo lograste, por las dudas de que alguien tenga el mismo problema pongo la respuesta acá también:

Lo primero que hay que hacer es en la plantilla buscar la parte donde se encuentre el sidebar y colocarle allí algo como lo siguiente:

    {block:Likes}

Stuff I like

{Likes limit=”5” summarize=”100” width=”150”} See more stuff I like
                    {/block:Likes}

Donde podemos modificar el título [Stuff I like], la cantidad de post que quiero mostrar [5], Cuántas palabras queremos que resuma en los post de texto [100], y el ancho de las fotos y videos [150].

Con incluir ésto simplemente se mostrará según los parámetros de estilo del bloque en el que estén. Si queremos modificar la forma en la que se ven nos podremos ayudar con un poco de CSS. Algunos parámetros podrían ser:

          <style type="text/css">
        ul#likes {
            list-style-type: none;
            margin: 0 0 0 0;
            padding: 0 0 0 0;
        }

            li.like_post {
                width: 150px;
                padding: 0 40px 0 0;
                float: left;
            }

              li.like_post img {
                  max-width: 100%;
              }

              li.like_post blockquote {
                  margin: 0;
                  padding: 0 0 0 10px;
                  border-left: 1px solid #eee;
              }

              li.like_post ol,
              li.like_post ul {
                  margin: 0 0 0 15px;
                  padding: 0;
              }

              li.like_post .like_link a {
                  font-weight: bold;
              }

              li.like_post .like_title {
                  font-weight: bold;
              }

              li.like_post .post_info_bottom {
                  margin: 10px 0 0 0;
                  display: block !important;
              }
           </style>

Ésto hay que colocarlo antes de < /head >.

Si usan tumblr como plataforma para mostrar sus fotos, creo que éste tema es exactamente lo que estan buscando.

Es un tema oscuro que pone énfasis en las fotografías, luce profesional y simple.

Pueden descargarlo desde aquí.

Asker isaias Asks:
Creo que este es el tema que más te ha gustado, cierto? ya duró bastante a mi parecer, al menos más que el promedio :P jejeje ciertamente esta muy bien :)
nttm nttm Said:

Es uno de los que más me ha gustado, y ciertamente está durando más que el promedio.

Puede que sea por falta de tiempo… veremos cuánto más me dura :P

Prologue - Buddy

Recibí varias opiniones positivas sobre el tema que estoy usando, y me pareció buena idea compartirlo.

Hice unas modificaciones al tema para que todos ustedes puedan utilizarlo y personalizarlo sencillamente desde el tab “Appearance”.

Pueden cambiar los links y el fondo de la barra superior, también pueden cambiar el personaje de la derecha, el mensaje que aparece en la burbuja, y hacia dónde va el link si hacen click allí.

También le agregué la opción para que incluyan su usuario de Disqus y no tener que tocar la plantilla para que funcione.

Como extra, puse la opción para aquellos curiosos que quieran ver qué pasa con el tráfico de su blog: Está el campo para su código de rastreo de Analytics.

Hice un tumblr nuevo para que puedan verlo funcionando.

Pueden descargarlo desde aquí

Para instalarlo simplemente vayan a CustomizeThemeCustom Html → Pegar el código → Save

Espero que les guste usarlo, y si tienen algún problema, me avisan ;-).

Luego de una breve espera, ya está disponible y de forma gratuita uno de los temas que estuve probando por un tiempo.

Yo misma me encargué de que fuera lo más completo posible para que todos pudieran personalizarlo de la forma más sencilla posible. Se le puede personalizar desde los colores, hasta las texturas… no me digan que no se ve bien!!!

Gracias a James por confiar en mi ayuda.

jaypegams:

It’s not official yet but you can still install it and give it a test ride. Hope you like and that bugs will not show their faces. Thanks to Nttm for helping me beta test the theme.