New York Template for blogger

35
2765
views

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.

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.

35 Comentarios

  1. 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

  2. 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! 😀

    Y buenismo tu blog!
    gracias!

  3. 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

  4. 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

  5. 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

  6. 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

  7. 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

  8. 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! 😀

  9. 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

  10. Oh muchas gracias!!!!

    Va perfecto!! 😀

    Lo llevare con orgullo y por supuesto dandote creditos 🙂

    Gracias por compartir tus conocimientos con los demas 😀

  11. 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 😀

  12. 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

  13. – 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

  14. 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!!

Dejar respuesta

Please enter your comment!
Please enter your name here