02 diciembre, 2009
Hoy estrenamos sección , la cual dedicaremos para recomendarte diferentes plantillas blogger, las cuales están recomendadas por su diseño o por su efectividad.
No te pierdas ninguna de estas plantillas pues una de ellas puede inspirarte a cambiar el diseño de tu blog.
Normalmente todas las plantillas por defecto de blogger, traen el enlace de suscripción, el cual te direcciona a la url del feed de los post, pero en formato atom.
Normalmente están situados en la parte de abajo de la sección entradas del blog; como normalmente el formato atom ya no es usado sino que se usa el RSS, este enlace es prácticamente inútil y solo ocupa espacio en nuestra plantilla.
Ahora si deseas ocultar ese enlace solo tienes que agregar el atributo display con el valor none en la clase CSS .feed-links Por ejemplo:
.feed-links {
display: none;
clear: both;
line-height: 2.5em;
}Por eso, si desaparecer de forma definitiva no tienes más que seguir estos sencillos pasos:
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='
data:f.mimeType' target='_blank'><data:f.name/>
(<data:f.feedType/>)</a>
</b:loop>
</div>
22 noviembre, 2009
Par poder hacer esto necesitamos recurrir a un sitio externo a blogger llamado OutBrain.
Vamos al icono de blogger y damos click.
Lo recomendable seria registrarnos para tener un control sobre las visitas y las valoraciones de los post; el registro puede ser tradicional o con OpenID.
Llenamos los datos del registro y vamos a nuestro email a checar el link de confirmación y damos click en el, el cual nos regresara a la pagina de outbrain.
Vamos al final de la pagina y le damos donde dice:
OK, take me to my dashboard:
Ahora vamos a donde nos dice : Claim your Blog here
Ahi rellenaremos nuetsros datos tal como lo muestra la imagen y pondremos: continue
Nos mandara a Blogger donde seleccionaremos el blog donde vamos a poner el sistema de valoración, y le damos click en aceptar.
Ahora confirmamos en la página de OUTBRAIN:
Listo nuestro blog ha sido confirmado:
Ahora el ranking ya esta listo, lo podrán ver abajo de los post como viene por defecto, esta opción la pueden cambiar en Manage Blogs / Settings:
Realizan cualquier cambio que quieran como el cambiar de posición el ranking, y guardan sus opciones:
Y eso es todo, ya tendrán funcionando un ranking bastante simple y efectivo, ahora pueden ir viendo los resultados en la misma pantalla de Manage Blogs o seleccionar directamente desde arriba en el menú el blog que quieren revisar.
Visto en : Ayuda Blogger
21 noviembre, 2009
Este truco es para poner la fecha actual en una de las barras laterales de tu blog.
Tan solo añades un nuevo elemento de HTML y pones el siguente codigo:
<p align="center"><br /><font face="arial" color="black" size="-1"><br /><b><i><script language="javascript"><br /><!--<br /> nombres_dias = new Array("Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado")<br /> nombres_meses = new Array("Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre")<br /> fecha_actual = new Date()<br /> dia_mes = fecha_actual.getDate() //dia del mes<br /> strdia_mes = (dia_mes <= 9) ? "0" + dia_mes : dia_mes<br /> dia_semana = fecha_actual.getDay() //dia de la semana<br /> mes = fecha_actual.getMonth() + 1<br /> strmes = (mes <= 9) ? "0" + mes : mes<br /> anio = fecha_actual.getYear()<br /> if (anio < 100) anio = "19" + anio //pasa el año a 4 digitos<br /> else if ( ( anio > 100 ) && ( anio < 999 ) ) { //efecto 2000<br /> var cadena_anio = new String(anio)<br /> anio = "20" + cadena_anio.substring(1,3)<br /> }<br />document.write(nombres_dias[dia_semana] + ", " + dia_mes + " de " + nombres_meses[mes - 1] + " de " + anio)<br /><br />//--><br /></script><br /></i></b></font></p>
Visto en Recursos para tu blog
20 noviembre, 2009
Tab View es un pequeño script que nos permite agregar pestañas o solapas en blogger.
Agregamos los dos archivos antes de </head>:
<script type="text/javascript" src="URL_tab-view.js"></script>
<link rel="stylesheet" type="text/css"href="URL_tab-view.css"/>
Como detalle extra, este script usa la imagen tab-view.png así que deberemos alojarla en alguna parte.
El código HTML a utilizar sería este:
<div class="TabView" id="TabView">
<div class="Tabs" style="width: anchopx;">
<a class="Current">Pestaña 1</a>
<a>Pestaña 2</a>
<a>Pestaña 3</a>
</div>
<div class="Pages" style="width: anchopx; height: altopx;">
<div class="Page" style="display: block;">
<div class="Pad"> ... contenido Pestaña 1 ... </div>
</div>
<div class="Page" style="display: none;">
<div class="Pad"> ... contenido Pestaña 2 ... </div>
</div>
<div class="Page" style="display: none;">
<div class="Pad"> ... contenido Pestaña 3 ... </div>
</div>
</div>
</div>
<script type="text/javascript">tabview_initialize('TabView');</script>
19 noviembre, 2009
DOMtab es otra forma de crear pestañas en Blogger.
Para hacerlo solo tenemos que descargar el ZIP y usaremos los dos archivos
domtab.js y domtab.css
Agregamos ambos antes de </head>:
<script type="text/javascript" src="URL_domtab.js"></script>
<link rel="stylesheet" type="text/css" href="URL_domtab.css"/>
El código HTML elemental tendría esta estructura:
<div class="domtab doprevnext">
<ul class="domtabs">
<li><a href="#t1">Pestaña 1</a></li>
<li><a href="#t2">Pestaña 2</a></li>
</ul>
<div>
<h2><a name="t1" id="t1">La Pestaña 1</a></h2>
<p> ... contenido Pestaña 1 ... </p>
</div>
<div>
<h2><a name="t2" id="t2">La Pestaña 2</a></h2>
<p> ... contenido Pestaña 2 ... </p>
</div>
</div>
Cuando en el bloque principal se agrega la clase doprevnext, en la parte inferior de cada pestaña aparecerá un enlace para avanzar o retroceder.
En el sitio del autor hay muchos más detalles de cómo configurar el script y personalizarlo.
18 noviembre, 2009
SimpleTabs es un script que permite crear pestañas o solapas sencillas sin recurrir a nada externo. Por lo regular son muy eficaces a la hora de tener una sola sidebar, pues ahí puedes poner lo de tres sidebar.Incluye un control de cookies, así que se recordará la última solapa abierta ,al recargar la página, se volverá a mostrar.
El único defecto es que en Internet Explorer no funciona bien.
Descargamos el ZIP y tenemos 2 archivos:
simpletabs_1.1.js y simpletabs.css
Debemos agregar ambos archivos antes del </head> de la siguiente manera:
<script type="text/javascript" src="URL_simpletabs_1.1.js"></script>
<link rel="stylesheet" type="text/css" href="URL_simpletabs.css"/>
o tambien podemos agregar el CSS directamente a la plantilla en dado caso que queramos modificarlo:
div.simpleTabs {
padding: 10px;
}
ul.simpleTabsNavigation {
height: 24px;
line-height: 24px;
list-style-type: none;
margin: 0;
padding: 0;
text-align: left;
}
ul.simpleTabsNavigation li {
background-image: none;
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}
ul.simpleTabsNavigation li a {
background-color: #1E252D;
border: 2px solid #3E454D;
color: #BBBBBB;
margin: 0 1px 0 0;
padding: 6px 10px;
text-decoration: none;
}
ul.simpleTabsNavigation li a:hover {
background-color: #3E454D;
text-decoration: none;
}
ul.simpleTabsNavigation li a.current {
background-color: #3E454D;
color: #FFFFFF;
}
ul.simpleTabsNavigation li a.current:hover {
cursor: text;
}
div.simpleTabsContent {
background-color: #3E454D;
display: none;
font-size: 12px;
margin-top: 1px;
padding: 10px;
}
div.simpleTabsContent.currentTab {
display: block;
}
El HTML lo insertamos donde queremos mostrar las pestañas, recordando que si es en un post, deberemos escribir todo en una sola línea:
<div class="simpleTabs">
<ul class="simpleTabsNavigation">
<li><a href="#">Pestaña 1</a></li>
<li><a href="#">Pestaña 2</a></li>
<li><a href="#">Pestaña 3</a></li>
</ul>
<div class="simpleTabsContent">contenido Pestaña 1 ... </div>
<div class="simpleTabsContent">contenido Pestaña 2 ... </div>
<div class="simpleTabsContent">contenido Pestaña 3 ... </div>
</div>
Algo que siempre había querido hacer era poner el código en los post de blogger, pero sin tener que recurrir a modificar mi plantilla.
Eso es precisamente lo que hace esta pagina Escape HTML
Tan solo pones el código y le das en “Parse” ; y te lo convertirá en un código que insertándolo dentro de los post, quedara como código.
Así de fácil.
09 octubre, 2009
22 septiembre, 2009
<b:includable id='comments' var='post'/>
AQUI IRA EL CODIGO
<div class='comments' id='comments'>
<script type='text/javascript'>tweetmeme_url = '<data:post.url/>';</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'> </script>
21 septiembre, 2009
20 septiembre, 2009
Hacer tu nombre o marca visible.
Por ejemplo Blogoseando
Conectarte con otros en tus áreas de negocio o interés.
Aqui en blgoseando contactamos con personas que hablan sobre Blogger
Llegar al público hablando sobre temas que te apasionan.
Si blogger no me apasionara, entonces por que estoy escribiendo aqui?
Expresarte.
Claro!
Actualizar a tus clientes o a una audiencia acerca de los proyectos en los que estás trabajando.
Umm...si, aunque sean muchos y esten en el aire
Compartir tu conocimiento.
Por supuesto
Aprender a escribir mejor.
Se requiere
Compartir tu vida con gente que es importante para ti.
Esto solo lo hago en mi blog personal Garlock
Conectarte con tus fans o clientes.
Ganar dinero.
$_$
Saber mas acerca del nicho de tu blog
Osea,, saber mas acerca de Blogger
Crearte una rutina de trabajo online
![Reblog this post [with Zemanta]](http://img.zemanta.com/reblog_e.png?x-id=10e00c80-a2bf-430a-961f-f44bc352622c)
18 septiembre, 2009
05 septiembre, 2009
02 septiembre, 2009
01 septiembre, 2009
![Reblog this post [with Zemanta]](http://img.zemanta.com/reblog_e.png?x-id=256071b4-1011-47ad-ad68-81bfd4adcdea)
Image by > ange < via Flickr
![Reblog this post [with Zemanta]](http://img.zemanta.com/reblog_e.png?x-id=2977cf0a-fd8d-4279-a3c2-839652af6d49)
31 agosto, 2009
