BUSCA Y ENCONTRARAS

viernes, 18 de diciembre de 2009

Very Interesant: Imagina que tu plantilla es la casa que vas a construir

del Blog:

Imagina que tu plantilla es la casa que vas a construir



Hagamos un ejercicio de imaginación, construyámonos nuestra casa, con jardín, salón amplio, cocina, habitaciones, etc. El primer paso que haremos será dibujarla en un plano.



Resumiendo tenemos una

Casa formada por:
jardín
salón
habitación 1
habitación 2
cocina

Hemos hecho las divisiones de nuestra casa, sigamos ahora con el ejercicio de imaginación, vamos a modificar los nombres

Nuestra casa se llamara body
jardin ► header-wrapper
salon ► main-wrapper
habitación 1 ► sidebar-wrapper 1
habitación 2 ► sidebar-wrapper 2
cocina ► footer-wrapper

Representemos eso en términos que los navegadores puedan entender. Como son divisiones como tal las definiremos, con una particularidad, toda división que se abre debe cerrarse para que pueda actuar como tal.

Así que tendremos

una casa ► <body>
y dentro de la casa las divisiones con sus ID o nombres que son exclusivos
jardin ► <div id='header-wrapper'></div>
salon ► <div id='main-wrapper'></div>
habitación 1 ► <div id='sidebar-wrapper 1'></div>
habitación 2 ► <div id='sidebar-wrapper 2'></div>
cocina ► <div id='footer-wrapper'></div>
se acaba la casa ► </body>

Ahora sin explicación

<body>
<div id='header-wrapper'></div>
<div id='main-wrapper'></div>
<div id='sidebar-wrapper 1'></div>
<div id='sidebar-wrapper 2'></div>
<div id='footer-wrapper'></div>
</body>

¿No se parece esto a algo conocido que os da mucho respeto?

Pero solo tengo la casa con divisiones y quiero que mi jardín tenga piscina, que mi salón tenga chimenea, que las habitaciones tengan armarios y en mi cocina quiero un hermoso frigorífico.

casa formada por:
jardín con piscina
salón con chimenea
habitación 1 con armario
habitación 2 con armario
cocina con frigorífico

Volvamos a la imaginación y cambiamos los nombres, estos ahora ya no serán exclusivos así que no serán ID sino clases

casa ► body
jardín con piscina ► header-wrapper con header
salón con chimenea ► main-wrapper con main
habitación 1 con armario ► sidebar-wrapper 1 con sidebar
habitación 2 con armario ► sidebar-wrapper 2 con sidebar
cocina con frigorífico ► footer-wrapper 1 con footer

Como estos nuevos aportes van dentro de las divisiones les llamaremos secciones, así que obtenemos

<body>
<div id='header-wrapper'>
<b:section class='header' id='header'>
</b:section>
</div>
</div>
<div id='main-wrapper'>
<b:section class='main' id='main'>
</b:section>
</div>
<div id='sidebar-wrapper 1'>
<b:section class='sidebar' id='sidebar1'>
</b:section>
</div>
<div id='sidebar-wrapper 2'>
<b:section class='sidebar' id='sidebar2'>
</b:section>
</div>
<div id='footer-wrapper'>
<b:section class='footer' id='footer'>
</b:section>
</div>
</body>

Pues esto se va pareciendo cada vez más a mi plantilla.

Pero tendremos que rellenar algunas cosas de esas secciones, digo yo ¿no?, la piscina habrá que meterle agua, a la chimenea, leña, a los armarios unas baldas por lo menos y al frigorífico me niego que no le metamos unas cervecitas.

Como a estas alturas ya sabéis cual es el ejercicio de imaginación pasemos directamente a ver como quedaría

<body>
<div id='header-wrapper'>
<b:section class='header' id='header'>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
</b:section>
</div>
</div>
<div id='main-wrapper'>
<b:section class='main' id='main'>
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'/>
</b:section>
</div>
<div id='sidebar-wrapper 1'>
<b:section class='sidebar' id='sidebar1'>
<b:widget id='HTML2' locked='false' title='' type='HTML'/>
</b:section>
</div>
<div id='sidebar-wrapper 2'>
<b:section class='sidebar' id='sidebar2'>
<b:widget id='HTML3' locked='false' title='' type='HTML'/>
</b:section>
</div>
<div id='footer-wrapper'>
<b:section class='footer' id='footer'>
<b:widget id='HTML4' locked='false' title='' type='HTML'/>
</b:section>
</div>
</body>

Ahora si que se parece casi del todo, como sabréis podemos "rellenar" cada cosa con los elementos que queramos.

Hasta aquí tenemos una casa con sus divisiones, algunas secciones y cosas dentro de esas secciones, ¿pero como quiero que todo esto quede?, ¿con que color?, ¿que tamaño?...eso lo veremos en otra entrada.

sábado, 19 de septiembre de 2009

Los blogs atraen publicidad y empiezan a ser un buen negocio

La Nacion

Lisa Sugar empezó su blog sobre chismes de famosos hace cuatro años, en su tiempo libre. Ahora, ella y su esposo Brian tienen un pequeño imperio mediático llamado, lógicamente, Sugar Inc., con 12 blogs, 11 millones de lectores mensuales y anunciantes como Chanel y Sony.

El sueño de abandonar el trabajo cotidiano y vivir del ingreso de un blog ha demostrado ser inalcanzable para la mayoría de los bloggers . Pero unos pocos emprendedores, como los Sugar, han encontrado el éxito en las redes de blogs.

Mientras no exigen nada semejante a las tarifas publicitarias de las revistas de lujo, estas redes están atrayendo dólares por publicidad, mientras las revistas los pierden.

Las ganancias de Sugar han aumentado en un 20% durante la primera mitad del año, y la empresa está en vías de duplicar sus ingresos y dar ganancia este año, dijo Sugar, director ejecutivo del emprendimiento. Gawker Media, una de las primeras y más grandes redes de blogs, informó que sus ingresos por publicidad crecieron un 45% en la primera mitad de este año.

Las redes de blogs que han sobrevivido a la caída de la publicidad y a la explosión de contenidos rivales en la web lo atribuyen a su cobertura de temas específicos, y a un modelo comercial que va más allá de la publicidad. "Es verdaderamente difícil crear contenidos convincentes que atraigan un público", dijo Sugar.

Los bloggers aficionados concibieron por primera vez la idea de que podían ser redituables en 2002, cuando Nick Denton, ex periodista del Financial Times , inició lo que más tarde se convertiría en Gawker Media. Esta red creció rápidamente hasta convertirse en una usina, que tiene ahora ocho blogs, 20 millones de lectores mensuales y más de 150 empleados. Cuando Jason Calacanis vendió su red de blogs, Weblogs Inc., a AOL por una cifra, según se dice, de 25 millones de dólares en 2005, la idea de que los blogs eran un negocio se estableció definitivamente.

Hoy, las redes de blogs oscilan entre las grandes, como Gawker y Sugar, hasta otras más pequeñas y específicas, como The Bussiness Insider, Venture Beat y GigaOm Network, que se dedican a cubrir temas de negocios y de tecnología.

Los blogs de Sugar -con nombres como PopSugar (chismes sobre famosos), BellaSugar (sobre belleza) y LilSugar (para madres)- están editados y diseñados apuntando a un público de mujeres de 28 años promedio. Curbed publica blogs inmobiliarios, gastronómicos, de compras y turismo en Nueva York, Los Angeles y San Francisco.

Esa cobertura exhaustiva apunta a que los lectores entren al sitio muchas veces por día, algo que a su vez atrae a los anunciantes.

Las redes de blogs también han tenido que cambiar los contenidos que publican. Aunque muchos empezaron publicando comentarios sobre otros sitios web, ahora hay tanto material online que deben ofrecer contenidos originales para ser tomados en cuenta. Muchos han empezado a competir con los periódicos locales en las primicias informativas.

Cuando los blogs de Gawker consiguen contenidos exclusivos, como videos, su tráfico puede llegar a multiplicarse por cien. "Las primicias reditúan", dijo Denton.

Traducción de Mirta Rosenberg
A paso lento, pero decidido, en la Argentina

* "Los anunciantes al principio reaccionan con temor porque se trata de un terreno difícil", dijo a LA NACION Leandro Zanoni, periodista, autor del libro El imperio digital y creador de la primera agencia publicitaria argentina de nuevos medios, Tercer Click, que desde hace dos años pauta en 50 blogs la publicidad para importantes empresas. "Los blogs son una oportunidad fenomenal que tiene el anunciante para llegar directamente a la persona a la que quiere dirigir su mensaje", dijo Zanoni, y agregó que en la Argentina este negocio está creciendo junto a los bloggers, de los que dice que son cada vez más profesionales.

viernes, 17 de julio de 2009

Truco: Añadir tres columnas en la sección debajo de la cabecera

TRuco de propiedad del Escaparate de Rosa


Después de haber publicado la manera de añadir tres columnas en la sección del footer, algunas personas me han estado consultando para conseguir la posibilidad de añadir mas gadget en distintas partes de sus plantillas, una de las zonas más demandadas para aprovecharla al máximo es, sin duda, el crosscol.



Antes de empezar tengo que aclarar que estás modificaciones están basadas en el código de las plantillas originales de Blogger que ya tienen incluido el crosscol en su código por defecto.






Para hacer esto mismo en una plantilla que no incluya en su diseño el código del crosscol tendríamos que saltarnos el paso [1] y [2].

Colocar el código del paso [3] justo antes de <div id='main-wrapper'> y aplicar el paso [4] tal como está.




[1] Tendremos que retirar cualquier elemento que tengamos colocado en el crosscol del blog, moviendolo a la sidebar de forma temporal y, una vez añadidas las tres columnas en el crosscol, volver a colocarlo en esa sección si así lo queremos.




[2] Nos situamos en "Edición HTML" de nuestro panel y sin expandir las plantillas de artilugios, localizamos la sección del crosscol:



<div id='crosscol-wrapper' style='text-align:center'>

<b:section class='crosscol' id='crosscol' showaddelement='no'/>

</div>



[3] Sustituimos ese código por este otro:



<div id='crosscol-wrapper' style='text-align:center'>

<div style='clear:both;'/>

<div id='crosscol-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>

<b:section class='crosscol' id='crosscol-bottom' preferred='yes'>

<b:widget id='Text3' locked='false' title='' type='Text'/>

</b:section>


</div>

<div id='crosscol-columna-contenedor'>

<div id='crosscol2' style='width: 30%; float: left; margin:0; text-align: center;'>

<b:section class='crosscol-column' id='crol1' preferred='yes' style='float:left;'/>

</div>

<div id='crosscol3' style='width: 40%; float: left; margin:0; text-align: center;'>

<b:section class='crosscol-column' id='crol2' preferred='yes' style='float:left;'/>

</div>


<div id='crosscol4' style='width: 30%; float: right; margin:0; text-align: center;'>

<b:section class='crosscol-column' id='crol3' preferred='yes' style='float:right;'/>

</div>

<div style='clear:both;'/>

</div>

</div>
Ejemplo diseño


Una vez guardados los cambios ya podremos volver a incluir en el crosscol los elementos que queremos mostrar en esa sección.



[4] Ahora ya solo nos queda añadirle unas líneas de CSS a la plantilla para conseguir controlar la separación de las columnas y añadirles además un color de fondo (blanco en el ejemplo) y un borde.




Pegamos estas líneas antes de ]]></b:skin>:

#crol1{

background:#fff;

margin: 5px;

padding: 5px;

border: 1px solid #60A9D1;

}




#crol2{

background:#fff;

margin: 5px;

padding: 5px;

border: 1px solid #60A9D1;

}



#crol3{

background:#fff;


margin: 5px;

padding: 5px;

border: 1px solid #60A9D1;

}



#crosscol-columna-contenedor {

clear:both;

}

.crosscol-columna {


padding: 10px;

}




[5] Y tendríamos que conseguir entonces algo así:



Ejemplo blog




Modificaciones



Para retirar el borde a los elementos, colocamos en border: 1px solid #60A9D1; el valor 1 en 0, o directamente borramos esa línea del código CSS.




Para cambiar el color de fondo, lo hacemos sustituyendo #fff por el código del color que vamos a usar.



El ancho de cada gadget está aplicado en porcentajes, podemos modificar la anchura de cada uno cambiando en width: el valor del porcentaje, cuidando que la suma del valor de los tres gadget juntos no sobrepase el 100%

martes, 7 de julio de 2009

50 Herramientas útiles blogs para profesores

Via:

50 Useful Blogging Tools for Teachers



Blogging is becoming more and more popular in the classroom. Teachers can blog to stay in touch with parents and students or they can incorporate blogs from all of the students as a learning tool. The beauty of the student blog is that children from Kindergarten to high school can blog. No matter how you use blogs in your classroom, these tools will help you get started, enhance your experience, or bring the students into the fun.

Where to Create Your Blog

Creating a blog is the first step. The following resources all offer blog publishing. Some of these are aimed specifically at school blogs while others are available for anyone.

  1. Class Blogmeister. Created as a blogging platform specifically for educators, this free service will get you and your students blogging in no time. An added bonus to this service is that it is rarely blocked by school filters due to it’s specific safety features.
  2. Edublogs. Another blogging platform made just for educators, this service is based on WordPress, so comes with all the features of WordPress. Another benefit of Edublogs is the short and simple URLs for the blogs that make it easy to share with parents.
  3. WordPress. Get a free blog with WordPress and you will also have access to plenty of tools such as spellcheck, integrated stats tracker, and spam protection. This is one of the more popular blogging platforms.
  4. Blogger. Another popular blogging publisher, Blogger is teamed up with Google and offers lots of tools to make your blogging experience easier. You will need a Google account to create a blog with these folks.
  5. TypePad. TypePad lets you select from thousands of designs and has lots of widgets, custom banners, and more. However, this service is not free. You can take advantage of a free trial before you decide to pay the low monthly fee or annual subscription, though.
  6. LiveJournal. In addition to providing a blog, LiveJournal also makes it easy to create a social network through the blogs. This might work great for your class if all the students will have their own blog as well.
  7. Moveable Type. Another free blog publisher, Moveable Type offers many of the same features as the others with a spam blocker, templates, and more.
  8. Tumblr. Not really a full-fledged blogging platform, Tumblr is designed for smaller posts and a much more personalized experience. If you aren’t ready to go the way of the blog, this might be a good way to get your feet wet.
  9. Windows Live Writer. Get a Space in Windows Live and download Live Writer to start blogging with this publisher. You can connect with others, post video, and more with Live Writer.
  10. Thingamablog. All you need to get started with this blog platform is FTP, SFTP, or access to a server. The setup wizard will guide you through the steps of getting your blog in place.

Blogging Tools and Help for Teachers

The following tools and articles are all focused on helping teachers blog or provide free access for teachers to blogging tools that would normally cost money.

  1. Smilebox. Create scrapbooks, slide shows, postcards, and more to post on your blog with this tool. While it’s not specifically designed for educators, teachers can receive the premium subscription for free.
  2. Using Del.icio.us for Blogging. This article describes how you can incorporate the popular bookmarking site, Del.icio.us, into your blogging program.
  3. avatars. Let your students design their own personal avatars with one of these free tools. Using an avatar lets the students personalize while also keeping their identity private.
  4. VoiceThread. Create an online presentation with audio and text. You can incorporate PowerPoint, Flickr, Word, PDF, and more. Teachers get a free account.
  5. Teacher Training Videos. While this site is not specifically for blogging, it is directed at teaching educators how to use technology in the classroom. There are some blogging videos that will help get you started.
  6. A Vision for Classroom Blogging. Read about reasons to blog in your classroom as well as how to go about doing it in this article written by an experienced teacher and blogger. She also includes links at the end of the article for even more information.
  7. Classroom 2.0. Read blog discussions between teachers with blogging experience ranging from newbie to veteran blogger. You can find helpful advice as well as resources in these blog posts.

General Blog Tools

From adding fun photos to maps showing where your blog readers live, these tools will help you and your students create fun and educational blogs.

  1. Spellery. Type in the URL to your blog and find out if you have any spelling mistakes. This simple tool is invaluable for ensuring your posts are in top shape.
  2. Jiglu. This tool creates tags within your blog that allows readers to find more information from your previous blog posts. You can manually assign tags or let Jiglu assign the tags automatically.
  3. Wufoo. If you would like to create an online form for your blog, use this tool to do it for you. It’s easy to use and you’ll be creating polls, invitations, and more right on your blog.
  4. AddThis. With this simple tool, you can add a button on your blog that allows readers to easily bookmark and share your website. Having this button will allow parents and other teachers easier access to your site.
  5. Buttonator. If you need to create buttons for your blog, this easy tool will help you with the task. Choose the style, font, color, and more.
  6. Bananr. Want to put those photos from the class field trip or talent show on your blog? This tool allows you to enter your Flickr user id or photoset id and easily add the photos to your blog.
  7. Gickr. Add photos to your blog and put them in motion with this tool. Create fun slide shows and more without using difficult software.
  8. Website Ribbon Generator. Create a ribbon for your favorite cause or use an originally designed ribbon to tie all your students’ blogs together with this simple tool.
  9. FeedBlitz. Add this tool to your blog so readers can have your blog posts sent directly to their email. FeedBlitz also offers widgets to add to your blog such as a blogroll.
  10. ClustrMaps. When visitors click on your blog, this tool logs their location on a map. Watch as over the life of your blog, the map fills with information on your visitors’ locations. This tool can also serve as a geography lesson.
  11. MakeBeliefsComix.com. Choose your characters and add word or thought bubbles complete with your own text to create your very own comic strip. This is a fun activity for students to incorporate in their blogs, too.
  12. TagCrowd. Create a cloud of words from your blog with this tool. Once you have created the cloud, the tool will provide the HTML code so you can put it on your blog.
  13. widgetbox. Add any imaginable widget to your blog with this tool. Let your students run wild to allow their individuality to shine with these widgets that range from clocks to animals to word searches.
  14. LabPixies. Add any number of fun widgets like Google maps, games, calendars, and more on your blog. There are some great learning opportunities among these.
  15. gabcast. Record using your phone and post audio on your blog with gabcast. This tool can also be used to host conference calls, which would be helpful with parent-teacher conferences.
  16. BlogRolling. With this tool, you can add a blogroll to your blog to show readers what other blogs you find interesting. The is great for localizing a whole class worth of blogs in one spot.

Blogging and Internet Safety

As a teacher, you are already well aware that keeping your students safe is a priority. Introducing blogs in the classroom is undeniably a powerful learning tool, but it also brings about an opportunity for the teacher to reexamine student safety. The following resources will help you protect your students from harm.

  1. Google Analytics. Keep a close eye on your blog traffic and find out who is visiting your website. This tool breaks down the visitor information in several ways, including plotting a map of where the visitors are located.
  2. Keeping students cybersafe!. This blog post, written by an educator, offers suggestions on how you can protect your students while enjoying student blogs.
  3. Children’s Online Privacy Protection Act of 1998. This law explains how a child’s privacy is protected online. Working with children and blogs, this is a must-read item.
  4. Copyright and Fair Use. This simple primer gives the basics on copyright and fair use laws as it pertains to the Internet. Any teacher posting on the Internet should take the time to read this.
  5. A Teacher’s Guide to Fair Use and Copyright. Another helpful guide to fair use and copyright, this one is specifically designed for teachers. It also includes a chart for fair use to post in your classroom.
  6. Responsible blogging. Taken from a 10th grade class, these guidelines for safe and responsible blogging are not just teacher-generated, but also come from the students themselves.
  7. Blogger’s Contract. This contract between the teacher and student is a great way to remind the student of the safety and responsibility required when blogging. Use this contract as a model for one you can create for your class.
  8. Consent for Your Child to Participate in Online Collaborations. This teacher has drawn up a consent form for parents explaining how technology will be used in the classroom and asking for parental consent. Click on the link at the beginning of this letter for the actual consent form.
  9. Blogging Rules. This list of rules was compiled by a teacher for his classroom. You may find this helpful for setting the rules in your class before you begin blogging.
  10. Discovery Blogging Rules. Another set of rules for classroom blogging, this one is a bit more extensive and also includes clearly defined consequences to breaking the rules. This list can serve as a model for the rules in your classroom.

Getting Students in on the Action

Don’t keep all the fun to yourself–let your students blog too. These resources offer suggestions and tools for getting students into blogging.

  1. 21Classes. Set up classroom homepages and host and manage blogs for your students with this free service. Students can customize their pages and insert photos and videos.
  2. Reflections on Student Blogging. This article written by a teacher working with middle and high school students describes how she implemented a student blogging project. She also offers more generalized helpful tips on blogging with students.
  3. Blogging Basics: Creating Student Journals on the Web. This tutorial covers all the basics for getting your students set up to blog in the classroom. There are even some links to school blogs.
  4. Students 2.0. This blog is run by students and allows them a chance to raise their voice on the topic of education. Not only does this blog serve as an example of what student blogs can be, it is also a great tool to share with your older students.
  5. Student Tools–Let them fly!. Compiled by an educator, this list offers the top tech tools for students. Many of these tools can be used in student blogs or help students set up blogs.
  6. iLearn Technology: Dipity. This educational blog reviews Dipity, a time line generator that students can use to create time lines on any topic. Students can use Dipity in conjunction with their blogs to create personal timelines.
  7. Making it Interesting: What would you add to this classroom. This is a fun little visual to suggest various technology tools to get students excited about learning. Think about what you would add for your students.

martes, 30 de junio de 2009

Cómo añadir Adsense en los posts del nuevo Blogger (antes beta)

Sacado de Blogmundi


El título en bastante largo y puede asustar, pero el proceso no es tan díficil. Puede que lo hayas intentado o no, pero cuando quieres añadir código Adsense directamente en la plantilla del blog en Blogger para, por ejemplo, añadir bloques de anuncios en los posts, el sistema nos avisa de que existe un error y es por lo estricto de la estandarización XML del nuevo Blogger.

Bien, la solución pasa por hacer un pequeño retoque en el código Adsense, estarás pensando, pero eso está prohibido! En Blogcrowds se han encargado de realizar las gestiones oportunidades para conocer la opinión de Google Adsense al respecto y parece que esta modificación cumple las condiciones del programa, al no alterar de forma alguna el formato, la fuente o tratar de ocultar el “Anuncios Google”.

Pero si lo vemos con un ejemplo seguro que entiendes mejor por qué:


Éste es el código que nos proporcionan:



<script type="text/javascript"><!--


google_ad_client = "pub-XXXXXXXXXXXXXXX";

google_ad_width = 336;

google_ad_height = 280;

google_ad_format = "336x280_as";

google_ad_type = "text_image";

google_ad_channel = "";

google_color_border = "FFFFFF";

google_color_bg = "FFFFFF";

google_color_link = "000000";


google_color_text = "000000";

google_color_url = "000000";

//--></script>

<script type="text/javascript"

src="http://pagead2.googlesyndication.com/pagead/show_ads.js">

</script>

No obstante debemos transformarlo a lo siguiente para que Blogger lo acepte, es decir, cambiar los símbolos “<>” por su entidad HTML “< > ” y con las comillas igual. Puedes hacerlo manualmente, no obstante en Blogcrowds han desarrollado un sistema que lo hace por tí.
Aca otros dos sistemas: 

Blogger Ad Code Converter






<script type="text/javascript"><!--

google_ad_client = "pub-XXXXXXXXXXXXXXX";

google_ad_width = 336;

google_ad_height = 280;

google_ad_format = "336x280_as";

google_ad_type = "text_image";

google_ad_channel = "";

google_color_border = "FFFFFF";


google_color_bg = "FFFFFF";

google_color_link = "000000";

google_color_text = "000000";

google_color_url = "000000";

//--></script>

<script type="text/javascript"

src="http://pagead2.googlesyndication.com/pagead/show_ads.js"

>

</script>


Eso es todo, cuando accedas a tu blog, los bloques de anuncios se mostrarán donde tu quieras. No obstante, por si no sabes bien donde colocarlos vamos a ver una serie de ejemplos:

En primer lugar debes acceder a la edición de tu plantilla del blog. “Plantilla -> Edición HTML” y recuerda activar “Expandir plantilla de artilugios”

1) Al lado del post

Si te has fijado en este blog hay un bloque de anuncios pequeño al empezar el post en su lado derecho, sería el equivalente a lo que vamos a hacer ahora, ¿cómo colocas un bloque igual?



<div style="float:left;">

<!–el código creado de Adsense–>

</div>


<div class=’post-body’>

<p><data:post.body/></p>

<div style=’clear: both;’/> <!– clear for photos floats –>

</div>


Nota para el Centro del Post <div style="text-align: center;">










2) Después del post antes de los créditos.

Es decir, entre el final del artículo y el “Publicado por…”, “Comentarios”


<div class='post-body'>

<p><data:post.body/></p>

<div style='clear: both;'/> <!-- clear for photos floats -->

</div>

<div> <!–el código creado de Adsense–> </div>


<div class=’post-footer’>

<p class=’post-footer-line post-footer-line-1′>

<span class=’post-author’>

<b:if cond=’data:top.showAuthor’>

<data:top.authorLabel/> <data:post.author/>

3) Después de los créditos

<p class='post-footer-line post-footer-line-3'/>


<div> <!–el código creado de Adsense–> </div>

</div>

</div>

</b:includable>

</b:widget>

</b:section>



Si surge algún error comprueba que has copiado y pegado todo correctamente, por lo demás, es así de sencillo!

jueves, 28 de mayo de 2009

El formulario de comentarios (forma sencilla) si tu plantilla es muy antigua

Habíamos visto anteriormente como implementar el formulario de comentarios en las plantillas que llevaban tiempo online o con bastantes modificaciones.



El problema surge cuando algunos modelos de plantilla no tienen incorporado el código que debemos localizar en la explicación anterior (es el caso de la Aspire por ejemplo, o de muchas de las plantillas adaptadas de Wordpress).



Hay otro método aún más sencillo y que parece funcionar sin problemas:



[1] Localizamos esta línea de código en la plantilla con los artilugios expandidos:


<b:include data='post' name='comments' />


[2] Justo después pegamos esta otra línea de código:

<b:include data='post' name='comment-form'/>


[3] Guardamos cambios.





miércoles, 27 de mayo de 2009

Como colocar el Formulario de comentarios Blogger si tu plantilla es antigua

Ya podemos incluir en nuestro blog un formulario de comentarios "incrustado" en el pie de nuestras entradas al final de los comentarios.



De momento esta opción solamente está disponible en Blogger in Draft que, como ya casi todos sabréis es una especie de "laboratorio de pruebas", donde el equipo de Blogger va añadiendo nuevas funcionalidades que los usuarios podemos probar antes de incluirlas en el Blogger "normal".



Actualización:

La opción ya está incluida en la "Configuración" del panel de Blogger "normal", aunque sigue siendo necesario en algunas plantillas, seguir los pasos de esta entrada para mostrar el formulario.



Disponer de esta opción en nuestros blogs es, de entrada, bastante sencillo:



[1] Accedemos a nuestro panel de Blogger a través de Blogger in Draft.



[2] Una vez allí, pinchamos en la pestaña "Configuración" de nuestro menú y después en "comentarios".



[3] Veremos entonces una nueva opción que dice "Ubicación del formulario de comentarios", ahí marcaremos "Entrada incrustada a continuación":






[4] Si todo ha ido según lo previsto, el formulario debería verse ya debajo de los comentarios de cada entrada:





El formulario será así de sencillo de implementar en los blogs de nueva creación o en los blogs que no hayan personalizado ciertos aspectos de la plantilla.



Si hemos modificado estas partes del código de la plantilla como es mi caso, entonces seguramente aunque habilitemos la opción para mostrar el formulario, este no funcionará.




Como podéis comprobar acabo de implementarlo en El Escaparate y, de momento, parece funcionar correctamente sin necesidad de hacer grandes cambios en el código de la plantilla.



La forma de implementarlo sin necesidad de cambios demasiado complicados, la he encontrado esta tarde guiándome por Blogger Buster, y digo guiándome porque mi plantilla está tan modificada que el código que Amanda nos muestra apenas coincidía con el mio.



Aún así y tomando las debidas precauciones (guardar una copia de la plantilla es imprescindible) no pude resistirme a probarlo.



Os explico como Amanda ha logrado incluir el formulario en su plantilla previamente modificada:



[1] En primer lugar es imprescindible marcar la opción en "Configuración - Comentarios" que ya expliqué al comienzo de esta entrada.




[2]Una vez habilitada la opción y comprobado que el formulario no aparece en nuestro blog, vamos a la parte de "Edición html" de nuestro panel y marcamos la casilla para expandir las plantillas de artilugios.



Tendremos que localizar este código:



<p class='comment-footer'> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </p> </b:if>



[3] Una vez localizado tendremos que cambiarlo por este otro:



<p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='comment-form'/> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </p></b:if>





Notas: Tened en cuenta lo que ya os comentaba antes:



el código que Amanda nos indica no estará igual en una plantilla con modificaciones previas pero si aún así decidís probarlo como hice yo, no os será demasiado difícil encontrar el código correcto si os fijáis bien e incluso si recordáis alguno de los cambios que hicisteis antes en esa zona.



Si habéis incluido la forma de mostrar el antiguo formulario de Blogger debajo de las entradas, tendréis que volver a la configuración original antes de implementar el formulario nuevo.



Por si os sirve de referencia os diré que yo había incluido ahí la imagen con un lápiz que sustituía al "Publicar un comentario en la entrada" y que mi código se veía así:




<p class='comment-footer'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><img alt='Enlace para comentar' src='http://2.bp.blogspot.com/_sbaQpFxeL1Q/R_4XR7UekbI/AAAAAAAAAJU/rhqHxL2mMLI/s400/



nombrenndn7.jpg' title='Deja tu comentario'/></a> </p> </b:if>





Una vez incluido el nuevo formulario en el blog podemos hacerle algunas mejoras de diseño.

martes, 26 de mayo de 2009

48 trucos para mejorar tu blog alojado en Blogger

Aca algunas cosas imprescindibles para mejorar sus blogs en blogger.

  1. Ajustes básicos para personalizar la plantilla. (4 Truquitos)
  2. Como programar posts futuros.
  3. Títulos de colores en el sidebar.
  4. Como colocar imagen a pie de los post.
  5. Widgets para mostrar el Top Comentaristas.
  6. Como crear un álbum o galería de fotos con Flickr.
  7. Mandar un post a Twitter.
  8. Agregar sidebar extra en la plantilla.
  9. Crear una barra de navegación.
  10. Como utilizar dominio propio.
  11. Como convertir etiquetas en botones.
  12. Agregar paginación.
  13. Como crear un buscador interno.
  14. Como añadirle un favicon a tu blog.
  15. Creando mensajes al azar.
  16. Slideshows con la galería de imágenes o contenido del blog.
  17. Añade imágenes a las etiquetas en Blogger.
  18. Tutorial paso a paso: Migración de Blogger a Worpress.
  19. Tutorial para expandir y/o contraer posts.
  20. Redireccionar un blog en Blogger.
  21. Añadir tag clouds, nube de etiquetas.
  22. Colocar en el sidebar los seguidores de tu blog.
  23. Como agregar entradas relacionadas.
  24. Como agregar Meta Tags.
  25. Como colocar banners 125 x 125.
  26. Crear sitemap y enviarlo a Google y Yahoo.
  27. Armar lista de entradas recientes.
  28. Ultimos comentarios personalizados con iconos.
  29. Firma personal que nunca desaparece.
  30. Imagen delante de “Publicado por”, “Comentarios” y “Etiquetas”.
  31. Personalizar el mensaje de suscripción al feed.
  32. Como Sacar el Título y la Descripción del blog.
  33. Mostrar firma en los feeds de blogger.
  34. Dos columnas en un post.
  35. Botón agregar a favoritos en tu blog.
  36. Crear barra de menu para tu Blog.
  37. Colocar en grande la primera letra de los posts.
  38. Como publicar videos.
  39. Poner comentarios al estilo Wordpress.
  40. Formulario de comentarios estilo Wordpress.
  41. Fecha al estilo Wordpress.
  42. Añade un banner a tu blog y el código para que te enlacen.
  43. Formulario de contacto sin servicios externos.
  44. Colocar columnas en el footer.
  45. Firma en los comentarios del autor.
  46. Como poner emoticonos en los comentarios.
  47. Como mostrar/ocultar vínculos en las entradas.
  48. Ocultar la fecha de las entradas.

lunes, 25 de mayo de 2009

Truco: Añadir tres columnas en la sección del footer (pie del blog)

Nota de El Escaparate de Rosa



[1] Necesitaremos retirar cualquier elemento que tengamos colocado en el footer del blog. Podemos moverlo a la sidebar de forma temporal y, una vez añadidas las tres columnas en el footer, volver a colocarlo en esa sección.



[2] Iremos ahora a la parte del HTML de nuestra plantilla y buscamos, casi al final de su código, estas líneas Sin expandir artilugios:




<div id='footer-wrapper'>

<b:section class='footer' id='footer'/>

</div>




[3] Dependiendo de la plantilla que estemos usando, podría cambiar el código a buscar ("footer" o "footer-wrapper"), en el caso de la Rounders, por ejemplo, hay dos divs en la sección del footer, en cualquier caso, el código que hemos de cambiar es la línea que está resaltada en negrita, sustituyéndola por este código:



<div id='footer-columna-contenedor'>



<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>




<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>

</div>



<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>

<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>

</div>



<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>



<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>


</div>



<div style='clear:both;'/>

<p>

<hr align='center' color='#6633FF' width='90%'/></p>

<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>



<b:section class='footer' id='col-bottom' preferred='yes'>

<b:widget id='Text20' locked='false' title='' type='Text'/>


</b:section>



</div>

<div style='clear:both;'/>



</div>




[4] Añadiremos ahora unas líneas de CSS para controlar la separación de las columnas. Pegamos estas líneas antes de ]]></b:skin>






#footer-columna-contenedor {

clear:both;

}



.footer-columna {

padding: 10px;

}









Vista "editar"


Ejemplo uno







Vista "blog"


Ejemplo dos



[5] Ya podemos guardar los cambios y colocar los elementos que habíamos retirado a la sidebar donde nos parezca mejor.



[6] En el código está incluida una línea de separación entre las tres columnas y el footer antiguo, en el ejemplo podéis ver que se muestra de color azul.


La parte del código que hace que se vea esta línea, es esta:



<hr align='center' color='#5d5d54' width='90%'/>




Podemos cambiar su color en color='#5d5d54'

También podríamos prescindir de ella borrando la línea por completo.



Nota:

Consulta como modificar el diseño de las columnas con CSS

martes, 19 de mayo de 2009

Adicionar espacios extra en la zona de entradas

Entrada sacada de El Escaparate de Rosa







Vamos a ver paso a paso, como incluir una nueva sección sobre y debajo de las entradas dividida en dos columnas. El resultado será algo como esto:



Sección main


Como siempre habrá quien quiera añadir los nuevos espacios solo en la parte de arriba o solo en la de abajo, vamos a ver como hacerlo por separado:




[1] Una vez en nuestro panel de Blogger vamos a la pestaña de Diseño y si tenemos algún gadget añadido sobre o debajo de la zona de entradas, lo retiramos para evitar problemas a la hora de modificar el código, más tarde podemos volver a colocarlos en su sitio de nuevo.



[2] Guardamos cambios.



[3] Vamos a la pestaña de Edición HTML y localizamos el código que pertenece a la sección de las entradas:




<div id='main-wrapper'>

<b:section class='main' id='main' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'/>

</b:section>

</div>


[4] Colocamos el código necesario para la nueva sección de dos columnas en la parte de abajo de las entradas.


Lo haremos en el código anterior de esta manera (el código que hay que añadir está destacado en color verde):



<div id='main-wrapper'>

<b:section class='main' id='main' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'/>

</b:section>



<div id='main-footer-contenedor'>
<div id='main2' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='main-footer-column' id='main-col1' preferred='yes' style='float:left;'/>
</div>
<div id='main3' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='main-footer-column' id='main-col2' preferred='yes' style='float:left;'/>
</div>
<div style='clear:both;'/>
</div>
</div>



[5] Guardamos los cambios y comprobamos el resultado en la parte de Diseño del panel.



Sección footer




[6] Si lo que queremos es una nueva sección de dos columnas en la parte superior de las entradas, volvemos a situarnos en el código de la plantilla que pertenece a las entradas ( paso [3] ) y añadimos el código necesario (destacado en colo rojo):




<div id='main-wrapper'>

<div id='main-top-contenedor'>



<div id='main-top1' style='width: 50%; float: left; margin:0; text-align: left;'>

<b:section class='main-top-column' id='main-top1' preferred='yes' style='float:left;'/>

</div>



<div id='main-top2' style='width: 50%; float: left; margin:0; text-align: left;'>

<b:section class='main-top-column' id='main-top2' preferred='yes' style='float:left;'/>


</div>

<div style='clear:both;'/>

</div>

<b:section class='main' id='main' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'/>

</b:section>

</div>



[7] Guardamos los cambios y comprobamos el resultado en la parte de Diseño del panel.




Sección top

miércoles, 6 de mayo de 2009

News: Starting Your First Blog? 29 Tips, Tutorials and Resources for New Bloggers

Link Original: Problogger

Are you starting your first blog? Looking for some tips and advice for new bloggers?

I just received a tweet from @MillerMosaicLLC asking for some links to posts about starting a blog so I thought instead of just replying to her I’d compile the list here as a post for new bloggers. There are literally thousands of posts in the ProBlogger archives for bloggers starting out - but these would be a good place to start.

Posts on Starting a Blog

There is a lot to think about before and during the process of starting your first blog. These tips and tutorials attempt to give you some questions to think about and some advice on how to practically move forward:

  1. 3 Factors to Consider Before Starting a Blog - Maintaining Blogging Momentum
  2. 9 Tips to Start Blogging Successfully
  3. Starting a New Blog? Start With a Mind Map (will help in choosing topics and categories for your blog)
  4. Crawl before you walk: 6 Step-by-step Instructions for Starting your First Blog
  5. 23 Questions for Prospective Bloggers - Is a Blog Right for You?
  6. How to Choose a Niche Topic for Your Blog
  7. Choosing a Blog Platform
  8. Choosing a Domain Name for your Blog

Writing Blog Content

At the core of every successful blog is great content - without it starting a new blog is almost pointless. How you define ‘great’ content will vary from person to person but I generally put it down to content that is unique and useful. Here are a few other tutorials and tips on creating this type of content on your first blog.

  1. Discover Hundreds of Post Ideas for Your Blog with Mind Mapping
  2. 21 Ways to Write Posts that Are Guaranteed to Grow Your Blog
  3. How to Launch a Blog and Have Fresh Content for Weeks
  4. How to Craft a Blog Post

Blog Promotion/Finding Readers

When starting a your first blog one of the most challenging things is that it is hard to find readers. We all want to be read - here are a few tips on how to make this happen and then how to keep those new readers:

  1. 13 Ways to Promote Your Next Blog Post
  2. How I’d Promote My Blog if I Were Starting Out Again
  3. How to Market Your Blog in 2007 (still very relevant)
  4. 19 Strategies for Finding Readers for your Blog
  5. 11 Ways to Find New RSS Subscribers for Your Blog
  6. A Secret to Finding New Subscribers for Your Blog
  7. 21 Ways to Make Your Blog Sticky

Making Money from Blogs

Not all bloggers choose to try to make money from their blogs (I think this is a good thing). But if you’re one that does want to make money from your new blog then here are a few tips and articles for you to start with:

  1. How I Make Money Blogging
  2. How Bloggers Make Money
  3. Make Money Online Blogs - Should You Start One and How to Choose a Profitable Topic
  4. How quickly after starting a blog should I put ads on it?
  5. How Much Should I Charge for my Advertising Space?
  6. A Reality Check about Blogging for Money

Further Reading and Resources on Starting a New Blog

If what I’ve listed above isn’t enough - here are a few other resources for those wanting to invest into starting out with a blog.

  1. ProBlogger the Book - This book (in which I am a co-author) was written for the beginner blogger. It contains up to date and logically ordered advice on starting new and profitable blogs.
  2. Training Programs - Two great courses/coaching programs for new bloggers are Blog Mastermind and Become a Blogger. Blog Mastermind is a paid coaching program that is one of the more comprehensive training resources going around. Become a Blogger is series of free videos and a great free report/roadmap. It also has a paid program which is ideal for those just starting out. Both of these courses are by Yaro Starak - a great blogger.
  3. Archives - there are a lot more posts that are relevant for bloggers starting their first blogs in the archives of ProBlogger. Another good place to find some of them is my Blogging for Beginners Series helpful. I’ve mentioned some of the posts in this series above but there are a lot more ‘beginner’ type tips and articles listed in it.
  4. Recommended Blogging Resources - lastly I’ve put together a page of tools and resources for bloggers. It covers blogging platforms, designs/templates, tools, training and monetization. I hope you find them useful.

miércoles, 29 de abril de 2009

50 Amazing Blogger Tricks & Hacks / 50 Fantasticos Trucos para Blogger

Have you ever wondered how those bloggers remove the Blogger Navbar? Or how they add a Read More link in their posts?

Well in this article, I’ve post an amazing collection of 50 Amazing Blogger Tricks Hacks which are useful to bloggers using the Blogger platform.

1. Expandable Posts or Read More Hack

2. Recent Posts Widget

3. Recent Comment Widget

4. Top Commentators Widget

5. Remove Label Post Count

6. Add Page Element to Header and Blog Posts

7. Sticky Posts in Blogger

8. Add Images or Icons to Sidebar Links

9. Remove NavBar in Blogger

10. Add Scrollbars to Blog Widgets

11. Add Favicon to Blogger URL

12. Simple Search Widget

13. Wrap Adsense Ads in Post Body

14. Special Effects for Peekaboo Posts

15. Page Navigation Hack for Blogger

16. Uploading Animated .gif Image to Blogger

17. Making Pull Down Menu

18. Add “Print this” Option in your Blog

19. Speed up your Blogger Page Load Time

20. Random Background Image

21. Ratings for Posts

22. TabView Widget

23. Adding a Front Page to your Blog

24. Creating Thumbnail Pictures

25. Adding a BreadCrumb Trail to your Blog Post

26. Showing your Blogger Labels as Vertical Tabs

27. Navigation Bar

28. Add Digg Button to Blogger Post

29. Social Bookmarking Widget

30. Add Signature to your Posts

31. Add Background Music

32. Embed Comment Box Below Blogger Post

33. Remove Word Verification from Blogger Comments

34. Show Blog Post Headers In Archive

35. Disable Right Click on Blog

36. Label Cloud in your Blog

37. E-mail Icon Generator

38. Podcast in Blogger

39. Transparent Background

40. Rounded Corner Headers

41. Insert Powerpoint and PDF Files

42. Flash for Blogger

43. Author Comment Highlighting

44. Control Number of Posts in Label Pages

45. Sidebar Comments Display

46. Show Recent Referrers

47. Language Translation Widget

48. Postpone or Delay your Blog Posts Via E-mail

49. Add Clickable Pictures to your Blog

50. “Email Me” Link

51. Make your Blog DoFollow (Thanks to DoFollow Fan for the tip!)

lunes, 20 de abril de 2009

Menus Menu barra superior con buscador incluido

Extraido del Escaparate de Rosa
Un menú horizontal tipo Navbar para colocar en la parte superior de nuestro blog y que además de los enlaces que añadamos en el, lleva un sencillo buscador incorporado, que funciona muy bien.
Como podéis ver en la imagen de ejemplo, la barra del menú ocupará todo el ancho de la pantalla:



Para colocarlo en nuestro blog solo son necesarios dos simples pasos:

[1] En la parte de "Edición Html" de nuestra plantilla sin expandir las plantillas de artilugios, localizamos la etiqueta ]]> y justo antes pegamos este código CSS:
/*-- CSS Menu Superior-- */
#navtop { background: #dcdcdc ; height: 26px; width: 100%; margin: 0px auto 24px auto; font-family: "Century Gothic", Palatino Linotype, Trebuchet MS, sans-serif; font-variant: small-caps; font-weight: bold; color:#737374; font-size: 14px; border-bottom: 1px solid #afafaf;}
.nav {width: 950px; margin: auto;}

ul.navtop { padding: 0px;}
ul.navtop li { list-style: none; display: inline;}
ul.navtop li a { background: transparent; color:#737374; display: block; float: left; padding: 4px 7px 3px 7px; margin-right: 3px; text-decoration: none; border-right: 1px solid #afafaf; border-left: 1px solid #afafaf;}
ul.navtop li a:visited { text-decoration: none; color: #737374;}
ul.navtop li a:hover { background: #e1477d; color: #ffffff; text-decoration: none; border-right: 1px solid #afafaf; border-left: 1px solid #afafaf; }
ul.navtop li a:active { text-decoration: none; color: #737374; }
ul.navtop li a:focus { color: #41a5c3; outline: 1px dotted #e1477d; }
ul.navtop li.current_page_item a { text-decoration:none; color:#fff; background: #E1477D ; }
ul.navtop li ul { float:left; margin:0; padding:0; }

#searchcont { width: 100%; margin: 12px auto 12px auto; }

#searchform { height:26px; line-height:25px; float:right; margin: 0px; padding: 0px;}
input#s {color: #e1477d; width: 283px; background:#fcfcfc; padding: 2px 4px 2px 4px; border: 1px solid #afafaf;}
input#searchsubmit{ background:#afafaf; color:#fff; font-size:13px; padding: 2px;}
En este código CSS es donde tendréis que cambiar los datos necesarios para modificar el color, tipo de texto, etc. del menú.

[2] Colocaremos ahora el código necesario para que se muestre la "barra menú" en la parte superior del blog y lo haremos justo sobre <div id='header-wrapper'> y si en esa posición el resultado no es el esperado (dependerá del diseño de la plantilla) lo colocaremos después de <body> donde debería de funcionar:
<!-- Menu Superior -->
<div id='navtop'>
<div class='nav'>
<ul class='navtop'>
<li><a href='http://elescaparatederosa.blogspot.com'>Inicio</a></li>
<li><a href='http://draft.blogger.com/profile/06743611108067453905' title='Perfil Blogger'>Sobre mi</a></li>
<li><a href='http://feeds.feedburner.com/blogspot/hnBy' title='Suscribe Feed'>Suscribe Feed</a></li>
<li><a href='mailto:lejaniaimposible@hotmail.com' title='Contactame'>Contacto</a></li>

<li><a href='
http://e[2] Colocaremos ahora el código necesario para que se muestre la "barra menú" en la parte superior del blog y lo haremos justo sobre <div id='header-wrapper'> y si en esa posición el resultado no es el esperado (dependerá del diseño de la plantilla) lo colocaremos después de <body> donde debería de funcionar:
<!-- Menu Superior -->
<div id='navtop'>
<div class='nav'>
<ul class='navtop'>
<li><a href='http://elescaparatederosa.blogspot.com'>Inicio</a></li>
<li><a href='http://draft.blogger.com/profile/06743611108067453905' title='Perfil Blogger'>Sobre mi</a></li>
<li><a href='http://feeds.feedburner.com/blogspot/hnBy' title='Suscribe Feed'>Suscribe Feed</a></li>
<li><a href='mailto:lejaniaimposible@hotmail.com' title='Contactame'>Contacto</a></li>

<li><a href='http://elescaparatederosa.blogspot.com/search/label/?max-results=999' title='Ver todas las entradas'>Ver todas las entradas</a></li>
</ul>
<form action='/search' id='searchform' method='get' style='display:inline;'><input id='search-box' name='q' type='text'/><input id='search-btn' type='submit' value='Buscar'/></form>
</div>
</div>
<!-- Fin Menu superior -->
Tendréis que cambiar en el código mis datos por los vuestros, lo que no os será muy difícil ya que los he colocado resaltados en negrita.lescaparatederosa.blogspot.com/search/label/?max-results=999
' title='Ver todas las entradas'>Ver todas las entradas</a></li>
</ul>
<form action='/search' id='searchform' method='get' style='display:inline;'><input id='search-box' name='q' type='text'/><input id='search-btn' type='submit' value='Buscar'/></form>
</div>
</div>
<!-- Fin Menu superior -->
Tendréis que cambiar en el código mis (lescaparatederosa.blogspot.com) datos por los vuestros, lo que no os será muy difícil ya que los he colocado resaltados en negrita.

PAra personalizarlo:

Cambiar el color de la barra aquí:
/*-- CSS Menu Superior-- */
#navtop { background: #dcdcdc ;

Cambiar el color del hover (al pasar el ratón) aquí:
ul.navtop li a:hover { background:#e1477d;

Cambiar el tipo de fuente:
font-family: "Century Gothic", Palatino Linotype, Trebuchet MS, sans-serif;

miércoles, 4 de marzo de 2009

2440 Temas de Wordpress para descargar cerca de 250 MB

Te gusta wordpress?? pues aca tienes los links para descargarte muchas pero muchas plantillas....


Rapid share links

http://rapidshare.com/files/29218052/wpthemes.part1.rar
http://rapidshare.com/files/29226378/wpthemes.part2.rar
http://rapidshare.com/files/29236225/wpthemes.part3.rar
http://rapidshare.com/files/29240301/wpthemes.part4.rar

Alternate url 1

http://www.lordmax.org/descargas/wpthemes.rar

Alternate url 2

http://ihaslinks.com/upload/2400-wordpress-themes.rar

many themes are free to use for commercial or personnel.
every theme has its own TOS. Just check them when using.

GRacias a:

Free 2400 WordPress Themes - over 250mb

viernes, 20 de febrero de 2009

Como poner un Traductor en Blogger

Una vez mas el Escaparate de Rosa tiene respuesta a una pregunta que muchos hacen.

Solo copien este Codigo y ponganlo en un Widget de Html en su blog y veran los resultados.

En donde esta: http://algodeblogs.blogspot.com/ cambien por la direccion de su Blog



<center><img src="http://1.bp.blogspot.com/_8PJ-pgoBhWQ/SQRy1OOWfHI/AAAAAAAAEi8/3lFRIrhKEn0/s320-R/84056383at1.png"/></center>

<form id="translateForm" action="http://www.worldlingo.com/S1790.5/translation" target="_blank">

<input value="ES" name="wl_srclang" type="hidden"/>


<select style="font-size: 70%; width: 160px;" name="wl_trglang">

<option value="EN"/>Español - Inglés

<option value="FR"/>Español - Francés


<option value="DE"/>Español - Alemán

<option value="IT"/>Español - Italiano

<option value="PT"/>Español - Portugués


<option value="RU"/>Español - Ruso

</select>

<input value="http://algodeblogs.blogspot.com/" name="wl_url" type="hidden"/>


<input style="font-size: 70%; width: 50px;" value="Traduce" type="submit"/>

</form>



Para ajustarlo al tamaño de vuestra sidebar, podéis cambiar el ancho de la caja donde dice width: 160px por los pixeles adecuados y en el botón podéis cambiar el texto sustituyendo "Traduce" por lo que queráis mostrar, para adaptar el tamaño del botón al texto que coloquéis en el, cambiáis su tamaño en donde veis width: 50px.

viernes, 13 de febrero de 2009

WordPress 2.8 soportará instalación de themes desde el Panel

Estás leyendo: WordPress 2.8 soportará instalación de themes desde el Panel.
RSS

WordPress 2.8 soportará instalación de themes desde el Panel
Escrito por Marlex el 13 de Febrero del 2009 - Ir a los Comentarios ↓

WordPress LogoLa nueva versión de WordPress, la 2.8, permitirá que los usuarios puedan instalar themes para su sistema de WordPress a través del panel de control de WP, al igual que se puede hacer con los plugins, que se pueden cargar desde el repositorio de WP o desde un archivo ZIP.

Probablemente esta funcionalidad sea poco aprovechada ya que, cabe destacar que muchos de los themes que actualmente se utilizan en los blogs, son editados primero en el ordenador, y luego subido a las instalaciones personalizadas de WP, haciendo inútil el instalarlos directamente desde internet sin antes editarlos primero, aunque sabemos que el panel de edición de themes es bastante útil en ese sentido.



Ejner69, además, publica una captura de la opción de subida de themes a través de un Zip, y también la posibilidad de buscarlos en el directorio de themes de WordPress en su sitio oficial.