New York Template for blogger

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.