tag:blogger.com,1999:blog-21761825586576619712011-10-28T10:37:25.534-07:00Widgets, scripts, consejos y trucos para bloggerRenato Garcia Sevillanohttps://profiles.google.com/111222232766455349242noreply@blogger.comBlogger21100tag:blogger.com,1999:blog-2176182558657661971.post-76486282798987357792009-01-30T01:00:00.000-08:002009-01-30T23:47:40.750-08:00Esto es algo básico, pero será necesario para quienes no conocen ni una pizca de diseño en <span style="font-weight: bold;">blogger</span>.<br /><br />Primero, debes dirigirte, como en la siguiente imagen se muestra:<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_EX-os-A7WQw/SYP5_TJsI5I/AAAAAAAABGM/rZkS4CcHQBY/s1600-h/Dise%C3%B1o-+elementos+de+p%C3%A1gina.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_EX-os-A7WQw/SYP5_TJsI5I/AAAAAAAABGM/rZkS4CcHQBY/s400/Dise%C3%B1o-+elementos+de+p%C3%A1gina.png" /></a><span class="Apple-style-span" style="color: #0000ee; text-decoration: underline;"><br /></span><span style="font-style: italic;"><span class="Apple-style-span" style="font-size: small;">Diseño</span></span><span class="Apple-style-span" style="font-size: small;">&nbsp;→&nbsp;</span><span style="font-style: italic;"><span class="Apple-style-span" style="font-size: small;">Elementos de la página</span></span></div><br />Ahí, deberás buscar un recuadro como el de la siguiente imagen:<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_EX-os-A7WQw/SYP6Ads1muI/AAAAAAAABGU/TNazY9021-s/s1600-h/a%C3%B1adir+gadget.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_EX-os-A7WQw/SYP6Ads1muI/AAAAAAAABGU/TNazY9021-s/s320/a%C3%B1adir+gadget.png" /></a><span style="color: #0000ee; text-decoration: underline;"><br /></span><span style="font-style: italic;"><span class="Apple-style-span" style="font-size: small;">Añadir un gadget</span></span></div><br />Al darle clic, te aparecerá una ventana, donde deberás buscar el Feed (ver la siguiente imagen)<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_EX-os-A7WQw/SYP-kFSKiEI/AAAAAAAABGc/6KH43tnQ7ds/s1600-h/a%C3%B1adir+gadget+-+Feed.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_EX-os-A7WQw/SYP-kFSKiEI/AAAAAAAABGc/6KH43tnQ7ds/s320/a%C3%B1adir+gadget+-+Feed.png" /></a><span class="Apple-style-span" style="color: #0000ee; text-decoration: underline;"><br /></span><span class="Apple-style-span" style="font-style: italic;"><span style="font-weight: bold;"><span class="Apple-style-span" style="font-size: small;">Feed:</span></span><span class="Apple-style-span" style="font-size: small;">&nbsp;Añadir contenido a tu blog desde un feed RSS o un feed Atom</span></span></div><br />Donde te aparecerá la ventana mostrada en la siguiente imagen:<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_EX-os-A7WQw/SYP-n7h2NaI/AAAAAAAABGk/-_hL6bLMSFA/s1600-h/configurar+feed.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_EX-os-A7WQw/SYP-n7h2NaI/AAAAAAAABGk/-_hL6bLMSFA/s320/configurar+feed.png" /></a><br /><span class="Apple-style-span" style="font-style: italic;"><span class="Apple-style-span" style="font-size: small;">Configurar feed</span></span></div><br />El resto es intuitivo: Debes añadir la URL del feed respectivo, y luego de presionar el botón naranja de "continuar", darle un título y elegir entre las opciones que te dan a escoger.<br /><br /><span class="Apple-style-span" style="font-style: italic;">Voilà</span>! :-)<br /><br />Los <span class="Apple-style-span" style="font-weight: bold;">elementos feeds</span> son útiles como para:<br />1. Agregar un&nbsp;widget de&nbsp;<span class="Apple-style-span" style="font-weight: bold;">top comentadores</span>.<br />2. Agregar un widget de <span class="Apple-style-span" style="font-weight: bold;">últimos comentarios</span>.<br />3.&nbsp;Agregar un widget de<span class="Apple-style-span" style="font-weight: bold;">&nbsp;posts más populares</span>.<br />4. Agregar un widget con <span class="Apple-style-span" style="font-weight: bold;">las últimas entradas de tu blog favorito</span>.<br />5. etc.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2176182558657661971-7648628279898735779?l=meta-nato.blogspot.com' alt='' /></div>Renato Garcia Sevillanohttps://profiles.google.com/111222232766455349242noreply@blogger.com2tag:blogger.com,1999:blog-2176182558657661971.post-31186249046456866982009-01-30T00:00:00.000-08:002009-01-30T22:15:35.101-08:00<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_EX-os-A7WQw/SYPrpae0tSI/AAAAAAAABGE/h9A0UrGmLSc/s1600-h/blog_or_not.jpg"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 200px; height: 150px;" src="http://3.bp.blogspot.com/_EX-os-A7WQw/SYPrpae0tSI/AAAAAAAABGE/h9A0UrGmLSc/s200/blog_or_not.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5297336683433604386" /></a>Realizar cambios a la plantilla del blog es una tarea medianamente difícil si no conoces <span class="Apple-style-span" style="font-weight: bold;">CSS, HTML, javascript</span> (etc etc etc) a la perfección.<br />Además, las opciones que Blogger brinda <span class="Apple-style-span" style="font-weight: bold;">son muy limitadas</span>, recurriendo a widgets, scripts, "trucos" que otras webs proporcionan.<br />Y resulta ser un problema si no guardaste el enlace en su respectivo momento, y no tienes una memoria perfecta para acordarte después... cambias de plantilla, y empezar todo desde cero.<br /><br />Por eso nace este blog: <span class="Apple-style-span" style="font-weight: bold;">meta-nato</span>. Para mejorar y personalizar el blog.<div>En mi caso, mis blogs son desde el <a href="http://natorrante.com">natorrante</a>, el <a href="http://infnato.blogspot.com">infnato</a> (de computación), el <a href="http://christinato.blogspot.com">christinato</a> y el <a href="http://despechado.wordpress.com">despechado</a>; y ahora, <a href="http://meta-nato.blogspot.com">éste mismo</a> :)<br /><br />La idea de <span class="Apple-style-span" style="font-weight: bold;">meta-nato</span> fue inspirada en mi amiga "yo misma" de <a href="http://mi-microcosmos.blogspot.com/" rel="nofollow">microcosmos</a>, con su <a href="http://meta-microcosmos.blogspot.com/" rel="nofollow">meta-microcosmos</a>, donde pone tips para el blog.<br /><br />Yo también lo hago, no a manera de copia, sino a manera de bitácora personal para recordar, y volver a usar posteriormente, para mis blogs.<br /><br />Y en buena hora si esta información le servirá a más personas! :D</div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2176182558657661971-3118624904645686698?l=meta-nato.blogspot.com' alt='' /></div>Renato Garcia Sevillanohttps://profiles.google.com/111222232766455349242noreply@blogger.com1