• Sociable
• Viper’s Video Quicktags
• Subscribe2

1. Blogsome
2. Blogsome - Forum
3. Documentation on WP-CT
4. Smarty
5. Paint the Tiger, Carve the Swan » Blogsome
6. it’s all beta
7. Importar comentarios - Importar posts a WordPress
8. Juglar
9. The Citizen On Mars
10. StandAlone

• ártabro
• Blogger Indonesia
• Rajeev Karamchedu

La opción sencilla es un listado (li) ordenado por nombre.

<h4>Categorías</h4>
<ul>
{list_cats optionall='0' all='All' sort_column='name'}
</ul>

Algunos parámetros que podemos usar:
sort_column: Ordenar por nombre (’name’) o identificación (’id’ por defecto).
list: Cada nombre de categoría estará entre etiquetas <li> (’1′ por defecto) o no (’0′).
optiondates: Mostrar la fecha del último post escrito en cada categoría (’1′) o no (’0′ por defecto).
optioncount: Mostrar el nº de posts escritos en cada categoría (’1′) o no (’0′ por defecto)
hide_empty: Esconder categorías vacías (’1′ por defecto) o no (’0′).
use_desc_for_title: Mostrar la descripción de la categoría como elemento title del enlace (’1′ por defecto) o no (’0′).
children: Mostrar las subcategorías (’1′) o no (’0′ por defecto)
child_of: Mostrar solo las subcategorías de una categoría (’id’)
feed: Mostrar un texto que enlaza al feed de cada categoría (’texto que enlaza a cada feed’)
feed_image: Mostrar una imagen que enlaza al feed (’/images/feedicon.gif’)
exclude: Excluir algunas categorías (id, id, id).
hierarchical: Desplegar las subcategorías y categorías de forma jerárquica (’1′ por defecto) o no (’0′).

Con lo ya podemos conseguir algo más elaborado:
{list_cats optionall='0' all='All' sort_column='name' optioncount='1' feed='RSS'}

Y con la imagen de feed y la forma en que quiero desplegar las subcategorías:
{list_cats optionall='0' all='All' sort_column='name' optioncount='1' children='1' hierarchical='0' feed_image ='/images/feedicon.png'}

El problema de esta última opción, es que no se despliegan elementos ‘alt’ a las imágenes, con lo que resulta imposible validar el diseño. Pero he aquí el apaño para los muy detallistas (lo encontré en la plantilla del gran Schinckel). Como antes, con icono para enlazar al feed, pero validando:
{capture name=categorias}{list_cats optionall='0' all='All' sort_column='name' optioncount='1' children='1' hierarchical='0' feed_image='http://static.flickr.com/116/316368744_960ba09f7e_o.gif'}{/capture}
{$smarty.capture.categorias|replace:"/>":"alt='Feed RSS de esta categoría' />"}

Technorati tags: blogsome, categorias, categories, smarty, templates, plantilla, juglar103, Juglar

<form action="" method="post">
<p>
<select id="archivomeses" name="archivomeses" onchange="document.location.href=this.options[this.selectedIndex].value;">
<option value=''>Elige un Mes</option>
{capture name=archivomeses}{get_archives type='monthly' format='option' show_post_count='1'}{/capture}
{assign var=monthly_archives value=$smarty.capture.archivomeses|replace:"January":"Enero"|replace:"February":"Febrero"|replace:"March":"Marzo"|replace:"April":"Abril"|replace:"May":"Mayo"|replace:"June":"Junio"|replace:"July":"Julio"|replace:"August":"Agosto"|replace:"September":"Septiembre"|replace:"October":"Octubre"|replace:"November":"Noviembre"|replace:"December":"Diciembre"}
{$monthly_archives}
</select>
</p>
</form>

Technorati tags: archivos, meses, blogsome, formularios, juglar103, Juglar

Vamos, que bueno es saberlo (además es una forma alternativa de hacer una copia de seguridad), pero mientras Blogsome siga funcionando tan bien, no me planteo cambiar.

Relacionado:
Howto Migrate comment from Blogsome to Wordpress
Weblog Migration Is a Painful Process or Is It Not?

Technorati tags: blogsome, migrate, wordpress, rss, juglar103, Juglar

Me vienen muchas visitas buscando plantillas (themes) para Blogsome, pero la verdad es que no he encontrado muchas que te lo den fácil (copiar y pegar):

Connections (english)
Hemingway (english)
RalphLite (english)
IKTeroak (euskera)
Juglar (castellano)
vi: blog me (italiano)

Si bien, dada la gran cantidad de plantillas de libre uso que hay de otros servicios como WordPress o Blogger, otra opción es (con paciencia) adaptarlas a Blogsome (ejemplo). Esto es factible aunque no se dominen mucho las etiquetas en código smarty.

He encontrado algunos bloggers que han personalizado dignamente sus blogs en Blogsome. Sirvan de ejemplo, y no dejen de sugerirme otros:
http://lifeaslou.blogsome.com/
http://eugenia.blogsome.com/
http://eltercero.blogsome.com/
http://davidpc.blogsome.com/
http://unavidaejemplar.blogsome.com/
http://windehbs.blogsome.com/
http://ladivinacomedia.blogsome.com/

Technorati tags: blogsome, themes, templates, plantillas, juglar103, Juglar

{$content|replace:"No posts mad*e":"Esta dirección no corresponde a ningún artículo."}

Aunque lo que realmente pretendía era personalizar a mi antojo la página de error, lo más que me ha aceptado el código es un título. Esta es mi propuesta:

{$content|replace:"No posts mad*e":"<h3>Error</h3>Esta dirección no corresponde a ningún artículo. Quizá ha cambiado de ubicación, así que lo mejor es que uses el buscador o navegues a través de las categorías"|replace:"Page Does Not Exis*t.":"<h3>Error</h3>Esta dirección no corresponde a ningúna página. Quizá ha cambiado de ubicación, así que lo mejor es que uses el buscador o navegues a través de las categorías"}

Nota importante: adviértase que he introducido asteriscos en las frases en inglés que se despliegan por defecto para poder mostrarlas en este post, sin que se transformen automáticamente. Elimínenlo a la hora de usarlo.

Ejemplo de página de error.

Otra alternativa:
How to customize a 404 error page in your free Wordpress blog - WebTips Community

Blogsome Forum - Random taglines?
Intenta - Citas aleatorias con Javascript
Mostrar un enlace aleatorio con Javascript en Intenta

<div id="cita">{literal}
<script type="text/javascript" language="JavaScript">
<!--
function random_text()
{};
var random_text = new random_text();
var number = 0;
random_text[number++] = "frase1"
random_text[number++] = "frase2"
random_text[number++] = "frase3"
random_text[number++] = "frase4"
random_text[number++] = "frase5"
random_text[number++] = "frase6"
var random_number = Math.floor(Math.random() * number);
document.write(random_text[random_number]);
--></script>{/literal}
</div>

Barra de etiquetas HTML:
Las función está en este archivo de javascript, que ya está camuflado como .jpg, para poder guardarlo en tu cuenta en Blogsome:
http://juglar103.blogsome.com/images/quicktags.jpg

Insertas este código en la sección de comentarios, siempre sustituyendo USUARIO por lo que corresponda:
<script type="text/javascript" src="http://USUARIO.blogsome.com/images/quicktags.jpg> </script>
<script type="text/javascript">edToolbar(); </script>

Y justo después del textarea:
<script type="text/javascript"> edCanvas = document.getElementById('comment'); </script>

Cómo ejemplo total, la visión completa en mis comentarios:
<p>
<label for="comment">{_e text="Tu comentario"}</label>
<br />
<script src="http://USUARIO.blogsome.com/images/quicktags.jpg" type="text/javascript"></script>
<script type="text/javascript">edToolbar();</script>
<textarea name="comment" id="comment" cols="65" rows="4" tabindex="4"></textarea>
<script type="text/javascript"> edCanvas = document.getElementById('comment'); </script>
</p>

Comentarios del autor diferenciados:
Para poder diferenciar cuando se trata de un comentario del autor:
{capture name=author}{the_author_email}{/capture}
{capture name=reader}{comment_author_email}{/capture}
{if $smarty.capture.reader == $smarty.capture.author}
<li class="autor" id="comment-{comment_ID}">
{else}
<li class="alt" id="comment-{comment_ID}">
{/if}

Así podemos especificar un estilo propio para los comentarios del autor, por ejemplo:
#listacomentarios li.autor {
background-color:#BDEFBD;
}

Finalmente, el ejemplo completo con lo que uso actualmente:
{if $comments != ''}
{capture name=author}{the_author_email}{/capture}
<ul id="listacomentarios">
{foreach from=$comments key=key item=comment}
{globalvar var='comment' value=$comment}
{capture name=reader}{comment_author_email}{/capture}
{if $smarty.capture.reader == $smarty.capture.author}
<li class="autor" id="comment-{comment_ID}">
{else}
<li class="alt" id="comment-{comment_ID}">
{/if}
<div class="cabeceracomentario">
<div class="autorcomentario">{comment_author_link} ({comment_type})</div>
<div class="textocomentario">{comment_text}</div>
<div class="piecomentario">{comment_date} @ {comment_time} <a href="#comment-{comment_ID}">link</a>{edit_comment_link link='Edit' before=' |'}</div>
</li>
{/foreach}
</ul>

Fechas en posts:
Para mostrar la fecha se suele usar expresiones como:

Meses del archivo:
Se suele representar mediante etiquetas tal que así:

Elementos title de los enlaces a las categorías:
Cuando posamos el ratón sobre las categorías, el elemento title por defecto es “View all posts in…”.
Para las categorías del menú lateral hay fácil solución: añadir una descripción en la edición de categorías. Entonces ésta se desplegará como elemento title.
Pero para los enlaces a las categorías en cada post, no ocurre lo mismo.
En cada post, la categoría se muestra mediante:

Versión en Euskera: IKTeroak :: Blogsome Euskaraz

Paint the Tiger • Carve the Swan » Changing Languages
Ártabro :: Fecha en castellano

Guardar el siguiente archivo javascript palabra.js, o bien insertarlo directamente en el head:
<script type="text/javascript">
function tlectura(idpost,idtlectura) {
var txt = document.getElementById(idpost).innerHTML;
var ppmin = 250;
if (txt){
txt = txt.replace(/< [^>]+>/g, ” “);
var palabras = txt.match(/(\w|�|�|�|�|�|�|�|�|�|�|�|�|�)+[\s\n\r\t,\.;:”‘\(\)\{\}\[\]$]*/g);
var palabrapost = 0;
if (palabras) {palabrapost = palabras.length;}
if (palabrapost < = {
document.getElementById(idtlectura).innerHTML='‘+”Tiempo lectura: Menos de 2 segundos”+’< '+'/sp'+'an>‘;
} else {
xminutos = parseInt(palabrapost/ppmin);
xsegundos = Math.round(60 * (palabrapost/ppmin - xminutos));
document.getElementById(idtlectura).innerHTML=’‘+”Tiempo lectura: “+((xminutos>0)?xminutos:”")+((xminutos>0)?((xminutos == 1)?” minuto “:” minutos “):”")+((xsegundos>0)?xsegundos:”")+((xsegundos>0)?((xsegundos == 1)?” segundo”:” segundos”):”")+’ < '+'/sp'+'an>‘;
}
}
}
</script>

En el apartado post de la plantilla:
- Identificar cada artículo con el atributo:
id="j{the_ID}"
Que podría quedar por ejemplo (según la plantilla):
<div id="j{the_ID}">
ó
<div class="post" id="j{the_ID}">

- Añadir la llamada al script que cuenta las palabras:
<script type="text/javascript">tlectura("j{the_ID}","elposttlec{the_ID}");</script>

- Donde queramos desplegar el texto del tiempo de lectura del artículo:
<span class="tlectura" id="elposttlec{the_ID}"></span>

Para las páginas en HTML, sólo tienen que “ver código fuente” (view source).

Paint the Tiger • Carve the Swan » Blogsome Templates

Actualización: Versión mejorada: Plantilla.

Primero he creado una categoría específica de enlaces para blogs en la sección: Links-Link Categories.

Después, he exportado mis suscripciones en Bloglines a un archivo OPML, y las he introducido como enlaces en dicha categoría: Links - Import Links.

Y por último, he modificado ligeramente el código para mostrar 5 enlaces aleatorios de esa categoría:

{get_links category='2' before='<li>' after='</li>' between='' show_images='0' orderby='_rand' show_description='0' show_rating='0' limit='5' show_updated='-1'}

Para ampliar información sobre los parámetros, vease Template Tags/get links « WordPress Codex.

La versión pura para Wordpress en Blogpocket.

PHP es un lenguaje para diseño web que es la base de las plantillas de WordPress (ver WordPress Codex Template Tags, o WordPress Wiki - Template Tags), que puede generar problemas de seguridad para un alojamiento gratuito como Blogsome. Por esta razón, Blogsome usa Smarty para las plantillas, que es otra manera de escribir el código PHP.

Los códigos Smarty van entre llaves. Por ejemplo:
{bloginfo show='description'}
mostraría la descripción que has indicado para tu blog.

Un ejemplo para observar la diferencia entre ambos lenguajes:
<?php the_time(‘D j M Y’); ?>
{the_time d= ‘D j M Y’}

Las plantillas WordPress suelen tener siete archivos (index.php, sidebar.php, header.php, footer.php, post.php, comments.php, page.php.). Pero en Blogsome sólo existen tres, aparte de la hoja de estilos (Site Style Sheet) que son index, post, y comments, por lo que hay que apretar esos siete archivos en tres. Post y comments se corresponden, y los otros cinco se agrupan en el index de Blogsome.

En este apartado, debemos convertir todas las funciones PHP a código Smarty, lo cual consiste básicamente en sustituir <?php por {, y ?> por }.

Listado de funciones Smarty
Wiki Blogsome
shanas.blogsome.com :: Download BlogSome Themes
Shana’s Designs
it’s all beta :: Blogsome
it’s all beta :: Re-designing/Designing Blogsome Themes
==BLOG STUFF==
the occasional blog :: Hemingway Theme for blogsome

Nota: Al insertar códigos ajenos al servicio que contegan llaves, la plantila los interpreta como códigos Smarty inválidos y el blog podría no mostrarse. Para resolver el problema se pueden usar las siguientes etiquetas:
{literal} código {/literal}

Converting Themes to Blogsome, Part 1
Blogsome Themes, Part 2.
Blogsome Team :: Common Problems

1. Wordpress Themes
2. Top Wordpress Themes
3. Free WordPress Themes
4. Best Wordpress Themes
5. FreeThemeLayouts
6. Free WP Themes
7. Fahlstad Design
8. WordPress Themes by Sadish
9. Theme Lab
10. WP Themes

• SkinPress.com
• Web2feel.com
• N.Design Studio

Puedes elegir entre sus plantillas prediseñadas, que puedes modificar totalmente según tus preferencias.

Tras un primer contacto, destacaría ciertas ventajas de gestionar con WordPress sobre Blogger: posibilidad de incluir los posts en diferentes categorías, sistema de comentarios y trackbacks integrado, división de la gestión de la plantilla (en Página Principal, CSS, Posts y Comentarios), etc.

Características:
- Permite subir archivos (imágenes) no mayores a 300k.
- Sistema de estadísticas.
- Hay una serie de plugins predefinidos que puedes activar o desactivar (como el antispam en comentarios) , pero no puedes añadir otros diferentes.
- Publicidad de Google.

Ofrece la posibilidad de que la nueva bitácora sea sólo para probar el servicio, y, pasados unos días, te preguntan por correo electrónico si quieres convertirla en una bitácora permanente o si la borran de su servidor.

Es la manera más sencilla de disfrutar de las ventajas de WordPress, sin tener que instalarlo.

Ver también:
Blogsome Forum (RSS)
Diferencias entre Blogsome y WordPress
Tags Blogsome, explicacion.
Vídeo tutorial sobre Blogsome en inglés

Mangas Verdes
b3co.com
Bicubic

Alojamiento de un blog con WP
Algunos servicios ofrecen WordPress preinstalado, y están listos para empezar a postear. Varían en cuanto al grado de personalización de la plantilla. Inconvenientes: publicidad, no se pueden hacer copias de seguridad, ni añadir plugins.
WordPress.com
Blogthing.com
Blogsome.com
WordPressBlogs.com
Webloog.com
BlogsWith.Us

La otra opción es instalarlo uno mismo en algún servidor gratuito (con el consiguiente riesgo, claro), o escoger un alojamiento de pago (una opción muy utilizada por los usuarios de WordPress que quieren hacer un trabajo serio).

Instalación - Tutoriales
WordPress › Download
Getting Started with WordPress « WordPress Codex
Installing WordPress
Mundo de la red » Tutorial práctico sobre WordPress
La otra bola de cristal » Crea tu propio blog con WORDPRESS
La otra bola de cristal » Préparate para empezar con WORDPRESS
Como instalar Wordpress + Cristalab
blogpocket » Cómo instalar WordPress 2.0.1 desde cero
Instalar Wordpress facilmente en español
Blogs Dominicanos - Tutorial de WordPress
Proceso de instalación de wordpress - Install Party
Wordpress Configuración y personalización - Install Party
Wordpress Quickstart Screencast Tutorial (1) » cre8d design blog

Importación de los posts de tu antiguo blog
Movable Type: http://miblog.com/wp-admin/import-mt.php
Blogger: http://miblog.com/wp-admin/import-blogger.php
Cómo importar a WordPress los artículos de una bitácora de Blogger. (Vía: eCuaderno).

Etiquetas - Tags
WordPress Codex
Template Tags
WordPress Template Tags
es:Main Page « WordPress Codex

Plugins
plugins_para_wordpress [MundoGeek]
WordPress Wiki - Plugin

Ayudas para WordPress
Plantillas - Themes
Foro de WP en Bitacoras.com
WordPress-es
WordEsPress, Wordpress en español
WordPress - Wikipedia
WordPress Hispano
Planeta WordPress

Tutoriales de WordPress.com
Cómo crear una cuenta de usuario
Cómo se elige una plantilla
Cómo configurar las opciones básicas
Why WordPress.com Rocks | Tubetorial
Guía para la creación de blogs