Agregar Mapa del Sitio

¿Que es Mapa del Sitio?

Mapa del Sitio (site map), es una lista de todos o los mas importantes contenidos de un sitio web, que hace referencia a un listado de enlaces que pertenecen a dicho sitio web.

El mapa del sitio debe tener un formato especifico que esta estandarizado, para que pueda ser interpretado correctamente por los spiders de los buscadores que soportan esta funcionalidad. Es una alternativa que dan los buscadores a los webmasters para que puedan presentar el contenido de sus sitios web.

Bueno, despues de darles una pequeña definicion sobre que es un mapa del sitio, les voy a mostrar como podemos agregar uno a nuestra pagina.
Este esta ordenado por fechas, miren el ejemplo de la imagen (click en la imagen para agrandar) para darse una idea de como se vera.

Bien, buscaremos </head> y justo encima de este agregamos este script:

<script type='text/javascript'>
// <![CDATA[
var postTitle=new Array();var postUrl=new Array();var postMp3=new Array();var postDate=new Array();var postYear=new Array();var postMonth=new Array();var postYearMonth=new Array();var postYearMonth2=new Array();var postTanggal=new Array();var postLabels=new Array();var postBaru=new Array();var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;var month2=["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"];function loadtoc(a){function b(){if("entry" in a.feed){var d=a.feed.entry.length;numberfeed=d;ii=0;for(var h=0;h<d;h++){var m=a.feed.entry[h];var e=m.title.$t;var l=m.published.$t.substring(0,10);var p=m.published.$t.substring(5,7);var g=m.published.$t.substring(8,10);var n=month2[parseInt(p,10)-1]+" "+m.published.$t.substring(0,4);var c="/"+m.published.$t.substring(0,4)+"_"+p+"_01_archive.html";var j;for(var f=0;f<m.link.length;f++){if(m.link[f].rel=="alternate"){j=m.link[f].href;break}}var o="";for(var f=0;f<m.link.length;f++){if(m.link[f].rel=="enclosure"){o=m.link[f].href;break}}postTitle.push(e);postDate.push(l);postUrl.push(j);postYearMonth.push(n);postYearMonth2.push(c);postTanggal.push(g)}}}b();displayToc2();document.write('')}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postYearMonth[b];document.write("<p/>");document.write('<p><strong><a href="'+postYearMonth2[b]+'">'+temp1+"</a></strong></p><ul>");firsti=a;do{document.write("<li>");document.write("["+postTanggal[a]+'] <a href="'+postUrl[a]+'">'+postTitle[a]+"</a>");document.write("</li>");a=a+1}while(postYearMonth[a]==temp1);b=a;document.write("</ul>");if(b>postTitle.length){break}}};
// ]]>
</script>

Ahora crea un nuevo post o donde quieras que aparesca el mapa del sitio y pega esto:

<script src="http://tublog.blogspot.com/feeds/posts/default?max-results=500&alt=json-in-script&callback=loadtoc"></script>

Muestra 500 resultados, pero si quieres que muestre mas o menos, solo cambia el numero 500 de max-results=500 y listo.

Es bueno tener un mapa de nuestro sitio porque buscando solo por etiquetas o categorias es bastante complicado, y asi muestras todos tus posts sin ningun problema.

Si quieres ver un ejemplo en vivo de este mapa del sitio puedes verlo en el menu del blog, en la pestaña "Mapa del Sitio" o dando click aqui.




↓ ↓ ↓ Actualizacion del 30 de Marzo del 2011 ↓ ↓ ↓

Tambien se puede agregar un mapa del sitio organizado por categorias/etiquetas con un sencillo script visto en PazosBlogger.

<script style="text/javascript" src="http://dl.dropbox.com/u/3373498/PazosBlogger-Scripts-tabindex.js"></script>
<script src="http://tu-blog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

Al igual que el anterior lo agregaremos en una entrada o una pagina y solo cambiaremos lo marcado en rojo "tu-blog.blogspot.com" por el enlace de tu blog.

LEER MAS...

Videos Graciosos (recomendacion)

Quiero hablarles sobre Videos Graciosos es una pagina super buena, muy divertida por cierto donde encontraran toda clase de videos super graciosos.

Tienen que visitar esta pagina, en verdad que no se arrepentiran.

Hay bromas, comerciales, sustos, y todo lo gracioso que se les ocurra.

Visiten la pagina Videos Graciosos :-)

LEER MAS...

Articulos relacionados (enlaces con imagenes)

Ya les habia habia hablado acerca de esto con articulos relacionados con widgets y articulos relacionados con enlaces de texto, pero ahora les mostrare como poner articulos relacionados con imagenes tan solo agregando un sencillo script.

Para ver un ejemplo de esto, lo veran al final de las entradas de este blog.

Buscamos </head> y justo antes de esto pegamos lo siguiente:

<!-- Articulos relacionados con miniaturas -->
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>

#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts a:hover {
background-color:#FE81AC;
}

</style>

<script type='text/javascript'>
//<![CDATA[

//Script by Aneesh of www.bloggerplugins.org
//Released on August 19th August 2009
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
var thumburl = new Array();
function related_results_labels_thumbs(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
try
{thumburl[relatedTitlesNum]=entry.media$thumbnail.url;}


catch (error){
s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){
thumburl[relatedTitlesNum]=d;} else thumburl[relatedTitlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtOnL0qUaUjeYbEhyphenhyphenew_jI9lVyEKGbz_KWPpuHDAZ1-p0masbu4Pa41jFKBwnRJiUrtkut6N2cLruMI1GYISJTh1pACgwhF745ERDVimCIlh5FLOMHeuqXHV58xFfY3rc6N2lJAX9A6-hN/';

}

if(relatedTitles[relatedTitlesNum].length>35) relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0, 35)+"...";
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;


}
}
}
}
function removeRelatedDuplicates_thumbs() {
var tmp = new Array(0);
var tmp2 = new Array(0);
var tmp3 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains_thumbs(tmp, relatedUrls[i]))
{
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp3.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
tmp3[tmp3.length - 1] = thumburl[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
thumburl=tmp3;


}

function contains_thumbs(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels_thumbs() {
for(var i = 0; i < relatedUrls.length; i++)
{
if((relatedUrls[i]==currentposturl)(!(relatedTitles[i])))
{
relatedUrls.splice(i,1);
relatedTitles.splice(i,1);
thumburl.splice(i,1);

}
}


var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;

if(relatedTitles.length>0) document.write('<h2>'+relatedpoststitle+'</h2>');
document.write('<div style="clear: both;"/>');
while (i < relatedTitles.length && i < 20 && i<maxresults) {


document.write('<a style="text-decoration:none;padding:5px;float:left;');
if(i!=0) document.write('border-left:solid 0.5px #d4eaf2;"');
else document.write('"');
document.write(' href="' + relatedUrls[r] + '"><img style="width:72px;height:72px;border:0px;" src="'+thumburl[r]+'"/><br/><div style="width:72px;padding-left:3px;height:65px;border: 0pt none ; margin: 3px 0pt 0pt; padding: 0pt; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-size-adjust: none; font-stretch: normal;">'+relatedTitles[r]+'</div></a>');


if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</div>');

}

//]]>
</script></b:if>
<!-- fin artículos relacionados -->

Donde pueden cambiar el color que se muestra cuando pasan el cursor sobre el (el que esta marcado con rojo).

Despues buscamos

<div class="post-footer-line post-footer-line-1">

si no la encuentras, puedes encontrarlo como

<p class="post-footer-line post-footer-line-1">

y justo despues de esto pegamos lo siguiente:

<!-- Articulos relacionados con miniaturas -->

<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=4;
var relatedpoststitle="Puede interesarte:";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div> <div style="CLEAR: both">
</b:if>

<!-- Articulos relacionados con miniaturas -->

Donde dice maxresults=4; cambiaremos el numero 4 por el numero de enlaces queremos que aparescan.
Tambien podemos cambiar Puede interesarte por cualquier otro texto (Articulos relacionados, Tambien puedes ver, etc.)

Recuerda que debes de guardar una copia de tu template antes de hacer cualquier cambio en caso de errores, o usar una pagina de pruebas.

LEER MAS...

Articulos relacionados (enlaces de texto)

Anteriormente les habia mencionado sobre como poner articulos relacionados por medio de widgets, que solo era agregar un widget en tu sitio y listo, pero esto es muy limitado, asi que hoy les traigo como poner articulos relacionados por enlaces de texto como este ejemplo:

Bien, lo que tenemos que hacer es, expandir artilugios (Diseño/Edicion HTML/marcamos Expandir artilugios, esto es en caso de usar Blogger).
Despues buscamos <data:post.body/>, despues de encontrarlo pondremos justo debajo de el el siguiente codigo:

<b:if cond='data:blog.pageType == "item"'> <div class='similiar'> <!-- *****************http://hoctro.blogspot.com*****Jan,2007****************** --> <!-- *****************Related Articles by Labels - Take Two****************** --> <!-- Modified by http://dreamydonkey.blogspot.com/ to make it easier to use. 1. Now, users don't need to change anything to use this widget. just copy and paste, and done! 2. The current article will also be listed, now it's no more. --> <div class='widget-content'> <h3>Artículos Relacionados </h3> <div id='data2007'/><br/> <script type='text/javascript'> var homeUrl3 = "<data:blog.homepageUrl/>"; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 100; maxNumberOfLabels = 3; function listEntries10(json) { var ul = document.createElement('ul'); var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ? json.feed.entry.length : maxNumberOfPostsPerLabel; for (var i = 0; i < maxPosts; i++) { var entry = json.feed.entry[i]; var alturl; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { alturl = entry.link[k].href; break; } } var li = document.createElement('li'); var a = document.createElement('a'); a.href = alturl; if(a.href!=location.href) { var txt = document.createTextNode(entry.title.$t); a.appendChild(txt); li.appendChild(a); ul.appendChild(li); } } for (var l = 0; l < json.feed.link.length; l++) { if (json.feed.link[l].rel == 'alternate') { var raw = json.feed.link[l].href; var label = raw.substr(homeUrl3.length+13); var k; for (k=0; k<20; k++) label = label.replace("%20", " "); var txt = document.createTextNode(label); var h = document.createElement('b'); h.appendChild(txt); var div1 = document.createElement('div'); div1.appendChild(h); div1.appendChild(ul); document.getElementById('data2007').appendChild(div1); } } } function search10(query, label) { var script = document.createElement('script'); script.setAttribute('src', query + 'feeds/posts/default/-/' + label + '?alt=json-in-script&callback=listEntries10'); script.setAttribute('type', 'text/javascript'); document.documentElement.firstChild.appendChild(script); } var labelArray = new Array(); var numLabel = 0; <b:loop values='data:posts' var='post'> <b:loop values='data:post.labels' var='label'> textLabel = "<data:label.name/>"; var test = 0; for (var i = 0; i < labelArray.length; i++) if (labelArray[i] == textLabel) test = 1; if (test == 0) { labelArray.push(textLabel); var maxLabels = (labelArray.length <= maxNumberOfLabels) ? labelArray.length : maxNumberOfLabels; if (numLabel < maxLabels) { search10(homeUrl3, textLabel); numLabel++; } } </b:loop> </b:loop> </script> </div> </div> </b:if>

Donde cambiaremos Articulos Relacionados por el texto que ustedes quieran (Tambien puede interesarte, Otros parecidos, etc.), tambien cambiaremos maxNumberOfPostsPerLabel = 4; que es el numero de etiquetas diferentes que se mostraran y maxNumberOfLabels = 10; que es el numero de enlaces que se mostraran.

RECUERDEN QUE deben de guardar una copia de su template antes de hacer cualquier cambio, en caso de algun error, o hacerlo en una pagina de pruebas.

LEER MAS...

30 años de Pacman

Como habran notado, si es que visitaron la pagina de Google, el dia de hoy se celebran 30 años del juego Pacman, que en sus epocas era el mejor juego de todos, y como no serlo si es muy entretenido.

Bueno gracias a Para que sepan pude darme cuenta de que no es solo una imagen como ya estamos acostumbrados a verlo en Google cada vez que se festeja algo importante, si no que resulta que tambien pueden jugar dicho juego con solo dar click en insert icon, es bueno para distraerse un poco o para recordar los viejos tiempos de la infancia. :-)

LEER MAS...

Convertidor de texto a audio

Hoy les traigo dos opciones para poder convertir su texto a audio (.mp3).

vozMe es una pagina web que te da la opcion de convertir tu texto a audio en varios idiomas, Español, Ingles, Italiano, Hindu, Portugues y Catalan.
Tambien puedes transformarlo en voz masculina o femenina.
Lo unico que tienes que hacer es, escribir tu texto y dar click en el boton genera el mp3 y ya esta listo para descargarlo en tu PC.



Spoken Text es otra manera para transformar tu texto en audio.
Requiere suscribirse, pero bien vale la pena hacerlo.
Esta pagina cuenta con 4 idiomas, Español, Ingles, Frances y Aleman, en voces masculinas y femeninas.
Despues de crear tu cuenta solo tienes que dar click en el boton create a new recording para empezar a escribir tu texto, seleccionar la voz y listo. Spoken Text te envia tu grabacion por email para que puedas descargarlo de 3 maneras diferentes:

MP3
MP3 dividido en 5 partes diferentes
iPod book

Un ejemplo de este tipo de voces la encontraremos en el video-tutorial como poner musica de fondo en tu web para tener una informacion mas clara sobre esto.

LEER MAS...

Humor: Evolucion de la computadora

LEER MAS...

Video: La estategia de posicionamiento SEO (parte 2)

Bueno esta es la segunda parte del video que les puse la semana pasada sobre "La estrategia de posicionamiento SEO"

LEER MAS...

XP Codec Pack

XP Codec Pack contiene una gran recopilasion de codecs multimedia actualizados para que pueda ver y escuchar peliculas y musica en diferentes formatos.

Es muy completo y sencillisimo de instalar, simplemente hay que ejecutar el archivo, seleccionar los formatos de audio y video que deseamos que los lea nuestro reproductor, y el programa se instala automaticamente.

Con XP Codec Pack, olvidate de los problemas a la hora de reproducir tus peliculas, videos o muscia en tu PC.

LEER MAS...

Articulos relacionados con imagenes (widgets)

Bueno, como es ahor amuy popular ver al final de las entradas de los blogs o webs un anuncio con articulos relacionados y mostrar con imagenes algunos de los posts que se han publicado en en dicho sitio.


Yo encontre dos sencillas maneras de insertar esto a nuestro sitio, y solo tenemos que agregar un widget.


Outbrain es una opcion para tener articulos relacionados en nuestra pagina y ademas de eso te da la opcion de que puedan calificar tu pagina con estrellitas.

Puedes elegir que en lugar de imagenes sea solamente texto y puedes seleccionar la plataforma en la que vas a publicar el widget automaticamente, como wordpess, typepad, blogger, drupal o elegir el javascript para que tu mismo lo pongas en un widget.


La otra opcion a elegir es LinkWithin que es de la misma manera un widget para mostrar los articulos relacionados, pero este solo te ofrece eso y no puedes elegir entre imagenes o texto, solo imagenes. Eso si, puedes elegir los articulos que quieres que se muestren, desde 1 a 5.

Solo debes ingresar tu email, la url de tu pagina, seleccionar una plataforma si asi lo deseas y listo, podras agregar tu widget.

LEER MAS...

FrostWire 4.20.5 Gratis

Aqui les traigo este fabuloso programa de descarga FrostWire.

¿Que es FrostWire?
Bueno para quienes no lo sepan, FrostWire es un programa de descargas. En el puedes descargar canciones, peliculas, software, imagenes, videos, juegos, etc.
La version 4.20.5 de FrostWire viene con BitTorren, otro muy buen programa de descargas, pero en este puedes buscar lo que quieres descargar desde internet, por ejemplo: videos graciosos torrent, y encontraras muchas paginas y tu eligiras en donde quieres descargar y decir que quieres descargar con BitTorrent. Aunque para descargar con FrostWire no es necesario buscar en internet, ya que el tiene su propio buscador y busca por ti.

Fuente: FrostWire

LEER MAS...

Iconos de redes sociales gratis

Aqui les traigo de freebies unos iconos de redes sociales muy lindos.

Espero les gusten!

LEER MAS...

Gadget de post mas populares

Para que aparescan los post mas populares de tu sitio solo basta con agregar un muy sencillo script como gadget o widgeta tu web.

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback& _id=e1f5a9b2248904d8b81f794c09353010&url=http%3A%2F%2Furl de tu sitio&num=5" type="text/javascript"></script>

Donde dice url de tu sitio vamos a cambiarlo por la url de tu sitio y donde dice &num=5 lo cambiamos por el numero de entradas que queremos mostrar en el gadget o widget.

Esto se basa segun la cantidad de comentarios que tenga cada uno de los posts.

LEER MAS...

Desabilitar el click derecho

Para evitar copien cierta parte de nuestra web que no queramos compartir se encuentra desabilitar el boton derecho del mouse con un javascript, de este modo se evita que puedan guardar las imagenes o cualquier cosa que se copee con click derecho.

El siguiente script tienes que colocarlo entre las etiquetas <head> y </head> de tu sitio o para ser mas claros antes de </head> :

<script type='text/javascript'>

/*Mensaje que puedes personalizar*/
var mensajeerror = "Boton derecho deshabilitado ¡Gracias por visitarnos!";
if(document.layers) window.captureEvents(Event.MOUSEDOWN);
function bloquear(e){
if (navigator.appName == 'Netscape' && ( e.which == 2 e.which == 3))
{
alert(mensajeerror);return false;
}
if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 2 event.button == 3))
{
alert(mensajeerror);return false;
}
}
window.onmousedown=bloquear;
document.onmousedown=bloquear;

</script>

Donde dice Boton derecho deshabilitado ¡Gracias por visitarnos! se puede cambiar por cualquier texto que queramos poner, ya que este es el que aparecera cuando den click derecho en el sitio.

Hay varias maneras de copear imagenes o texto, pero por lo menos no sera d ela forma mas facil que es con click derecho.

Espero les sirva :-)

LEER MAS...

Video: La estategia de posicionamiento SEO (parte 1)

Vi unos videos que me llamaron la atencion y me gustaria compartirlos con ustedes, en esta nueva seccion que se me a ocurrido.

Este video tiene 8 partes y esta es la primera parte, la proxima semana les dejare la segunda parte y asi sucesivamente.

Espero les guste y les depeje la mente sobre lo que es SEO.

LEER MAS...

Real Player SP Plus Gratis

¿Estas buscando un reproductor multimedia que funcione perfectamente con tu iPod, iPhone, Blackberry o sistema de videojuegos?

Prueba RealPlayer SP en su version Plus completamente gratis de por vida cortesia de Nena Says!

Este programa ademas permite compartir videos con tus amigos en Facebook, Twitter, Myspace y Hi5.

Opciones de video

Reproductor universal
Reproduce todos los principales formatos multimedia, incluido Flash, QuickTime MPEG-4, Windows Media, DVD y CD.

Video de primera calidad
Disfrute de HD y calidad de video y audio DVD con su conexion de banda ancha.

Funciona con iTunes
Transfiera automaticamente sus videos favoritos de cientos de sitios Web a su biblioteca de iTunes.

LivePause y PerfectPlay
Disponibles las funciones de pausa, rebobinado y avance rapido para los clips de audio o video en directo, y todo mientras se reproducen. Cree sus propias reproducciones instantaneas.

Explorador de medios integrado
El explorador de medios incorporado permite navegar por la Web mientras reproduce clips de video o escucha musica.

Opciones de audio

Funciones avanzadas de grabacion de CD
Copie, mezcle y grabe CD y MP3 a 320 kbps para obtener una calidad de sonido superior.

Audio avanzado
Convierta vinilo, casetes y voz a archivos digitales facilmente con los controles de audio avanzados. Ademas, es posible transferir musica a la biblioteca de iTunes automaticamente.

Ecualizador grafico de 10 bandas
Optimice el sonido para que suene exactamente como a usted le gusta con el ecualizador de 10 bandas. Ajuste el ecualizador al tamaño de la habitacion, el tipo de entrada, etc.

Crossfade
Realice crossfade entre canciones y agregue reverberacion para que las mezclas suenen como las de un autentico profesional.

Diversos formatos de audio
Compatible con audio CD, MP3, WMA, AAC, RealAudio sin perdidas y mucho mas.

Sonido envolvente
RealPlayer incluye 5 canales de audio y un canal exclusivo para sub-woofer.

Formato RealAudio sin perdidas
El formato RealAudio sin perdidas permite grabar CD de alta calidad con archivos reducidos que ocupan la mitad de espacio que el formato CD estandar.

Visualizaciones
Consiga que su musica tenga una apariencia tan buena como lo es su sonido gracias a las coloridas animaciones que se mueven al ritmo de la musica.

Descarga Real Player SP Plus completamente gratis.

(da click en el boton para descargarlo)

Fuente: Real Player

LEER MAS...

Baja videos de Youtube sin instalar programas

En Baja Tube podras descargar videos de Youtube sin necesidad de descargar e instalar ningun programa en tu PC.

Solo pones la URL del video que deseas descargar y te da la opcion de descargarlo a tu PC en formatos:

.flv, .3gp, y .mp4

Un muy buen recurso.

LEER MAS...

Como poner boton a los lados de tu pagina

Para poder poner botones en los lados de nuestra pagina, como muestro en la imagen (el boton es el que esta marcado con rojo), puede ser de Facebook, Twitter, RSS, o alguna otra imagen que se les ocurra, ya sea del lado izquierdo o derecho de nuestra pagina, vamos a hacer lo siguiente.

Si utilizas Blogger vamos a diseño, edicion HTML y buscamos </body>.
Si no utilizas Blogger, donde edites tu plantilla vamos a buscar </body>.

Bien, ahora justo antes de </body> ponemos el siguiente codigo:

<a href='URL DE DESTINO' target='_blank' title='TU TEXTO'><img src="URL DE TU IMAGEN" style="width:30px; display:scroll;position:fixed;bottom:225px;right:0px" /></a>

Donde cambiaremos url de destino por la url del sitio que quieres que vaya al dar click en el boton.

Tu texto se cambia por cualquier texto, debo mencionar que esto no se muestra asi que pueden dejarlo asi o cambiarlo.

Url de tu imagen lo cambian por la url de la imagen que desean poner.

Pueden cambiar widht por otra cantidad, dependiendo lo ancho que deseen su boton.
Este boton esta a la derecha, pero si lo quieren cambiar a la izquierda solo cambien right por left y ya tendran su bonton a la izquierda de la pagina. Osea asi:

<a href='URL DE DESTINO' target='_blank' title='TU TEXTO'><img src="URL DE TU IMAGEN" style="width:30px; display:scroll;position:fixed;bottom:225px;left:0px" /></a>

Como se dan cuenta todo es igual solo cambio right por left.

Y ahora ya van a poner tener su boton del lado izquierdo o derecho de su pagina.

LEER MAS...

Nuestro Primer Premio

Nos han dado nuestro primer premio.

La verdad esta muy lindo, muchas gracias a Dangerous Blondies y a Cool Design Editions por el premio.

Muchas gracias en verdad :-)

LEER MAS...

Poner musica de fondo en tu web

Antes que nada quisiera felicitar a todas las mamas que son seguidoras y lectoras del blog. Muchisimas felicidades a todas, hoy en su dia! y felicidades a mi mamita hermosa que la amo mucho :-)

Bien, hoy les traigo un video-tutorial para saber como poner musica de fondo en su web o blog. Disculpen por no publicar nada estos dias pero tube unos problemas con este video, pero por fin lo pude terminar.

Espero les sea util y lo puedan comprender con toda claridad, si no comprenden algo dejen sus comentarios con sus dudas y con gusto los ayudare.

LEER MAS...

Publica tus posts en Twitter

¿Quieres que tus posts se publiquen automaticamente en tu cuenta Twitter?



Bueno, principalmetne para lograr esto necesitas tener registrado tu feed con FeedBurner. Si ya tienes tu feed registrado con FeedBurner, entonces haremos lo siguiente, y si todavia no tienes un feed rss ¿que esperas? el mejor recurso para los wembasters es tener un feed rss para la comodidad de los lectores de tu sitio, y si lo haces con FeedBurner mejor. Si no sabes como crear tu feed, lee nuestra entrada "Tu Feed y herramientas Google".


Continuemos.


Iras a feedburner y daras click en la opcion Publicize, despues en el menu izquierdo buscaras la opcion Socialize y daras click.

Te saldran las siguientes opciones:

Les explicare cada una de ellas.



Twitter account: Daras click en el boton Add a Twitter account y se abrira otra ventana en Twitter, donde debes de ingresar tu usuario Twitter y contraseña del mismo. Das click en Allow. Te pedira una verificacion, para que permitas que los posts que publiques en tu sitio se publiquen automaticamente en tu cuenta Twitter, es solo por seguridad.



Post content: Esto es para saber como quieres que se publique tu post en Twitter, por ejemplo, yo seleccione la opcion de title only, porque pienso que con el puro titulo de mi post basta, pero puedes elegir tambien entre title and body (titulo y cuerpo del post) y body only (solo el cuerpo del post).
Abajo de esto tambien encontraras otras dos casillas que te dicen Include link,que para mi si marcaria esta opcion, si no para que publicar tu post ahi, si no vas a dejar un link de donde encontrarlo, y Leave room for retweets, esta opcion tambien la marcaria porque los retweets son muy buenos, es buena opcion para dar a conocer mas tu web.


Hash tags: Esto solo es para agregar etiquetas sobre tu post, yo seleccione no agregar ninguna etiqueta, pero tu puedes agregarlas.

Additional text: Esto es en caso de que tu cuenta Twitter sea personal y a la vez para tu web (como en mi caso), y no quieres que se confundan tus seguidores de lo que dices tu y lo que es de tu web, yo puse Nena Says!, para que mis seguidores sepan cuando hablo acerca de mi web y cuando hablo acerca de algo personal.
Tambien te dice que si quieres que este titulo aparesca al principio del feed o al final, es al gusto de cada quien.

Item limit: Esto es para el limite de los posts, el maximo es de 8 posts por dia, yo lo deje en su maximo para no tener ningun problema.

Item order: Esto es para el orden de tu feed, si quieres que se publique por fecha o en el orden que en tu feed. Yo seleccione their orden in the feed para que cada vez que se actualize mi feed, se actualize en Twitter. Es opcional.

Despues te dara el previo de como se vera tu actualizacion en Twitter, si te gusta das click en activar y listo!

Les aviso que si eligieron que el actualizacion vaya igual que actualiza su feed, no veran los resultados al instante en su Twitter.

LEER MAS...

Emoticonos en los comentarios

Despues de varios intentos sin ningun resultado, gracias a trucosgeek pude solucionar mi problema, insertar una tabla de emoticonos para los comentarios y el post, como estos:

Para insertar esta tabla entu web/blog vamos a jugar con tu template.

Primero vamos a Edicion HTML o donde tu edites tu template (en caso de no usar Blogger), despues expandimos artilugios, y buscamos </head>

Despues de que lo encontraste encima de </head> pegamos el siguiente script, tienen que descargarlo aqui.

Bien ahora debes de insertar una tabla html con los emoticones y simbolos a utilizar para que aparescan, descargala aqui.

Esto lo pones justo debajo de <p><data:blogCommentMessage/></p>. Recuerda que debes de expandir artilugios para poderlo encontrar.

Una recomendacion: Cuando vayas a realizar algun cambio en tu template procura hacerlo en un web/blog de prueba o guardar una copia de tu template, por si falla algo puedas recuperar tu template original. :-)

LEER MAS...