<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Chica Blogger &#187; Wordpress</title>
	<atom:link href="http://chicablogger.com/tag/wordpress/feed/" rel="self" type="application/rss+xml" />
	<link>http://chicablogger.com</link>
	<description>Recursos para Blogger y WordPress</description>
	<lastBuildDate>Tue, 07 Feb 2012 06:09:10 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Cómo añadir Google Fonts en tu blog de Blogger o WordPress</title>
		<link>http://chicablogger.com/como-anadir-google-fonts-en-tu-blog-de-blogger-o-wordpress/</link>
		<comments>http://chicablogger.com/como-anadir-google-fonts-en-tu-blog-de-blogger-o-wordpress/#comments</comments>
		<pubDate>Thu, 01 Sep 2011 00:39:31 +0000</pubDate>
		<dc:creator>Claudia</dc:creator>
				<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[Blogger]]></category>
		<category><![CDATA[fuentes personalizadas]]></category>
		<category><![CDATA[Google fonts]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://chicablogger.com/?p=4760</guid>
		<description><![CDATA[Añadir fuentes personalizadas es una tendencia en diseño web que quizás nunca pase de moda: está muy en voga, le da un toque personal a tu blog y permite mejorar su estética. Y a la hora de hacerlo, Google Fonts es una de las mejores opciones, porque es fácil y rápido de incorporar y cuenta [...]

<h3>Posts relacionados</h3><ul><li><a href='http://chicablogger.com/como-anadir-paginacion-en-wordpress-sin-plugin/' rel='bookmark' title='Permanent Link: Cómo añadir paginación en WordPress sin plugin'>Cómo añadir paginación en WordPress sin plugin</a></li><li><a href='http://chicablogger.com/anadir-nivo-slider-en-blogger/' rel='bookmark' title='Permanent Link: Añadir Nivo Slider en Blogger'>Añadir Nivo Slider en Blogger</a></li><li><a href='http://chicablogger.com/alternativa-a-google-pages/' rel='bookmark' title='Permanent Link: Alternativa a Google pages'>Alternativa a Google pages</a></li></ul>]]></description>
			<content:encoded><![CDATA[<p><strong>Añadir fuentes personalizadas</strong> es una tendencia en diseño web que quizás nunca pase de moda: está muy en voga, le da un toque personal a tu blog y permite mejorar su estética. Y a la hora de hacerlo, <strong>Google Fonts</strong> es una de las mejores opciones, porque es fácil y rápido de incorporar y cuenta con una numerosa cantidad de familias de fuentes (actualmente, 247 y creciendo).</p>
<p><img src="http://chicablogger.com/wp-content/uploads/2011/08/Usar-Google-Web-Fonts.jpg" alt="google web fonts" title="Usar-Google-Web-Fonts" width="500" height="280" class="aligncenter size-full wp-image-4785" /></p>
<p>Cómo hacerlo, paso a paso:</p>
<h3><strong>1. Selecciona una fuente</strong></h3>
<p>Ve a <a href="http://www.google.com/webfonts" rel="nofollow"><strong>Google Fonts</strong></a> y elige la fuente que más te agrade. Si a primera vista no logras decidirte, puedes añadir varias fuentes a tu colección (pulsando el botón &#8220;<strong>Add to collection</strong>&#8220;). Una vez que has escogido, haz click en &#8220;<strong>Use</strong>&#8221; o &#8220;<strong>Quick-use</strong>&#8220;. </p>
<h3><strong>2. Obtén el código</strong></h3>
<p>Hay fuentes con 1, 2 ó más estilos. Naturalmente, una fuente con más estilos te permite más opciones: normal, negrita, cursiva, etc.</p>
<p>Yo elegí la fuente &#8220;<strong>Droid Serif</strong>&#8220;, y seleccioné los 4 estilos que tiene.</p>
<p><img src="http://chicablogger.com/wp-content/uploads/2011/08/Droid-Serif1.jpg" alt="" title="Droid-Serif" width="540" height="125" class="alignnone size-full wp-image-4770" /></p>
<p>El sitio me entregará un código como el siguiente:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="language" style="font-family:monospace;">&lt;link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'&gt;</pre></td></tr></table></div>

<p>Dicho código debe ser incorporado exactamente después de <strong>&lt;head&gt;</strong>. En <strong>WordPress</strong>, en tu <em>header.php</em>, en <strong>Blogger</strong>, en <em>Diseño/Edición de HTML</em> (al inicio de tu plantilla).</p>
<p>Antes de guardar, no olvides añadir un slash (<strong>/</strong>) de cierre antes del signo &#8220;<em>mayor que</em>&#8220;, de modo que el código a añadir quede de la siguiente forma:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="language" style="font-family:monospace;">&lt;link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'/&gt;</pre></td></tr></table></div>

<h3><strong>3. Modifica los encabezados en tu hoja de estilos</strong></h3>
<p>Busca los lugares donde hay <strong>encabezados (h1, h2, h3, etc.)</strong>, e incorpora el nombre de la fuente como normalmente lo harías con cualquier otra fuente, usando la propiedad &#8220;<strong>font-family</strong>&#8220;.</p>
<p>Ejemplo:</p>

<div class="wp_syntax"><div class="code"><pre class="language" style="font-family:monospace;">h1 { 
font-family: 'Droid Serif', Arial, serif; 
font-weight: 400; 
}</pre></div></div>

<p>Nótese que aquí también se utiliza la propiedad &#8220;<strong>font-weight</strong>&#8220;. En este caso, así como en el de muchas otras fuentes, <strong>&#8220;400&#8243; es normal y &#8220;700&#8243; es bold o negrita</strong>.</p>
<p>También puedes cambiar el estilo a <strong>cursiva </strong>(o itálico) con la propiedad &#8220;<strong>font-style</strong>&#8220;:</p>

<div class="wp_syntax"><div class="code"><pre class="language" style="font-family:monospace;">h1 { 
font-family: 'Droid Serif', Arial, serif; 
font-weight: 400; 
font-style: italic;
}</pre></div></div>

<p>Finalmente, aquí hay otro ejemplo, que incorpora además la propiedad &#8220;<strong>text-shadow</strong>&#8220;:</p>

<div class="wp_syntax"><div class="code"><pre class="language" style="font-family:monospace;">#header h1 {
font-family: 'Droid Serif', Helvetica, arial, sans-serif;
color: #000;
font-size: 40px;
font-weight: 700;
font-style: italic;
text-shadow: 2px 2px 0 #E5E0D0;
}</pre></div></div>



<h3>Posts relacionados</h3><ul><li><a href='http://chicablogger.com/como-anadir-paginacion-en-wordpress-sin-plugin/' rel='bookmark' title='Permanent Link: Cómo añadir paginación en WordPress sin plugin'>Cómo añadir paginación en WordPress sin plugin</a></li><li><a href='http://chicablogger.com/anadir-nivo-slider-en-blogger/' rel='bookmark' title='Permanent Link: Añadir Nivo Slider en Blogger'>Añadir Nivo Slider en Blogger</a></li><li><a href='http://chicablogger.com/alternativa-a-google-pages/' rel='bookmark' title='Permanent Link: Alternativa a Google pages'>Alternativa a Google pages</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://chicablogger.com/como-anadir-google-fonts-en-tu-blog-de-blogger-o-wordpress/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Mostrar anuncios de Adsense sólo a los visitantes de buscadores en WordPress y Blogger</title>
		<link>http://chicablogger.com/mostrar-anuncios-de-adsense-solo-a-los-visitantes-de-buscadores-en-wordpress-y-blogger-3/</link>
		<comments>http://chicablogger.com/mostrar-anuncios-de-adsense-solo-a-los-visitantes-de-buscadores-en-wordpress-y-blogger-3/#comments</comments>
		<pubDate>Thu, 25 Aug 2011 03:19:39 +0000</pubDate>
		<dc:creator>Claudia</dc:creator>
				<category><![CDATA[Sistemas de publicidad]]></category>
		<category><![CDATA[Adsense]]></category>
		<category><![CDATA[Blogger]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://chicablogger.com/?p=4624</guid>
		<description><![CDATA[Se dice que mostrar Adsense únicamente a visitantes que llegan a tu blog a través de Google y otros buscadores aumenta el CTR (click throughrate: número de clicks dividido en el número de impresiones de un anuncio) -entre otros factores- y por ende tus posibles ganancias, dado que los lectores no habituales son más proclives [...]

<h3>Posts relacionados</h3><ul><li><a href='http://chicablogger.com/free-social-icons-todos-los-iconos-social-media-en-un-solo-lugar/' rel='bookmark' title='Permanent Link: Free Social Icons: Todos los íconos social media en un solo lugar'>Free Social Icons: Todos los íconos social media en un solo lugar</a></li><li><a href='http://chicablogger.com/los-mil-y-un-usos-de-wordpres/' rel='bookmark' title='Permanent Link: Los mil y un usos de WordPress'>Los mil y un usos de WordPress</a></li><li><a href='http://chicablogger.com/los-12-mejores-lugares-para-encontrar-plantillas-blogger-segun-blogger/' rel='bookmark' title='Permanent Link: Los 12 mejores lugares para encontrar plantillas Blogger (según Blogger)'>Los 12 mejores lugares para encontrar plantillas Blogger (según Blogger)</a></li></ul>]]></description>
			<content:encoded><![CDATA[<p>Se dice que mostrar <strong>Adsense únicamente a visitantes que llegan a tu blog a través de Google y otros buscadores aumenta el CTR</strong> (click throughrate: número de clicks dividido en el número de impresiones de un anuncio) -entre otros factores- y por ende tus posibles ganancias, dado que los lectores no habituales son más proclives a hacer click en algún anuncio.</p>
<p>¿Cómo hacerlo?</p>
<h3><strong>En WordPress:</strong></h3>
<p>En primer lugar, debes añadir la siguiente función en tu <strong>functions.php</strong>:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
</pre></td><td class="code"><pre class="language" style="font-family:monospace;">$ref = $_SERVER['HTTP_REFERER'];
$SE = array('/search?', 'images.google.', 'web.info.com', 'search.', 'del.icio.us/search', 'soso.com', '/search/', '.yahoo.');
foreach ($SE as $source) {
  if (strpos($ref,$source)!==false) {
    setcookie(&quot;sevisitor&quot;, 1, time()+3600, &quot;/&quot;, &quot;.TUBLOG.COM&quot;); 
    $sevisitor=true;
  }
}
&nbsp;
function fromasearchengine(){
  global $sevisitor;
  if ($sevisitor==true || $_COOKIE[&quot;sevisitor&quot;]==1) {
    return true;
  }
  return false;
}</pre></td></tr></table></div>

<p>Modifica &#8220;<strong>.TUBLOG.COM</strong>&#8221; por tu dominio. Ahora, copia lo siguiente en cada lugar donde quieras añadir bloques de anuncios de Adsense:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
</pre></td><td class="code"><pre class="language" style="font-family:monospace;">&lt;?php if (function_exists('fromasearchengine')) {
  if (fromasearchengine()) { ?&gt;
    TU CÓDIGO DE ADSENSE
&lt;?php } } ?&gt;</pre></td></tr></table></div>

<h3><strong>En Blogger:</strong></h3>
<p>Busca el siguiente código al inicio de tu plantilla, en <strong>Diseño/Edición de HTML</strong>:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="language" style="font-family:monospace;">&lt;title&gt;&lt;data:blog.pageTitle/&gt;&lt;/title&gt;</pre></td></tr></table></div>

<p>Pega justo debajo:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
</pre></td><td class="code"><pre class="language" style="font-family:monospace;">&lt;script type='text/javascript'&gt;
//&lt;![CDATA[
var ref = document.referrer;
var se = new Array('/search?', 'images.google.', 'web.info.com', 'search.', 'del.icio.us/search', 'soso.com', '/search/', '.yahoo.');
var sevisitor = false;
for (var i = 0; i &lt;= se.length-1; i++) {
    if (ref.indexOf(se[i])!== -1) {
        var expiry = new Date ();
        expiry.setTime(expiry.getTime() + 3600000);
        document.cookie = &quot;sevisitor=1; expires=&quot; + expiry + &quot;; path=/; domain=TUBLOG.COM&quot;;
        sevisitor = true;
    }
}
//]]&gt;
&lt;/script&gt;</pre></td></tr></table></div>

<p>En ese código, reemplaza <strong>TUBLOG.COM</strong> por tu dominio.</p>
<p>Ahora, pon este código junto a tus anuncios de Adsense:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
</pre></td><td class="code"><pre class="language" style="font-family:monospace;">var results = document.cookie.match ( '(^|;) ?sevisitor=([^;]*)(;|$)' );
if (sevisitor == true || results[2] == 1) {</pre></td></tr></table></div>

<p>Debe verse de la siguiente manera:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
</pre></td><td class="code"><pre class="language" style="font-family:monospace;">&lt;script type='text/javascript'&gt;
//&lt;![CDATA[
var results = document.cookie.match ( '(^|;) ?sevisitor=([^;]*)(;|$)' );
if (sevisitor == true || results[2] == 1) {
    var adsenseString = &quot;&lt;div style=\&quot;float: left;\&quot;&gt;\n&quot;;
    adsenseString += &quot;&lt;script type=\&quot;text/javascript\&quot;&gt;&lt;!--\n&quot;;
    adsenseString += &quot;google_ad_client = \&quot;pub-xxxxxxxxxxxxxxxx\&quot;;\n&quot;;
    adsenseString += &quot;google_ad_host = \&quot;pub-xxxxxxxxxxxxxxxx\&quot;;\n&quot;;
    adsenseString += &quot;google_ad_slot = \&quot;xxxxxxxxxx\&quot;;\n&quot;;
    adsenseString += &quot;google_ad_width = 336;\n&quot;;
    adsenseString += &quot;google_ad_height = 280;\n&quot;;
    adsenseString += &quot;//--&gt;\n&quot;;
    adsenseString += &quot;&lt;\/script&gt;\n&quot;;
    adsenseString += &quot;&lt;script type=\&quot;text/javascript\&quot;\n&quot;;
    adsenseString += &quot;src=\&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js\&quot;&gt;\n&quot;;
    adsenseString += &quot;&lt;\/script&gt;\n&quot;;
    adsenseString += &quot;&lt;\/div&gt;\n&quot;;
    document.write(adsenseString);
}
//]]&gt;
&lt;/script&gt;</pre></td></tr></table></div>

<p>Finalmente, sólo queda reemplazar las <strong>xxxxx</strong> por los números que aparecen en tu código de Adsense, y modificar el alto y el ancho que corresponden a las <strong>dimensiones de tu anuncio</strong> (en este ejemplo, 336&#215;280).</p>
<p><strong>Vía</strong> | <strong>Scratch99.com (<a rel="nofollow" href="http://scratch99.com/website-management/make-money-online/smart-pricing/make-money-online-smart-pricing-on-blogger/">1</a>) (<a rel="nofollow" href="http://scratch99.com/website-management/make-money-online/smart-pricing/avoid-smart-pricing-show-adsense-only-to-search-engine-visitors/">2</a>)</strong></p>


<h3>Posts relacionados</h3><ul><li><a href='http://chicablogger.com/free-social-icons-todos-los-iconos-social-media-en-un-solo-lugar/' rel='bookmark' title='Permanent Link: Free Social Icons: Todos los íconos social media en un solo lugar'>Free Social Icons: Todos los íconos social media en un solo lugar</a></li><li><a href='http://chicablogger.com/los-mil-y-un-usos-de-wordpres/' rel='bookmark' title='Permanent Link: Los mil y un usos de WordPress'>Los mil y un usos de WordPress</a></li><li><a href='http://chicablogger.com/los-12-mejores-lugares-para-encontrar-plantillas-blogger-segun-blogger/' rel='bookmark' title='Permanent Link: Los 12 mejores lugares para encontrar plantillas Blogger (según Blogger)'>Los 12 mejores lugares para encontrar plantillas Blogger (según Blogger)</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://chicablogger.com/mostrar-anuncios-de-adsense-solo-a-los-visitantes-de-buscadores-en-wordpress-y-blogger-3/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Cómo añadir paginación en WordPress sin plugin</title>
		<link>http://chicablogger.com/como-anadir-paginacion-en-wordpress-sin-plugin/</link>
		<comments>http://chicablogger.com/como-anadir-paginacion-en-wordpress-sin-plugin/#comments</comments>
		<pubDate>Sat, 06 Aug 2011 22:49:16 +0000</pubDate>
		<dc:creator>Claudia</dc:creator>
				<category><![CDATA[Tutoriales WordPress]]></category>
		<category><![CDATA[pagenavi]]></category>
		<category><![CDATA[paginacion]]></category>
		<category><![CDATA[pagination]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[wp]]></category>

		<guid isPermaLink="false">http://chicablogger.com/?p=4498</guid>
		<description><![CDATA[Si pensamos en paginación en WordPress, probablemente pensemos en un plugin: WP-Pagenavi. No obstante, también podemos paginar nuestro blog para mejorar la experiencia de los usuarios sin plugin. Ello es especialmente útil a la hora de desarrollar temas para terceros, o simplemente si queremos evitar llenarnos de plugins que pueden no ser indispensables. Boutros Abichedid [...]

<h3>Posts relacionados</h3><ul><li><a href='http://chicablogger.com/anadir-un-widget-de-twitter-en-wordpress-sin-plugin-y-con-una-simple-funcion-php/' rel='bookmark' title='Permanent Link: Añadir un widget de Twitter en WordPress sin plugin y con una simple función PHP'>Añadir un widget de Twitter en WordPress sin plugin y con una simple función PHP</a></li><li><a href='http://chicablogger.com/como-anadir-google-fonts-en-tu-blog-de-blogger-o-wordpress/' rel='bookmark' title='Permanent Link: Cómo añadir Google Fonts en tu blog de Blogger o WordPress'>Cómo añadir Google Fonts en tu blog de Blogger o WordPress</a></li><li><a href='http://chicablogger.com/free-stock-images-el-plugin-wordpress-de-crestock/' rel='bookmark' title='Permanent Link: Freebie Images: El plugin WordPress de Crestock'>Freebie Images: El plugin WordPress de Crestock</a></li></ul>]]></description>
			<content:encoded><![CDATA[<p><!-- google_ad_section_start --><img src="http://chicablogger.com/wp-content/uploads/2011/08/paginacion-wordpress.jpg" alt="" title="paginacion-wordpress" width="475" height="133" class="aligncenter size-full wp-image-4506" /></p>
<p>Si pensamos en <strong>paginación en WordPress</strong>, probablemente pensemos en un plugin: <strong><a href="http://wordpress.org/extend/plugins/wp-pagenavi/" rel="nofollow">WP-Pagenavi</a></strong>. No obstante, también podemos paginar nuestro blog para mejorar la experiencia de los usuarios <strong>sin plugin</strong>. Ello es especialmente útil a la hora de desarrollar temas para terceros, o simplemente si queremos evitar llenarnos de plugins que pueden no ser indispensables.</p>
<p><a href="http://bacsoftwareconsulting.com/blog/index.php/web-programming/add-custom-wordpress-pagination-without-plugin/" rel="nofollow"><strong>Boutros Abichedid</strong></a> enseña cómo hacerlo, en tres simples pasos, y sin necesidad de tener grandes conocimientos de WordPress:</p>
<h3><strong>PASO 1: Copiar en el archivo funcions.php</strong></h3>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
</pre></td><td class="code"><pre class="language" style="font-family:monospace;">&lt;?php
/***** Numbered Page Navigation (Pagination) Code.
      Tested up to WordPress version 3.1.2 *****/
&nbsp;
/* Function that Rounds To The Nearest Value.
   Needed for the pagenavi() function */
function round_num($num, $to_nearest) {
   /*Round fractions down (http://php.net/manual/en/function.floor.php)*/
   return floor($num/$to_nearest)*$to_nearest;
}
&nbsp;
/* Function that performs a Boxed Style Numbered Pagination (also called Page Navigation).
   Function is largely based on Version 2.4 of the WP-PageNavi plugin */
function pagenavi($before = '', $after = '') {
    global $wpdb, $wp_query;
    $pagenavi_options = array();
    $pagenavi_options['pages_text'] = ('Página %CURRENT_PAGE% de %TOTAL_PAGES%:');
    $pagenavi_options['current_text'] = '%PAGE_NUMBER%';
    $pagenavi_options['page_text'] = '%PAGE_NUMBER%';
    $pagenavi_options['first_text'] = ('Primera');
    $pagenavi_options['last_text'] = ('Última');
    $pagenavi_options['next_text'] = 'Siguiente &amp;raquo;';
    $pagenavi_options['prev_text'] = '&amp;laquo; Anterior';
    $pagenavi_options['dotright_text'] = '...';
    $pagenavi_options['dotleft_text'] = '...';
    $pagenavi_options['num_pages'] = 5; //continuous block of page numbers
    $pagenavi_options['always_show'] = 0;
    $pagenavi_options['num_larger_page_numbers'] = 0;
    $pagenavi_options['larger_page_numbers_multiple'] = 5;
&nbsp;
    //If NOT a single Post is being displayed
    /*http://codex.wordpress.org/Function_Reference/is_single)*/
    if (!is_single()) {
        $request = $wp_query-&gt;request;
        //intval — Get the integer value of a variable
        /*http://php.net/manual/en/function.intval.php*/
        $posts_per_page = intval(get_query_var('posts_per_page'));
        //Retrieve variable in the WP_Query class.
        /*http://codex.wordpress.org/Function_Reference/get_query_var*/
        $paged = intval(get_query_var('paged'));
        $numposts = $wp_query-&gt;found_posts;
        $max_page = $wp_query-&gt;max_num_pages;
&nbsp;
        //empty — Determine whether a variable is empty
        /*http://php.net/manual/en/function.empty.php*/
        if(empty($paged) || $paged == 0) {
            $paged = 1;
        }
&nbsp;
        $pages_to_show = intval($pagenavi_options['num_pages']);
        $larger_page_to_show = intval($pagenavi_options['num_larger_page_numbers']);
        $larger_page_multiple = intval($pagenavi_options['larger_page_numbers_multiple']);
        $pages_to_show_minus_1 = $pages_to_show - 1;
        $half_page_start = floor($pages_to_show_minus_1/2);
        //ceil — Round fractions up (http://us2.php.net/manual/en/function.ceil.php)
        $half_page_end = ceil($pages_to_show_minus_1/2);
        $start_page = $paged - $half_page_start;
&nbsp;
        if($start_page &lt;= 0) {
            $start_page = 1;
        }
&nbsp;
        $end_page = $paged + $half_page_end;
        if(($end_page - $start_page) != $pages_to_show_minus_1) {
            $end_page = $start_page + $pages_to_show_minus_1;
        }
        if($end_page &gt; $max_page) {
            $start_page = $max_page - $pages_to_show_minus_1;
            $end_page = $max_page;
        }
        if($start_page &lt;= 0) {
            $start_page = 1;
        }
&nbsp;
        $larger_per_page = $larger_page_to_show*$larger_page_multiple;
        //round_num() custom function - Rounds To The Nearest Value.
        $larger_start_page_start = (round_num($start_page, 10) + $larger_page_multiple) - $larger_per_page;
        $larger_start_page_end = round_num($start_page, 10) + $larger_page_multiple;
        $larger_end_page_start = round_num($end_page, 10) + $larger_page_multiple;
        $larger_end_page_end = round_num($end_page, 10) + ($larger_per_page);
&nbsp;
        if($larger_start_page_end - $larger_page_multiple == $start_page) {
            $larger_start_page_start = $larger_start_page_start - $larger_page_multiple;
            $larger_start_page_end = $larger_start_page_end - $larger_page_multiple;
        }
        if($larger_start_page_start &lt;= 0) {
            $larger_start_page_start = $larger_page_multiple;
        }
        if($larger_start_page_end &gt; $max_page) {
            $larger_start_page_end = $max_page;
        }
        if($larger_end_page_end &gt; $max_page) {
            $larger_end_page_end = $max_page;
        }
        if($max_page &gt; 1 || intval($pagenavi_options['always_show']) == 1) {
            /*http://php.net/manual/en/function.str-replace.php */
            /*number_format_i18n(): Converts integer number to format based on locale (wp-includes/functions.php*/
            $pages_text = str_replace(&quot;%CURRENT_PAGE%&quot;, number_format_i18n($paged), $pagenavi_options['pages_text']);
            $pages_text = str_replace(&quot;%TOTAL_PAGES%&quot;, number_format_i18n($max_page), $pages_text);
            echo $before.'&lt;div class=&quot;pagenavi&quot;&gt;'.&quot;\n&quot;;
&nbsp;
            if(!empty($pages_text)) {
                echo '&lt;span class=&quot;pages&quot;&gt;'.$pages_text.'&lt;/span&gt;';
            }
            //Displays a link to the previous post which exists in chronological order from the current post.
            /*http://codex.wordpress.org/Function_Reference/previous_post_link*/
            previous_posts_link($pagenavi_options['prev_text']);
&nbsp;
            if ($start_page &gt;= 2 &amp;&amp; $pages_to_show &lt; $max_page) {
                $first_page_text = str_replace(&quot;%TOTAL_PAGES%&quot;, number_format_i18n($max_page), $pagenavi_options['first_text']);
                //esc_url(): Encodes &lt; &gt; &amp; &quot; ' (less than, greater than, ampersand, double quote, single quote).
                /*http://codex.wordpress.org/Data_Validation*/
                //get_pagenum_link():(wp-includes/link-template.php)-Retrieve get links for page numbers.
                echo '&lt;a href=&quot;'.esc_url(get_pagenum_link()).'&quot; class=&quot;first&quot; title=&quot;'.$first_page_text.'&quot;&gt;1&lt;/a&gt;';
                if(!empty($pagenavi_options['dotleft_text'])) {
                    echo '&lt;span class=&quot;expand&quot;&gt;'.$pagenavi_options['dotleft_text'].'&lt;/span&gt;';
                }
            }
&nbsp;
            if($larger_page_to_show &gt; 0 &amp;&amp; $larger_start_page_start &gt; 0 &amp;&amp; $larger_start_page_end &lt;= $max_page) {
                for($i = $larger_start_page_start; $i &lt; $larger_start_page_end; $i+=$larger_page_multiple) {
                    $page_text = str_replace(&quot;%PAGE_NUMBER%&quot;, number_format_i18n($i), $pagenavi_options['page_text']);
                    echo '&lt;a href=&quot;'.esc_url(get_pagenum_link($i)).'&quot; class=&quot;single_page&quot; title=&quot;'.$page_text.'&quot;&gt;'.$page_text.'&lt;/a&gt;';
                }
            }
&nbsp;
            for($i = $start_page; $i  &lt;= $end_page; $i++) {
                if($i == $paged) {
                    $current_page_text = str_replace(&quot;%PAGE_NUMBER%&quot;, number_format_i18n($i), $pagenavi_options['current_text']);
                    echo '&lt;span class=&quot;current&quot;&gt;'.$current_page_text.'&lt;/span&gt;';
                } else {
                    $page_text = str_replace(&quot;%PAGE_NUMBER%&quot;, number_format_i18n($i), $pagenavi_options['page_text']);
                    echo '&lt;a href=&quot;'.esc_url(get_pagenum_link($i)).'&quot; class=&quot;single_page&quot; title=&quot;'.$page_text.'&quot;&gt;'.$page_text.'&lt;/a&gt;';
                }
            }
&nbsp;
            if ($end_page &lt; $max_page) {
                if(!empty($pagenavi_options['dotright_text'])) {
                    echo '&lt;span class=&quot;expand&quot;&gt;'.$pagenavi_options['dotright_text'].'&lt;/span&gt;';
                }
                $last_page_text = str_replace(&quot;%TOTAL_PAGES%&quot;, number_format_i18n($max_page), $pagenavi_options['last_text']);
                echo '&lt;a href=&quot;'.esc_url(get_pagenum_link($max_page)).'&quot; class=&quot;last&quot; title=&quot;'.$last_page_text.'&quot;&gt;'.$max_page.'&lt;/a&gt;';
            }
            next_posts_link($pagenavi_options['next_text'], $max_page);
&nbsp;
            if($larger_page_to_show &gt; 0 &amp;&amp; $larger_end_page_start &lt; $max_page) {
                for($i = $larger_end_page_start; $i &lt;= $larger_end_page_end; $i+=$larger_page_multiple) {
                    $page_text = str_replace(&quot;%PAGE_NUMBER%&quot;, number_format_i18n($i), $pagenavi_options['page_text']);
                    echo '&lt;a href=&quot;'.esc_url(get_pagenum_link($i)).'&quot; class=&quot;single_page&quot; title=&quot;'.$page_text.'&quot;&gt;'.$page_text.'&lt;/a&gt;';
                }
            }
            echo '&lt;/div&gt;'.$after.&quot;\n&quot;;
        }
    }
}
?&gt;</pre></td></tr></table></div>

<p>*Lo traduje al español.</p>
<h3><strong>PASO 2: Reemplazar la navegación por defecto</strong></h3>
<p>En el archivo <strong>index.php</strong>, buscamos la navegación por defecto del theme, algo como esto:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
</pre></td><td class="code"><pre class="language" style="font-family:monospace;">&lt;div class=&quot;navigation&quot;&gt;
&lt;div class=&quot;alignleft&quot;&gt;&lt;?php previous_posts_link('&amp;laquo; Previous Entries') ?&gt;&lt;/div&gt;
&lt;div class=&quot;alignright&quot;&gt;&lt;?php next_posts_link('Next Entries &amp;raquo;','') ?&gt;&lt;/div&gt;
&lt;/div&gt;</pre></td></tr></table></div>

<p>Y la reemplazamos por:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="language" style="font-family:monospace;">&lt;div class=&quot;navigation&quot;&gt;&lt;?php if(function_exists('pagenavi')) { pagenavi(); } ?&gt;&lt;/div&gt;</pre></td></tr></table></div>

<p>Hacemos lo mismo en nuestro<strong> archive.php</strong> y nuestro <strong>search.php</strong>.</p>
<h3><strong>PASO 3: Estilizando nuestra paginación numerada</strong></h3>
<p>Ahora sólo queda copiar el siguiente código en la hoja de estilos (<strong>style.css</strong>), y modificar los colores y quizás algunas propiedades:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
</pre></td><td class="code"><pre class="language" style="font-family:monospace;">.pagenavi {
    margin: 0 0 20px 30px;
    padding: 5px 1px 5px;
    float:left;
    width: 98%;
}
.pagenavi a {
    padding: 5px 6px 4px 6px;
    margin: 3px;
    text-decoration: none;
    border: 1px solid #ccc;
    color: #666;
    background-color: inherit;
}
.pagenavi a:hover {
    border: 1px solid #444;
    color: #444;
    background-color: #eee;
}
.pagenavi span.pages {
    padding: 5px 6px 4px 6px;
    margin: 3px;
    color: #825a2d;
    font-weight:bold;
    border: 1px solid #999;
    background-color: inherit;
}
.pagenavi span.current {
    padding: 5px 6px 4px 6px;
    margin: 3px;
    font-weight:bold;
    border: 1px solid #666;
    color: #444;
    background-color: #eee;
}
.pagenavi span.expand {
    padding: 5px 6px 4px 6px;
    margin: 3px;
    border: 1px solid #ccc;
    color: #444;
    background-color: inherit;
}
.pagenavi .first, .pagenavi .last {
    border: 1px solid #aaa;
}
.pagenavi .single_page {
border: 1px dashed #ccc;
}</pre></td></tr></table></div>

<p>Eso es todo. Toma menos tiempo que instalar y configurar un plugin.<!-- google_ad_section_end --></p>


<h3>Posts relacionados</h3><ul><li><a href='http://chicablogger.com/anadir-un-widget-de-twitter-en-wordpress-sin-plugin-y-con-una-simple-funcion-php/' rel='bookmark' title='Permanent Link: Añadir un widget de Twitter en WordPress sin plugin y con una simple función PHP'>Añadir un widget de Twitter en WordPress sin plugin y con una simple función PHP</a></li><li><a href='http://chicablogger.com/como-anadir-google-fonts-en-tu-blog-de-blogger-o-wordpress/' rel='bookmark' title='Permanent Link: Cómo añadir Google Fonts en tu blog de Blogger o WordPress'>Cómo añadir Google Fonts en tu blog de Blogger o WordPress</a></li><li><a href='http://chicablogger.com/free-stock-images-el-plugin-wordpress-de-crestock/' rel='bookmark' title='Permanent Link: Freebie Images: El plugin WordPress de Crestock'>Freebie Images: El plugin WordPress de Crestock</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://chicablogger.com/como-anadir-paginacion-en-wordpress-sin-plugin/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Contactable: Un atractivo plugin jQuery para formularios de contacto</title>
		<link>http://chicablogger.com/contactable-un-atractivo-plugin-jquery-para-formularios-de-contacto/</link>
		<comments>http://chicablogger.com/contactable-un-atractivo-plugin-jquery-para-formularios-de-contacto/#comments</comments>
		<pubDate>Mon, 18 Jan 2010 23:15:24 +0000</pubDate>
		<dc:creator>Claudia</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Plugins]]></category>

		<guid isPermaLink="false">http://chicablogger.com/?p=4190</guid>
		<description><![CDATA[Contactable es un sencillo plugin (jQuery + PHP) desarrollado por Philip Beel (vía devSnippets) que permite habilitar formularios de contacto o feedback en cualquier página, al estilo UserVoice. Es una práctica opción (con parámetros configurables) si estás buscando instalar un formulario de contacto en WordPress, recomendable para todo aquel que quiera mejorar la usabilidad de [...]

<h3>Posts relacionados</h3><ul><li><a href='http://chicablogger.com/free-stock-images-el-plugin-wordpress-de-crestock/' rel='bookmark' title='Permanent Link: Freebie Images: El plugin WordPress de Crestock'>Freebie Images: El plugin WordPress de Crestock</a></li><li><a href='http://chicablogger.com/como-anadir-paginacion-en-wordpress-sin-plugin/' rel='bookmark' title='Permanent Link: Cómo añadir paginación en WordPress sin plugin'>Cómo añadir paginación en WordPress sin plugin</a></li><li><a href='http://chicablogger.com/jquery-fonteffect-anade-afectos-al-texto-sin-imagenes/' rel='bookmark' title='Permanent Link: jQuery FontEffect: añade afectos al texto sin imágenes'>jQuery FontEffect: añade afectos al texto sin imágenes</a></li></ul>]]></description>
			<content:encoded><![CDATA[<p><img src="http://chicablogger.com/wp-content/uploads/2010/01/contactable.jpg" alt="" title="contactable" width="250" height="272" class="alignleft size-full wp-image-4194" /><strong>Contactable</strong> es un sencillo plugin (jQuery + PHP) desarrollado por Philip Beel  (vía <a href="http://devsnippets.com/article/10-new-wordpress-wanted-hacks-and-powerful-techniques.html" rel="nofollow"><strong>devSnippets</strong></a>) que permite habilitar formularios de contacto o feedback  en cualquier página, al estilo <a href="http://uservoice.com/" rel="nofollow"><strong>UserVoice</strong></a>.<br />
Es una práctica opción (con parámetros configurables) si estás buscando instalar un formulario de contacto en WordPress, recomendable para todo aquel que quiera mejorar la <strong>usabilidad</strong> de su sitio web.</p>
<p><strong>Más:</strong><br />
<a href="http://theodin.co.uk/blog/ajax/contactable-jquery-plugin.html" rel="nofollow">Documentación</a> | <a href="http://wpengineer.com/contactable-contaktform-easy-with-wordpress/" rel="nofollow">Instalación en WordPress</a></p>


<h3>Posts relacionados</h3><ul><li><a href='http://chicablogger.com/free-stock-images-el-plugin-wordpress-de-crestock/' rel='bookmark' title='Permanent Link: Freebie Images: El plugin WordPress de Crestock'>Freebie Images: El plugin WordPress de Crestock</a></li><li><a href='http://chicablogger.com/como-anadir-paginacion-en-wordpress-sin-plugin/' rel='bookmark' title='Permanent Link: Cómo añadir paginación en WordPress sin plugin'>Cómo añadir paginación en WordPress sin plugin</a></li><li><a href='http://chicablogger.com/jquery-fonteffect-anade-afectos-al-texto-sin-imagenes/' rel='bookmark' title='Permanent Link: jQuery FontEffect: añade afectos al texto sin imágenes'>jQuery FontEffect: añade afectos al texto sin imágenes</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://chicablogger.com/contactable-un-atractivo-plugin-jquery-para-formularios-de-contacto/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Core: El nuevo theme WordPress de Brian Gardner</title>
		<link>http://chicablogger.com/core-el-nuevo-theme-wordpress-de-brian-gardner/</link>
		<comments>http://chicablogger.com/core-el-nuevo-theme-wordpress-de-brian-gardner/#comments</comments>
		<pubDate>Sat, 19 Sep 2009 01:08:41 +0000</pubDate>
		<dc:creator>Claudia</dc:creator>
				<category><![CDATA[Wordpress themes]]></category>
		<category><![CDATA[Themes]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://chicablogger.com/?p=3444</guid>
		<description><![CDATA[Brian Gardner es uno de los diseñadores de temas para WordPress más renombrados. Si no lo conoces, probablemente escuchaste hablar de la serie premium Revolution (en alianza con Jason Schuller), o de su site de themes premium Studiopress. Hoy, como en sus inicios, nos sorprende con Core, un theme gratuito de su autoría. Visualmente, es [...]

<h3>Posts relacionados</h3><ul><li><a href='http://chicablogger.com/google-gmail-theme-gratuito-para-wordpress/' rel='bookmark' title='Permanent Link: Google Gmail: Theme gratuito para WordPress'>Google Gmail: Theme gratuito para WordPress</a></li><li><a href='http://chicablogger.com/theme-wordpress-retro-para-geeks/' rel='bookmark' title='Permanent Link: Theme WordPress Retro para Geeks'>Theme WordPress Retro para Geeks</a></li><li><a href='http://chicablogger.com/14-themes-para-wordpress-inspirados-en-vista/' rel='bookmark' title='Permanent Link: 14 Themes para WordPress inspirados en Vista'>14 Themes para WordPress inspirados en Vista</a></li></ul>]]></description>
			<content:encoded><![CDATA[<p><strong><a href="http://briangardner.com">Brian Gardner</a></strong> es uno de los diseñadores de temas para WordPress más renombrados. Si no lo conoces, probablemente escuchaste hablar de la serie premium <strong>Revolution</strong> (en alianza con Jason Schuller), o de su site de themes premium <strong>Studiopress</strong>.</p>
<p>Hoy, como en sus inicios, nos sorprende con <strong>Core</strong>, un theme gratuito de su autoría. Visualmente, es simple, sobrio, limpio, con la misma elegancia del estilo minimalista de muchos de sus diseños.</p>
<p><img src="http://chicablogger.com/wp-content/uploads/2009/09/core.png" alt="core" title="core" width="450" height="312" class="aligncenter size-full wp-image-3453" /></p>
<p>Core está disponible para descargar en el <a href="http://wordpress.org/extend/themes/core"><strong>directorio de themes</strong></a> de <strong><strong>WordPress.org</strong></strong> (bajo licencia GPL). Si miras el demo, quizás te decepciones un poco; pero, si descargas el theme, es probable que te sorprendas. No lo he probado, pero, según cuenta Brian Gardner en su blog, tiene un bloque de opciones SEO, y puedes elegir mostrar 1 ó 2 columnas en la barra lateral. Además, incluye una serie de archivos PSD (el logo viene ahí), breadcrumbs, y soporta múltiples lenguajes.</p>
<p>Puedes leer más en su blog. Según dice, está trabajando en una nueva versión de Core a partir del theme original, y y piensa lanzar su hoja de estilos junto a un número de stylesheets adicionales. O sea, hay Core para rato.</p>


<h3>Posts relacionados</h3><ul><li><a href='http://chicablogger.com/google-gmail-theme-gratuito-para-wordpress/' rel='bookmark' title='Permanent Link: Google Gmail: Theme gratuito para WordPress'>Google Gmail: Theme gratuito para WordPress</a></li><li><a href='http://chicablogger.com/theme-wordpress-retro-para-geeks/' rel='bookmark' title='Permanent Link: Theme WordPress Retro para Geeks'>Theme WordPress Retro para Geeks</a></li><li><a href='http://chicablogger.com/14-themes-para-wordpress-inspirados-en-vista/' rel='bookmark' title='Permanent Link: 14 Themes para WordPress inspirados en Vista'>14 Themes para WordPress inspirados en Vista</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://chicablogger.com/core-el-nuevo-theme-wordpress-de-brian-gardner/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>2 themes WordPress para tu tarjeta de visita virtual</title>
		<link>http://chicablogger.com/2-themes-wordpress-para-tu-tarjeta-de-visita-virtual/</link>
		<comments>http://chicablogger.com/2-themes-wordpress-para-tu-tarjeta-de-visita-virtual/#comments</comments>
		<pubDate>Thu, 10 Sep 2009 10:38:30 +0000</pubDate>
		<dc:creator>Claudia</dc:creator>
				<category><![CDATA[Wordpress themes]]></category>
		<category><![CDATA[Tarjeta de visita]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://chicablogger.com/?p=3318</guid>
		<description><![CDATA[Cada vez se están poniendo más de moda los servicios para crear tarjetas virtuales de visita (o vcards) como dooid o Card.ly, donde puedes incluir información personal y de contacto a modo de un mini-currículum: datos relevantes, perfil profesional, servicios que ofreces, intereses, e-mail, teléfono, y las infaltables redes sociales. ¿Por qué no montar una [...]

<h3>Posts relacionados</h3><ul><li><a href='http://chicablogger.com/wordpress-easter-themes/' rel='bookmark' title='Permanent Link: 6 deliciosos themes WordPress para Pascua'>6 deliciosos themes WordPress para Pascua</a></li><li><a href='http://chicablogger.com/14-themes-para-wordpress-inspirados-en-vista/' rel='bookmark' title='Permanent Link: 14 Themes para WordPress inspirados en Vista'>14 Themes para WordPress inspirados en Vista</a></li><li><a href='http://chicablogger.com/businesscardstar-generador-de-tarjetas-de-visita/' rel='bookmark' title='Permanent Link: BusinessCardStar: Generador de tarjetas de visita'>BusinessCardStar: Generador de tarjetas de visita</a></li></ul>]]></description>
			<content:encoded><![CDATA[<p>Cada vez se están poniendo más de moda los servicios para crear <strong>tarjetas virtuales de visita</strong> (o <strong>vcards</strong>) como <strong><a href="http://dooid.com/">dooid</a></strong> o <a href="http://card.ly/"><strong>Card.ly</strong></a>, donde puedes incluir información personal y de contacto a modo de un<strong> mini-currículum</strong>: datos relevantes, perfil profesional, servicios que ofreces, intereses, e-mail, teléfono, y las infaltables redes sociales.</p>
<p>¿Por qué no montar una <strong>vcard</strong> bajo <strong>WordPress</strong>? Las ventajas son obvias: manejo total de la información y diseño que voy a usar, y posibilidad de instalar en mi propio directorio o subdominio, o como eje principal de un dominio que lleve mi nombre.</p>
<p>Aquí, dos temas gratuitos que puedes personalizar para crear tu propia <strong>tarjeta virtual</strong>:</p>
<h3><strong>Visiting card </strong></h3>
<p>Diseñado por <strong><a rel="nofollow" href="http://premiumthemes.net">Premium Themes</a></strong>. Un diseño simple y elegante, donde destacan los efectos con jQuery. Trae su propio panel de control, para que no tengas que retocar el código.</p>
<p style="text-align: right;"><a href="http://premiumthemes.net/news/quick-mini-site-for-non-bloggers-using-visiting-card-free-premium-wordpress-theme.html"><img class="aligncenter size-full wp-image-3342" title="visiting-card" src="http://chicablogger.com/wp-content/uploads/2009/09/visiting-card.jpg" alt="visiting-card" width="450" height="300" /></a> <a rel="nofollow" href="http://premiumthemes.net/news/quick-mini-site-for-non-bloggers-using-visiting-card-free-premium-wordpress-theme.html"><br />
<strong>Demo y descarga</strong></a></p>
<h3><strong>Digital Business Card (DBC) Theme</strong></h3>
<p>Diseñado por <strong><a rel="nofollow" href="http://human3rror.com">Human 3rror</a></strong>. 15 redes sociales preconfiguradas, y posibilidad de incluir 50 más. También con &#8220;sleek-sliding&#8221; jQuery para añadir un movimiento especial de deslizamiento, y con una página de contacto distinta, que te muestra de una manera amigable a quien revisa tu perfil.</p>
<p style="text-align: right;"><a rel="nofollow" href="http://human3rror.com/2009/09/05/the-digital-business-card-wordpress-theme/"><img class="aligncenter size-full wp-image-3332" title="DBC-Theme" src="http://chicablogger.com/wp-content/uploads/2009/09/DBC-Theme.jpg" alt="DBC-Theme" width="450" height="300" /></a> <a rel="nofollow" href="http://human3rror.com/2009/09/05/the-digital-business-card-wordpress-theme/"><br />
<strong>Demo y descarga</strong></a></p>
<p>La inspiración absoluta para diseñar estos themes y crear los servicios antes mencionados: el diseñador <strong><a rel="nofollow" href="http://timvandamme.com/">Tim Van Damme</a></strong>.</p>
<p>Por supuesto, yo también quiero la mía.</p>
<p><strong>Más:</strong> <strong><a href="http://www.queness.com/post/524/32-amazing-mini-vcard-websites-with-slick-javascript-animation" rel="nofollow">32 increíbles mini-vcards para inspirarse</a></strong> (en Queness)</p>


<h3>Posts relacionados</h3><ul><li><a href='http://chicablogger.com/wordpress-easter-themes/' rel='bookmark' title='Permanent Link: 6 deliciosos themes WordPress para Pascua'>6 deliciosos themes WordPress para Pascua</a></li><li><a href='http://chicablogger.com/14-themes-para-wordpress-inspirados-en-vista/' rel='bookmark' title='Permanent Link: 14 Themes para WordPress inspirados en Vista'>14 Themes para WordPress inspirados en Vista</a></li><li><a href='http://chicablogger.com/businesscardstar-generador-de-tarjetas-de-visita/' rel='bookmark' title='Permanent Link: BusinessCardStar: Generador de tarjetas de visita'>BusinessCardStar: Generador de tarjetas de visita</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://chicablogger.com/2-themes-wordpress-para-tu-tarjeta-de-visita-virtual/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Shopperpress: Transforma tu sitio en una tienda virtual</title>
		<link>http://chicablogger.com/shopperpress-transforma-tu-sitio-en-una-tienda-virtual/</link>
		<comments>http://chicablogger.com/shopperpress-transforma-tu-sitio-en-una-tienda-virtual/#comments</comments>
		<pubDate>Mon, 06 Jul 2009 21:35:36 +0000</pubDate>
		<dc:creator>Claudia</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Plugins]]></category>
		<category><![CDATA[Themes]]></category>
		<category><![CDATA[Tienda Virtual]]></category>

		<guid isPermaLink="false">http://chicablogger.com/?p=2531</guid>
		<description><![CDATA[En primera instancia, Shopperpress puede ser definido como un carro de compras virtual (shopping cart) para WordPress, adecuado para vender en tu sitio web todo tipo de productos, servicios y descargas digitales. Algunas características de Shopperpress: Fácil integración con WordPress Anda bien con Windows, Linux y Mac Corre con Internet Explorer 6,7 y 8, Firefox, [...]

<h3>Posts relacionados</h3><ul><li><a href='http://chicablogger.com/monta-tu-propia-tienda-virtual-usando-blogger/' rel='bookmark' title='Permanent Link: Monta tu propia tienda virtual usando Blogger'>Monta tu propia tienda virtual usando Blogger</a></li><li><a href='http://chicablogger.com/2-themes-wordpress-para-tu-tarjeta-de-visita-virtual/' rel='bookmark' title='Permanent Link: 2 themes WordPress para tu tarjeta de visita virtual'>2 themes WordPress para tu tarjeta de visita virtual</a></li><li><a href='http://chicablogger.com/yola-crea-tu-sitio-web-en-solo-minutos/' rel='bookmark' title='Permanent Link: Yola: Crea tu sitio web en sólo minutos'>Yola: Crea tu sitio web en sólo minutos</a></li></ul>]]></description>
			<content:encoded><![CDATA[<p>En primera instancia, <a href="http://demo.shopperpress.com/" rel="nofollow"><strong>Shopperpress</strong></a> puede ser definido como un <strong>carro de compras virtual</strong> (shopping cart) para <strong>WordPress</strong>, adecuado para vender en tu sitio web todo tipo de productos, servicios y descargas digitales.</p>
<p><img src="http://chicablogger.com/wp-content/uploads/2009/07/ShopperPress.png" class="aligncenter"/></p>
<p><strong>Algunas características de Shopperpress:</strong></p>
<ul>
<li> Fácil integración con WordPress</li>
<li> Anda bien con Windows, Linux y Mac</li>
<li> Corre con Internet Explorer 6,7 y 8, Firefox, Opera, Chrome y Safari.</li>
<li> Soporta múltiples sistemas de pago online, incluyendo Paypal, Visa y Mastercard</li>
<li> Puedes usar las páginas o los posts de WordPress para mostrar tus productos</li>
<li> Varios métodos y opciones para listar tus productos</li>
<li> Fácil integración con Google Adsense</li>
</ul>
<p>Con Shopperpress me llevé una grata sorpresa que me permite pensar que es una potente alternativa a <a href="http://wordpress.org/extend/plugins/wp-e-commerce/" rel="nofollow"><strong>WP E-Commerce</strong></a>: no sólo es un plugin, sino un completo paquete para transformar tu WordPress en una <strong>tienda virtual</strong>. Dicho de otro modo, Shopperpress también puede definirse como un <strong>Theme Premium para WordPress</strong> con un plugin incorporado, que incluye los correspondientes archivos *.PSD para que puedas personalizarlo.</p>
<p>Lo más sorprendente, es que el paquete sea completamente gratuito, y que dispongas de soporte (base de datos, foro y un manual de configuración) además de una serie de themes adicionales para descargar.</p>
<p><strong>Enlace al sitio: <a href="http://www.shopperpress.com" rel="nofollow">Shopperpress</a></strong> |<strong> Vía: </strong><strong><a rel="nofollow" href="http://www.killerstartups.com/eCommerce/shopperpress-com-wordpress-shopping-cart">KillerStartups</a></strong></p>


<h3>Posts relacionados</h3><ul><li><a href='http://chicablogger.com/monta-tu-propia-tienda-virtual-usando-blogger/' rel='bookmark' title='Permanent Link: Monta tu propia tienda virtual usando Blogger'>Monta tu propia tienda virtual usando Blogger</a></li><li><a href='http://chicablogger.com/2-themes-wordpress-para-tu-tarjeta-de-visita-virtual/' rel='bookmark' title='Permanent Link: 2 themes WordPress para tu tarjeta de visita virtual'>2 themes WordPress para tu tarjeta de visita virtual</a></li><li><a href='http://chicablogger.com/yola-crea-tu-sitio-web-en-solo-minutos/' rel='bookmark' title='Permanent Link: Yola: Crea tu sitio web en sólo minutos'>Yola: Crea tu sitio web en sólo minutos</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://chicablogger.com/shopperpress-transforma-tu-sitio-en-una-tienda-virtual/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Añade favicons a tu Blogroll de WordPress</title>
		<link>http://chicablogger.com/anade-favicons-a-tu-blogroll-de-wordpress/</link>
		<comments>http://chicablogger.com/anade-favicons-a-tu-blogroll-de-wordpress/#comments</comments>
		<pubDate>Thu, 02 Jul 2009 03:08:33 +0000</pubDate>
		<dc:creator>Claudia</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Blogroll]]></category>
		<category><![CDATA[Plugins]]></category>

		<guid isPermaLink="false">http://chicablogger.com/?p=2476</guid>
		<description><![CDATA[Una de las cosas que me gustan de Blogger.com, es su Lista de Enlaces con favicons. Desde ahora, también tenemos esa opción disponible para WordPress, gracias al plugin &#8220;Blogroll Links Favicon&#8220;. Dicho plugin, derivado de Noio Iconized Bookmarks, añade favicons automáticamente a los enlaces de tu blogroll, &#8220;cacheando&#8221; la URL de cada favicon, y añadiendo [...]

<h3>Posts relacionados</h3><ul><li><a href='http://chicablogger.com/jquery-fonteffect-anade-afectos-al-texto-sin-imagenes/' rel='bookmark' title='Permanent Link: jQuery FontEffect: añade afectos al texto sin imágenes'>jQuery FontEffect: añade afectos al texto sin imágenes</a></li><li><a href='http://chicablogger.com/free-stock-images-el-plugin-wordpress-de-crestock/' rel='bookmark' title='Permanent Link: Freebie Images: El plugin WordPress de Crestock'>Freebie Images: El plugin WordPress de Crestock</a></li><li><a href='http://chicablogger.com/los-mil-y-un-usos-de-wordpres/' rel='bookmark' title='Permanent Link: Los mil y un usos de WordPress'>Los mil y un usos de WordPress</a></li></ul>]]></description>
			<content:encoded><![CDATA[<p><img src="http://chicablogger.com/wp-content/uploads/2009/07/Blogroll.png" class="alignleft"/>Una de las cosas que me gustan de <strong>Blogger.com</strong>, es su <em>Lista de Enlaces</em> con favicons. Desde ahora, también tenemos esa opción disponible para <strong>WordPress</strong>, gracias al plugin &#8220;<a href="http://wordpress.org/extend/plugins/blogroll-links-favicons/" rel="nofollow"><strong>Blogroll Links Favicon</strong></a>&#8220;.</p>
<p>Dicho plugin, derivado de <a href="http://wordpress.org/extend/plugins/noio-iconized-bookmarks/"><strong>Noio Iconized Bookmarks</strong></a>, añade favicons automáticamente a los enlaces de tu blogroll, &#8220;cacheando&#8221; la URL de cada favicon, y añadiendo a cada enlace la clase &#8220;blogroll-favicon&#8221;.</p>
<p><strong>Blogroll Links Favicon</strong> es más que un adorno para el blogroll: hay que pensar también en su utilidad. Indiscutidamente, un link acompañado de una imagen atrae más la atención, por lo que puede ser un bonito regalo para tus amigos y favoritos. Inclusive, puedes usarlo para promocionar tus propios sitios y/o redes sociales (Twitter, Facebook, Flickr), y hacerlos más llamativos.<br />
<strong><br />
Más información</strong>: <a href="http://johndturner.com/wordpress-stuff/plugins/blogroll-links-favicons/"><strong>Blogroll Links Favicons</strong></a> (página del autor)</p>
<h3><strong>Tips</strong></h3>
<p>El plugin no agrega los enlaces correspondientes en cada favicon (nota que está en fase alfa), pero puedes hacer un pequeño cambio, buscando esta línea en el archivo <strong>blogroll-links-favicons.php</strong>:</p>

<div class="wp_syntax"><div class="code"><pre class="language" style="font-family:monospace;">$new_bookmark .= '&lt;img style=&quot;vertical-align: text-top;width:16px;height:16px&quot; class=&quot;blogroll-favicon&quot; src=&quot;'.$favicon.'&quot; alt=&quot;&quot; /&gt;';</pre></div></div>

<p>y cambiándola por:</p>

<div class="wp_syntax"><div class="code"><pre class="language" style="font-family:monospace;">$new_bookmark .= '&lt;a href=&quot;'.$bookmark_url.'&quot;&gt;&lt;img style=&quot;vertical-align: text-top;width:16px;height:16px&quot; class=&quot;blogroll-favicon&quot; src=&quot;'.$favicon.'&quot; alt=&quot;&quot; /&gt;&lt;/a&gt; ';</pre></div></div>

<p>También he notado algunos problemas en la &#8220;extracción&#8221; de los favicons de algunos sitios. Para evitar ese problema, considero es mejor poner el <strong>favicon.ico</strong> en el directorio principal de tu blog (ejemplo, /public_html/chicablogger.com), y utilizar la siguiente modalidad de código:</p>

<div class="wp_syntax"><div class="code"><pre class="language" style="font-family:monospace;">&lt;link rel=&quot;shortcut icon&quot; href=&quot;favicon.ico&quot; type=&quot;image/x-icon&quot;/&gt;</pre></div></div>



<h3>Posts relacionados</h3><ul><li><a href='http://chicablogger.com/jquery-fonteffect-anade-afectos-al-texto-sin-imagenes/' rel='bookmark' title='Permanent Link: jQuery FontEffect: añade afectos al texto sin imágenes'>jQuery FontEffect: añade afectos al texto sin imágenes</a></li><li><a href='http://chicablogger.com/free-stock-images-el-plugin-wordpress-de-crestock/' rel='bookmark' title='Permanent Link: Freebie Images: El plugin WordPress de Crestock'>Freebie Images: El plugin WordPress de Crestock</a></li><li><a href='http://chicablogger.com/los-mil-y-un-usos-de-wordpres/' rel='bookmark' title='Permanent Link: Los mil y un usos de WordPress'>Los mil y un usos de WordPress</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://chicablogger.com/anade-favicons-a-tu-blogroll-de-wordpress/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>Comparte tus URLs cortas al estilo Techcrunch</title>
		<link>http://chicablogger.com/comparte-tus-urls-cortas-al-estilo-techcrunch/</link>
		<comments>http://chicablogger.com/comparte-tus-urls-cortas-al-estilo-techcrunch/#comments</comments>
		<pubDate>Tue, 30 Jun 2009 05:02:37 +0000</pubDate>
		<dc:creator>Claudia</dc:creator>
				<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Acortador urls]]></category>
		<category><![CDATA[Plugins]]></category>

		<guid isPermaLink="false">http://chicablogger.com/?p=2438</guid>
		<description><![CDATA[Hace algún tiempo, Techcrunch comenzó a usar su propio acortador de direcciones, con un dominio distinto al principal. Tener un acortador de URLs propio no es cosa difícil, especialmente si usas WordPress e instalas un plugin como Link Shortcut. Pero lo que me llamó la atención, fue la cajita que utiliza Techcrunch para compartir sus [...]

<h3>Posts relacionados</h3><ul><li><a href='http://chicablogger.com/crea-urls-cortas-con-bitly-en-google-docs-y-gmail/' rel='bookmark' title='Permanent Link: Crea URLs cortas con bit.ly en Google Docs y Gmail'>Crea URLs cortas con bit.ly en Google Docs y Gmail</a></li><li><a href='http://chicablogger.com/usar-urls-cortas-en-redes-sociales-mediante-htaccess/' rel='bookmark' title='Permanent Link: Usar URLs cortas en redes sociales mediante .htaccess'>Usar URLs cortas en redes sociales mediante .htaccess</a></li><li><a href='http://chicablogger.com/wp-phototagger-etiqueta-tus-fotos-al-estilo-facebook/' rel='bookmark' title='Permanent Link: WP-Phototagger: Etiqueta tus fotos al estilo Facebook'>WP-Phototagger: Etiqueta tus fotos al estilo Facebook</a></li></ul>]]></description>
			<content:encoded><![CDATA[<p><img src="http://chicablogger.com/wp-content/uploads/2009/07/urls-trackbacks.png" style="background-color:#E0D9C5; border:1px solid #D6CFBC; padding: 4px;" class="alignleft"/> Hace algún tiempo, <strong>Techcrunch</strong> comenzó a usar su propio acortador de direcciones, con un dominio distinto al principal. Tener un acortador de URLs propio no es cosa difícil, especialmente si usas <strong>WordPress</strong> e instalas un plugin como <strong><a href="http://chicablogger.com/crea-tu-propio-acortador-de-direcciones-en-wordpress/" rel="nofollow">Link Shortcut</a></strong>. Pero lo que me llamó la atención, fue la cajita que utiliza Techcrunch para compartir sus URLs cortas, las cuales se generan <span style="text-decoration: underline;">automáticamente</span> para cada post.</p>
<p>Pienso que mostrar tus enlaces permanentes ayuda a que se difundan tus posts, especialmente si muestras URLs cortas para compartir en Twitter o Facebook. Una URL corta debería significar mayor difusión, porque les ahorra a tus visitantes el tener que ir a <strong>Bit.ly</strong> (u otro acortador), si es que no usan alguna extensión para Firefox o algún bookmarklet que les permita hacer esto con un click.</p>
<p>Aquí comparto la forma que encontré para mostrar tus URLs cortas al estilo Techcrunch y facilitar que compartan tus enlaces. Probablemente exista una manera distinta, más simple y hasta mejor de hacerlo, pero quise mostrar una vía &#8220;casera&#8221; que sí funciona (pueden ver el resultado de mi &#8220;experimento&#8221; al final de este post).</p>
<h3><strong>Un poco de javascript</strong></h3>
<p>Partiendo por lo general, lo primero fue buscar la manera de seleccionar todo el texto (la URL, en este caso) al hacer click con el mouse. Algo básico, pero necesario. De esta forma, utilicé un script que produce este efecto, y que puedes encontrar en <a href="http://javascript-array.com/scripts/onclick_select_all_text_in_field/" rel="nofollow"><strong>Javascript Array</strong></a><strong> </strong>o en <a href="http://www.wallpaperama.com/forums/javascript-onclick-select-all-text-in-a-form-field-t6378.html" rel="nofollow"><strong>Wallpaperama</strong></a>. Cualquiera de las dos versiones me va a permitir mostrar las cajitas para mis URLs, cambiando el valor (value) del input.</p>
<h3><strong>Buscando el plugin idóneo</strong></h3>
<p>En WordPress, hay varios plugins para generar URLs cortas, pero me decidí por &#8220;<a href="http://wordpress.org/extend/plugins/le-petite-url/" rel="nofollow"><strong>La Petite URL</strong></a>&#8220;, que hace este prodecimiento por sí mismo, instantáneamente.</p>
<p>Este plugin tiene opciones de configuración básicas: eliges el largo de tus URLs y el tipo de caracteres que quieres usar (letras minúsculas, mayúsculas y/o números). Luego de su instalación y configuración, sólo queda encontrar la función que me permita mostrar una URL corta para cada post, en el archivo <strong>single.php</strong>. La función que utilicé fue la siguiente:</p>

<div class="wp_syntax"><div class="code"><pre class="language" style="font-family:monospace;">&lt;?php the_petite_url(); ?&gt;</pre></div></div>

<p>Dicha función muestra sólo los caracteres aleatorios de mi URL (ejemplo, &#8220;abcde&#8221;), por lo que antes tengo que añadir la dirección de mi blog (http://chicablogger.com<strong>/</strong>). Por lo tanto, procedí así:</p>
<p><strong>1.</strong> Copié el siguiente código (el script) antes del cierre de la etiqueta &#8220;<strong>body</strong>&#8220;:</p>

<div class="wp_syntax"><div class="code"><pre class="language" style="font-family:monospace;">&lt;script type=&quot;text/javascript&quot;&gt;
function SelectAll(id)
{
    document.getElementById(id).focus();
    document.getElementById(id).select();
}
&lt;/script&gt;</pre></div></div>

<p><strong>2.</strong> Puse este código en mi <strong>single.php</strong>, antes de los comentarios:</p>

<div class="wp_syntax"><div class="code"><pre class="language" style="font-family:monospace;">&lt;input type=&quot;text&quot; style=&quot;width:180px; border: 1px solid #c3c3c3&quot; onClick=&quot;SelectAll('short_txtfld');&quot; value=&quot;&lt;?php echo get_option('home'); ?&gt;/&lt;?php the_petite_url(); ?&gt;&quot; /&gt;</pre></div></div>

<p>Ahora, para mostrar la URL completa (en vez de la versión acortada), el código deberá ser como el anterior, pero cambiando el valor (value) por este:</p>

<div class="wp_syntax"><div class="code"><pre class="language" style="font-family:monospace;">&lt;?php the_permalink(); ?&gt;</pre></div></div>

<p><strong>A considerar:</strong> El plugin funciona sólo para posts nuevos. Si quieres que genere URLs cortas para tus posts antiguos, deberás volver a guardarlos.</p>
<h3><strong>Una alternativa simple para Blogger</strong></h3>
<p><strong>1.</strong> Pega antes del cierre de la etiqueta &#8220;<strong>body</strong>&#8220;.</p>

<div class="wp_syntax"><div class="code"><pre class="language" style="font-family:monospace;">&lt;script type='text/javascript'&gt;
function select_text()
{
var content=eval(&amp;quot;document.myform.field&amp;quot;);
content.focus();
content.select();
}
&lt;/script&gt;</pre></div></div>

<p><strong>2.</strong> Busca el siguiente código:</p>

<div class="wp_syntax"><div class="code"><pre class="language" style="font-family:monospace;">&lt;div class='post-footer-line post-footer-line-3'&gt;</pre></div></div>

<p>Y pega debajo:</p>

<div class="wp_syntax"><div class="code"><pre class="language" style="font-family:monospace;">&lt;form action='' method='post' name='myform'&gt;
&lt;textarea name='field' onClick='select_text();' style='width: 180px; height: 15px; border: 1px solid #c3c3c3;'&gt;&lt;data:post.url/&gt;&lt;/textarea&gt;
&lt;/form&gt;</pre></div></div>

<p>El código anterior no genera URLs cortas, pero sí muestra tus URLs para trackbacks.</p>


<h3>Posts relacionados</h3><ul><li><a href='http://chicablogger.com/crea-urls-cortas-con-bitly-en-google-docs-y-gmail/' rel='bookmark' title='Permanent Link: Crea URLs cortas con bit.ly en Google Docs y Gmail'>Crea URLs cortas con bit.ly en Google Docs y Gmail</a></li><li><a href='http://chicablogger.com/usar-urls-cortas-en-redes-sociales-mediante-htaccess/' rel='bookmark' title='Permanent Link: Usar URLs cortas en redes sociales mediante .htaccess'>Usar URLs cortas en redes sociales mediante .htaccess</a></li><li><a href='http://chicablogger.com/wp-phototagger-etiqueta-tus-fotos-al-estilo-facebook/' rel='bookmark' title='Permanent Link: WP-Phototagger: Etiqueta tus fotos al estilo Facebook'>WP-Phototagger: Etiqueta tus fotos al estilo Facebook</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://chicablogger.com/comparte-tus-urls-cortas-al-estilo-techcrunch/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Blogger: el primer post con un estilo diferente</title>
		<link>http://chicablogger.com/blogger-el-primer-post-con-un-estilo-diferente/</link>
		<comments>http://chicablogger.com/blogger-el-primer-post-con-un-estilo-diferente/#comments</comments>
		<pubDate>Tue, 23 Jun 2009 04:39:40 +0000</pubDate>
		<dc:creator>Claudia</dc:creator>
				<category><![CDATA[Blogger]]></category>
		<category><![CDATA[condicionales]]></category>
		<category><![CDATA[Plantillas]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://chicablogger.com/?p=2349</guid>
		<description><![CDATA[Desde hace un tiempo, me preguntaba cómo hacer que en Blogger el primer post se muestre distinto a los demás, de modo tal que éste tenga un estilo único que lo haga destacar sobre el resto. Actualmente, Blogger está añadiendo nuevos códigos (y posibilidades) a sus plantillas, que al parecer van de la mano con [...]

<h3>Posts relacionados</h3><ul><li><a href='http://chicablogger.com/blogger-el-primer-post-con-un-estilo-diferente-ii/' rel='bookmark' title='Permanent Link: Blogger: el primer post con un estilo diferente II'>Blogger: el primer post con un estilo diferente II</a></li><li><a href='http://chicablogger.com/wp-phototagger-etiqueta-tus-fotos-al-estilo-facebook/' rel='bookmark' title='Permanent Link: WP-Phototagger: Etiqueta tus fotos al estilo Facebook'>WP-Phototagger: Etiqueta tus fotos al estilo Facebook</a></li><li><a href='http://chicablogger.com/quick-chic-template-minimalista-para-blogger/' rel='bookmark' title='Permanent Link: Quick Chic: Template minimalista para Blogger'>Quick Chic: Template minimalista para Blogger</a></li></ul>]]></description>
			<content:encoded><![CDATA[<p>Desde hace un tiempo, me preguntaba cómo hacer que en <strong>Blogger</strong> el primer post se muestre distinto a los demás, de modo tal que éste tenga un estilo único que lo haga destacar sobre el resto.</p>
<p>Actualmente, Blogger está añadiendo nuevos códigos (y posibilidades) a sus plantillas, que al parecer van de la mano con su aniversario número 10. Así, por ejemplo, se <strong><a href="http://www.bloggerbuster.com/2009/06/blogger-read-morepost-summaries-best.html" rel="nofollow">rumorea</a></strong> (con bases muy certeras) la posibilidad de inclusión de un hack que permite acortar los posts, y que es análogo a la función &#8220;<strong>more</strong>&#8221; de <strong>WordPress</strong>.</p>
<p>La última gran novedad, es la inclusión de un nuevo código condicional que hace posible definir un estilo distinto y único sólo para el primer post:</p>

<div class="wp_syntax"><div class="code"><pre class="language" style="font-family:monospace;"> &lt;b:if cond='data:post.isFirstPost'&gt; contenido &lt;/b:if&gt;</pre></div></div>

<p>Este código puede ser de gran utilidad para destacar el título del primer post (como muestra Ro en <a href="http://www.bloggersphera.com/2009/06/datapostisfirstpost-nova-tag-do-blogger.html" rel="nofollow"><strong>Bloggersphera</strong></a>), conseguir que un determinado hack (por ejemplo, &#8220;<strong>leer más con thumbnails</strong>&#8220;) se aplique sólo al primer post, o destacar el post completo al estilo de los &#8220;<strong>featured posts</strong>&#8221; de WordPress.</p>
<p>Los <strong>condicionales</strong> de Blogger son apliamente usados para aplicar hacks o crear plantillas tipo Magazine, galerías de imágenes. Por ejemplo:</p>
<ul>
<li><em>Para mostrar sólo en la página principal</em></li>
</ul>

<div class="wp_syntax"><div class="code"><pre class="language" style="font-family:monospace;">&lt;b:if cond='data:blog.pageType == &quot;index&quot;'&gt; contenido &lt;/b:if&gt;</pre></div></div>

<ul>
<li><em>Para mostrar en un post individual</em></li>
</ul>

<div class="wp_syntax"><div class="code"><pre class="language" style="font-family:monospace;">&lt;b:if cond='data:blog.pageType == &quot;item&quot;'&gt; contenido &lt;/b:if&gt;</pre></div></div>

<p>*Podrían cumplir funcionales análogas al <em>index.php</em> y el <em>single.php</em> de WordPress, respectivamente.</p>
<p>Estos tres códigos condicionales básicos expanden las posibilidades de Blogger, y lo llevan a niveles insospechados hasta hace quizá un par de años. Si quieres adentrarte en su uso, puedes revisar el excelente tutorial de <a href="http://vagabundia.blogspot.com/2009/04/los-codigos-condicionales.html" rel="nofollow"><strong>Vagabundia</strong></a> que explica el uso avanzado de condicionales.</p>
<p>Por ahora, el uso de condicionales para el primer post da para detenerse un rato a probar y experimentar, porque no es un ejercicio realmente simple (aunque sí puede tener resultados muy satisfactorios). Sigo haciendo mis propios experimentos.</p>


<h3>Posts relacionados</h3><ul><li><a href='http://chicablogger.com/blogger-el-primer-post-con-un-estilo-diferente-ii/' rel='bookmark' title='Permanent Link: Blogger: el primer post con un estilo diferente II'>Blogger: el primer post con un estilo diferente II</a></li><li><a href='http://chicablogger.com/wp-phototagger-etiqueta-tus-fotos-al-estilo-facebook/' rel='bookmark' title='Permanent Link: WP-Phototagger: Etiqueta tus fotos al estilo Facebook'>WP-Phototagger: Etiqueta tus fotos al estilo Facebook</a></li><li><a href='http://chicablogger.com/quick-chic-template-minimalista-para-blogger/' rel='bookmark' title='Permanent Link: Quick Chic: Template minimalista para Blogger'>Quick Chic: Template minimalista para Blogger</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://chicablogger.com/blogger-el-primer-post-con-un-estilo-diferente/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Served from: chicablogger.com @ 2012-02-09 07:01:11 -->
