New York Template for blogger

15:25

New York es una plantilla para blogger bastante original creada para wordpress por MOin de wpskinner y adaptada por mi, pensando en ustedes es que me pongo a hacer estas cosas (esperando que tan solo NO ELIMINEN LOS ENLACES DEL PIE DE PAGINA) .

Desde esta plantilla tiene varias cosas para destacar como la caja superior: Donde podran modificar a gusto y colocar su cuenta de Twitter y Facebook respectivamente, ademas de la subscripcion por email. Ademas colocar una imagen con el enlace que ustedes deseen y por ultimo colocar su biografia, reemplazar la fotografia de moin (Esto es opcional) y colocar la suya.^^


DEMO | DOWNLOAD

Configuracion

La configuracion de esta plantilla es basntate sencilla, solo tienen que seguir los sguientes pasos e insertar algunos codigos

User Twitter y Facebook:

Buscar en edicion de html y reemplazar "USER ID" por su cuenta de Twitter y Facebook respectivamente
<a class='opacity' href='http://twitter.com/USER ID' title='something'><img alt='Twitter' src='http://i35.tinypic.com/6y01l4.png' style='border: medium none ;'/></a>
<a class='opacity' href='http://www.facebook.com/USER ID' title='Connect via Facebook'><img alt='Facebook' src='http://i33.tinypic.com/160ezuo.png' style='border: medium none ;'/></a>

Subscripcion via Email:

Es importante dar a nuestros lectores la posibilidad de leernos de varias formas, como en esta ocación tambien cuenta la subscripcion por email para ello tienen que Buscar y reemplazar lo siguiente colocar tu user de feedburner en lugar de "User ID"
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=WpSkinner', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input id='email-subscribe' name='email' type='text'/>
<input name='uri' type='hidden' value='USER ID'/>
<input name='loc' type='hidden' value='en_US'/>
<input name='submit' src='http://i37.tinypic.com/r8ck8m.png' style='margin: 6px 0pt 0pt; padding: 0pt; background: transparent none repeat scroll 0% 0%; float: right; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;' title='Subscribe to RSS via Email' type='image' value='Subscribe'/>
<div style='clear: both;'/>
</form>

Featured o destacados:

Pueden escoger un post al azar o el que ustedes quieren posicionar, junto con una imagen y colocarlo en el medio de estas tres cajas tan solo con Buscar en EDICION de HTML lo siguiente
<div id='feautred-article'>
<h2>Lorem Ipsum Dolor comet</h2>
<a class='opacity' href='http://www.dhampire.net' rel='bookmark' title='Featured Work | Lorem ipsum dolor sit amet, consectetuer adipiscing elit'>
<img alt='Lorem ipsum dolor sit amet, consectetuer adipiscing elit' height='175' src='http://i38.tinypic.com/11jr9ly.jpg' style='border: medium none ; margin: 7px 0pt 0pt;' width='306'/>
<img alt='Featured Work' class='featured-ribbon' src='http://i38.tinypic.com/b3om7r.png'/>
</a>
La imagen que pueden utilizar tiene que ser igual o mayor a 175*306 px el enlace a una pagina interna de su blog o a donde quieran enlazar

About:

Podras colocar algo acerca de ti o de tu pagina web como tmabien una pequeña imagen para que te identifiquen para ello ve a Diseño + Edicion html y modificar lo siguiente.
<div id='about'>
<h2>About</h2>
<div style='clear: both;'/>
<img alt='' border='0' height='70' src='http://i33.tinypic.com/serlug.jpg' style='margin: 5px 5px 0pt 0pt; float: left;' width='70'/> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
pueden reemplazar la imagen de MOin y poner la suya como tambien todo el texto que hay en el.

Banner 125*125:

Si quieren ganar algo de dinero con tu blog, una de estas formas es vendiendo espacios en tu blog para ello Solo tienen que añadir un Gadget + HTML/JavaScript y colocar lo siguiente.
<div class='thumbs'>

<a href='#' target='_blank'><img alt='' src='http://i34.tinypic.com/2u9jrlz.png'/></a>
<a href='#' target='_blank'><img alt='' src='http://i34.tinypic.com/2u9jrlz.png'/></a>
<a href='#' target='_blank'><img alt='' src='http://i34.tinypic.com/2u9jrlz.png'/></a>
<a href='#' target='_blank'><img alt='' src='http://i34.tinypic.com/2u9jrlz.png'/></a>
</div>

Cuadro de Search o buscar:

Lo mismo que los banners, solo tienen que añadir un nuevo gadget + HTML/JavaScript y colocar lo siguiente.
<div id="buscador">
<form expr:action="data:blog.homepageUrl + "search/"" id="searchform" method="get">
<div>
<input id="q" class="searchtext" name="q" type="text"/>
<input style="border: medium none ; margin: 8px 5px 0pt 0pt; background: transparent none repeat scroll 0% 0%; outline-style: none; outline-width: 0pt; float: right; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" src="http://i36.tinypic.com/2e22v07.png" value="Search" name="submit" title="Search" type="image"/>
</div>
</form>
</div>
Para que vean lo sencillo que es configurar una de estas plantillas. Solo pedirles y recordarles que pueden hacer lo que quieran con esta plantilla, siempre y cuando respeten los derechos de los autores y de aquellos que hacemos posible su utilizacion en diferentes plataformas, gracias.

Tambien te puede gustar

35 Comentarios

  1. Muchas gracias!
    esta muy buena la plantilla y esta información sirve bastante para bloggers como yo que recién comienzan en esto.

    ResponderEliminar
  2. A mi no me funciona el buscador, pongo algo y no aparacen los resultados de la busqueda, espero me puedas ayudar

    ResponderEliminar
  3. No me habia dado cuenta de ello. Pronto lo arreglare

    ResponderEliminar
  4. hola hola!
    esta demasiado buenisimo el template! ya lo instale en la pagina y segui tus instrucciones y todo ha ido a la perfeccion.

    Pero solo tengo un problemilla:
    Me explico, Ya me inscribi a feedburner, active varias casillas para que se pueda empezar a usar y todo, entonces el problemilla es que en el feedburner, intsalé el widget para blogger y todo bien, sale en español y todo. Lo puede ver aquí en el blog que aun no se ha inaugurado pk aun estoy poniendo mas cosas antes de fin de año:
    http://quintarevolucion.blogspot.com

    ResponderEliminar
  5. Entones si entras, donde esta la casilla de redes sociales y la cajita para rellenar el mail, mas abajito dice "suscribite via email" y le haces click en "Revolution echelon quinta", luego te lleva a una pagina donde debes rellenar tu email y sale en español.

    Ahora modifique en la caja de redes sociales, la parte en donde debes ingresar tu email. cuando ya vas a GO, te sale la pagina en donde dice Email suscription bla bla bla y te sale en ingles.

    entonces pensé modificar esta parte del código:
    Subscripcion via Email: en la parte en donde debes poner el USER ID, más abajo sale otra line del mismo pero sale para la localizacion de donde eres. 'loc'=en_US

    y le puse en ves de US puse ES pensando que se leería en español o simplemente que se localizaba en españa para que se pudiera leer en español.

    Ningun cambio. No se que hacer, o sea lo que quiero modificar es el idioma en donde se ingresa el email. Pero como en el otro link sale en español pero te lleva una pagina y debes ahi ingresar el email.
    Como lo hago tonces? revise el feedburner en las configuraciones, solo se puede cambiar el idioma en la parte de publicize--> email suscriptions--> suscription management
    y te dan lo mismo, eso de usar los widgets ya q los utilize [estan puesto en la parte debajo de la caja de redes sociales, donde debes dar click y pones tu email].

    Espero que no sea enredado, pero espero si hay una solucion! :D

    Y buenismo tu blog!
    gracias!

    ResponderEliminar
  6. sorry Romy es la misma de Revolution quinta region. Es que no me permitia poner el codigo aca ya que me decia error, pero pense en ponerlo en partes pero al final tuve q decir el codigo...
    gracias!

    ResponderEliminar
  7. Creo que despues de todo te llegue a entender... xD, Veo que todo esta bien, pero el unico problema que veo que tienes es el problema (Es lo que te entendi) es que el texto que te aparece de Feedburner sea en español, pues la respues es sencilla

    Solo tienes que cambiar en_US por "es_ES" (sin comillas) y los mensajes y los correos que lleguen seran en español

    ResponderEliminar
  8. Thank you so much. I have been using this and modified some... Thank you! You are the coolest!

    ResponderEliminar
  9. PRIMERO LO PRIMERO - darte las gracias por este excelente TEMPLATE o plantilla. Sin duda mi blog luce mucho mejor, la gráfica y la distribución con tu plantilla lo hace estéticamente más atraactivo, más fácil de leer. Sin embargo, hay un detalle ke no he podido modificar, o más bien No sé como configurarlo; me refiero al botón o LINK para EDIT. El blog en cuestión es:

    http://keltehue.blogspot.com/

    y como agradeceimiento, me gustaría mucho conectar tu BLOG en mi BLOGROLL.
    KORDIALMENTE,

    ALFONSO
    latinimage_nc@yahoo.com

    ResponderEliminar
  10. Olvidaba mencionar...¿Cómo hago para ingresar al BLOG o para ke aparezca la barra de navegación de del blog?
    Por favor visitar el blog en:

    http://keltehue.blogspot.com/

    El LINK "EDIT" está en la parte superior derecha del HOME page.

    Gracias.

    kordialmente,

    ALFONSO
    latinimage_nc@yahoo.com

    ResponderEliminar
  11. Me agrada que te haga gustado la plantilla.

    Bueno respondiendo tu primera pregunta. Para editar el famoso "edit" tienes que entrar a DISEÑO, EDICION HTML y buscar (Ctrl+f en firefox) la palabra "EDIT" y reemplazar por lo que veas conveniente.

    Respondiendo a la segunda pregunta... no se a que barra te refieres, de pronto si me lo aclaras mejor estoy seguro que te puedo ayudar.

    Saludos y gracias por utilizar una de mis plantillas

    ResponderEliminar
  12. Gracias por tu pronta respuesta. Resolví el asunto de EDIT de la plantilla siguiendo tus instrucciones. El problema de la barra de navegacion esta en FAQ. Me refería a esto:

    Eliminando este código del HTML

    #navbar-iframe {
    height:0px;
    visibility:hidden;
    display:none
    }

    GRACIAS

    ALFONSO,
    Greensboro, USA

    ResponderEliminar
  13. Jejeje no hay problema para eso estamos.
    Saludos

    ResponderEliminar
  14. Maravilloso!!! Excelente explicación. Muy agradecimo y plantilla...aplicada!!!!

    ResponderEliminar
  15. En mi BLOG:
    http://keltehue.blogspot.com/

    ...Como puedes apreciar, utilizo tu plantilla NEW YORK, NEW YORK.

    Tres problemas:

    1- Por alguna razón ke deskonozko, si te fijas el "widget de recent posts" con título de color amarillo al kostado iskierdo parece estar vacío. Digo 'parece' porke al configura los "recent posts" en "page elemnts/ recent posts" si están visibles. Sin embargo, NO se visualizan o aparecen komo inexistentes en el BLOG.

    2- Al konfigurar "blog posts/ main page options" está marcada la kasilla "reactions", sin embargo, esta opción NO aparece visible en ninguno de los "posts" o publicaciones.

    3- Los videos de YOUTUBE tampoko aparecen donde korresponden. Estos se hacen visibles solo al hacer clic en READ MORE.

    NOTA: En "layout/ fonts and colors", no hay nada visible.
    ANTERIORMENTE, me ayudaste con un detalle ke no podía modificar, o más bien NO sabía como configurarlo; me refiero al botón o LINK para EDIT. Tal vez, está relacionado kon lo mismo

    ¿Sería posible ke me pudieras dar una manito kon estas "babosadas"? El blog no se ve bien...

    Kordialmente
    ALFONSO
    LatinImage_NC@yahoo.com
    5:12 AM

    ResponderEliminar
  16. Hi nice theme, :D If you have an english version of your blog that will be great.

    ResponderEliminar
  17. Hola!!

    Me encanta este template!!

    Me gustaria usarlo para mi blog :)

    El único detalle es que me gustaria que "comentarios" apareciera debajo del post (donde aparecen las etiquetas) en lugar de arriba en la cabecera.

    Lo he intentado modificar con blogger pero no me deja :(

    ¿Cómo debería hacerlo?

    Gracias! :D

    ResponderEliminar
  18. Expande artilugios y busca lo siguiente "<div class="post-header">"

    Mas abajo encontraras lo siguiente:
          <span class='post-comment-link'>

            <b:if cond='data:blog.pageType != "item"'>



              <b:if cond='data:post.allowComments'>

                <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>

              </b:if>

            </b:if>

          </span>

    Este codigo lo copias justo debajo de:
        <p class='post-footer-line post-footer-line-1'>

    si haces todo bien guardas la plantilla y podras ver los comentarios debajo del post.

    Saludos

    ResponderEliminar
  19. Minako2:53 a.m.

    Oh muchas gracias!!!!

    Va perfecto!! :D

    Lo llevare con orgullo y por supuesto dandote creditos :)

    Gracias por compartir tus conocimientos con los demas :D

    ResponderEliminar
  20. Minako7:31 a.m.

    Una cosita más solo ^^

    He hecho varias modificaciones como los colores por defecto de las letras pero me gustaria que las imagenes subidas en los posts tuvieran borde dashed

    vi en un blog que para eso habia que modificar la linea

    img. post{
    ....


    Pero no la he encontrado en tu plantilla...

    ¿Se puede conseguir de alguna manera para que los bordes sean dashed como los que hay en el diseño?

    Gracias :D

    ResponderEliminar
  21. Dhampire10:47 a.m.

    si, no lo encuentras es porque no esta xD
    pero agregalo

    .post img{ border: 1px dashed #660000;}

    ResponderEliminar
  22. Minako4:40 p.m.

    wow muchas gracias de nuevo de verdad :)

    ResponderEliminar
  23. Dhampire7:17 p.m.

    DE nada, pero al menos me vas a mostrar tu blog?...

    ResponderEliminar
  24. Muchas gracias por esta plantilla, me ha encantado y sin dudarlo ya la estoy utilizando. Mil gracias por tan excelentes plantillas que tienes, toda una chulada

    ResponderEliminar
  25. Ya quedo completado mi blog, bueno solo falta el detallito del facebook pero no tengo....ojalá pudieras darte una vuelta, creo que podría gustarte como quedo, de nuevo gracias y saludos

    http://darkmoon-art.blogspot.com/

    ResponderEliminar
  26. Hola me encanta tu plantilla pero hace unos dias tuve un problema el sibar aparecio debajo del footer no se como , hice de todo para arreglarlo y alfinal opte por cambiarlo y no me gusta la nueva plantilla, sabes que pudo haber hecho eso? o como arreglarlo

    ResponderEliminar
  27. - Seguro moviste todo el sidebar debajo el footer aunque no creo ya que lo hubieses notado.

    - Utilizas IE6 como navegador predeterminado, normalmente suele suceder...

    No puedo suponer mas porque ninguno de tus blog's esta usando la plantilla asi que no puedo ver que sucedió.

    Saludos

    ResponderEliminar
  28. Me encanta esta plantilla. Yo lo uso en http://majorish.com. Tenía una pregunta, ¿cómo puedo hacer que mis anuncios se hasta mucho más, en mi plantilla. Al igual que el que se sitúan entre el poste y en los lados que son hechas por google?

    ResponderEliminar
  29. Saludos de Brasil. Estoy usando tu template. Em http://gothicbox.blogspot.com/...

    ResponderEliminar
  30. Excelente plantilla!!!! La estoy usando con algunas modificaciones en cuanto a backgrounds y font sizes.
    djarthurc.blogspot.com

    Pero tengo un problemita, incremente el font size del about, y ahora los post salen ligeramente montados sobre el texto del about.
    Me puedes decir como le hago para empujar los posts hacia abajo de manera que no salgan montados?
    Gracias!!

    ResponderEliminar
  31. jaja ya logre descifrarlo, pero tengo otra consulta.
    Como haces para esconder los iconos de editar los gadgets del sidebar??

    ResponderEliminar
  32. Si, ya lo estaba viendo.
    para editar y esconder los iconos sigue rosa con este tutotial

    ResponderEliminar
  33. Amo esta plantilla...alguna la ocupare de nuevo :D

    ResponderEliminar
  34. Hi. Link dead ;( You can reupload this? Please!

    ResponderEliminar

Si tienes algun tipo de duda, o quieres hacer conocer tu opinión sobre este tema no dudes en dejar un comentario

Suscribete