Nigazz
Usuario (Argentina)
Blogger Antes de aprender a editar un blogger debemos crearlo y aprender cosas básicas como publicar una entrada. Luego de crear nuestro blog, seleccionando la plantilla que más nos guste y saber como aplicar widgets empezaremos a editar nuestro blog, yo les voy a enseñar como dejar un blogger algo así http://hilandolavida.blogspot.com/la plantilla original de ese blog (Sencillo-Simple) Es algo así. Primero les voy a enseñar como poner una barra de separación en la sidebar (La que esta marcada con rojo). ✎Clickear plantilla-edición html-<b:skin>···</b:skin> ✎Apretamos CTRL+F y buscamos la linea : .fauxcolumn-right-outer .fauxcolumn-inner { ✎Remplazamos .fauxcolumn-right-outer .fauxcolumn-inner { border-left: 1px solid $(body.rule.color); } ✎Por el siguiente código : .fauxcolumn-right-outer .fauxcolumn-inner { border-left: 1px solid $(body.rule.color); /* Tamaño del borde NazaTipsblog */ border-color: #610B38; /* Color del borde NazaTipsblog */ background: #610B38; /* Color del fondo */ } ✎Si no queremos un color de fondo para nuestra sidebar simplemente borramos esta parte de nuestro código : background: #610B38; /* Color del fondo */ Y solo nos quedara el borde, sin el fondo en la sidebar. Ahora les voy a enseñar como centrar, agrandar, colorear las pestañas y achicar o agrandar los bordes de las paginas o labels de blogger ✎Clickear plantilla-edición html-<b:skin>···</b:skin> ✎Bajamos y buscamos ]]></b:skin> ✎Antes de ]]></b:skin> pegar el siguiente código : /* Menú de páginas ----------------------------------------------- */ <center>#PageList1 { width: 100%; border: 1px solid #FE2EF7; /* Color del borde del menú */ background-color: #FE2EF7; /* Color de fondo */ } #PageList1 ul li a { color: #FE2EF7; /* Color de los enlaces */ text-decoration: none; font-weight: bold; padding-right: 20px; background: transparent url(http://2.bp.blogspot.com/_dsEG33PDaHw/S3GaMp5QZEI/AAAAAAAAAIg/sQHkDct7T44/s320/vertical.gif) center right no-repeat; } #PageList1 ul li a:hover { color: #8A084B; /* Color del texto al pasar el mouse */ position: relative; left: 1px; top: 1px; } #PageList1 ul li a {font-size:20px;}; /* Tamaño del texto de las pestañas */ }</center> ✎Nosotros podemos variar el color de cada parte del texto cambiando los codigos hexadecimales del codigo anterior por el codigo hexadecimal que ustedes elijan. Con la tabla hexadecimal de colores : http://html-color-codes.info/codigos-de-colores-hexadecimales/ Ahora les enseñare a centrar las pestañas de las paginas o labels de blogger : ✎ Ir a Plantilla ✎Personalizar ✎ Avanzado ✎ Añadir CSS Y copiar esto al principio de la cajita : .PageList {text-align:center !important;} .PageList li {display:inline !important; float:none !important;} ✎Clickear plantilla-edición html-<b:skin>···</b:skin> ✎Apretamos CTRL+F y buscamos esta linea : .tabs-inner .section:first-child ul { ✎Encontraremos un código algo así : .tabs-inner .section:first-child ul { margin-top: -$(header.border.size); border-top: $(header.border.size) solid $(tabs.border.color); border-left: $(header.border.horizontalsize) solid $(tabs.border.color); border-right: $(header.border.horizontalsize) solid $(tabs.border.color); } .tabs-inner .widget ul { background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px; _background-image: $; border-bottom: $(tabs.border.width) solid none(tabs.border.color); Remplazamos ese código por este : .tabs-inner .section:first-child ul { margin-top: -none(header.border.size); border-top: none(header.border.size) solid $(tabs.border.color); border-left: none(header.border.horizontalsize) solid $(tabs.border.color); border-right: none(header.border.horizontalsize) solid $(tabs.border.color); } .tabs-inner .widget ul { background: none(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px; _background-image: none; border-bottom: none(tabs.border.width) solid none(tabs.border.color); ✎Ahora apretamos CTRL+F y buscamos esta linea : border-$endSide: ✎Encontraremos un código como este : border-$startSide: $(tabs.border.width) solid $(content.background.color);] border-$endSide: $(tabs.bevel.border.width) solid $(tabs.border.color); ✎Y lo remplazamos por este: border-$startSide: none(tabs.border.width) solid none(content.background.color); border-$endSide: none(tabs.bevel.border.width) solid none(tabs.border.color); ✎Clickear plantilla-edición html-<b:skin>···</b:skin> ✎Apretamos CTRL+F y buscamos esta linea : http://2.bp.blogspot.com/_dsEG33PDaHw/S3GaMp5QZEI/AAAAAAAAAIg/sQHkDct7T44/s320/vertical.gif ✎Encontraremos un código algo así : background: transparent url(http://2.bp.blogspot.com/_dsEG33PDaHw/S3GaMp5QZEI/AAAAAAAAAIg/sQHkDct7T44/s320/vertical.gif) center right no-repeat; ✎Y lo remplazamos por este: background: transparent url(http://www.2eso.info/sinonimos/wp-content/uploads/2013/05/blanco.jpg) center right no-repeat; Ahora les voy a enseñar a como cambiar la fuente del titulo de las entradas de blogger. Primero buscamos la fuente que más nos gusté en : http://www.google.com/fonts/ ✎Clickeamos en la flecha hacia la derecha de la fuente que mas nos guste Luego nos llevara a una página como esta : ○Bajamos un poco y nos encontraremos con un link. Copiamos el link vamos a blogger y abrimos ✎Plantilla-edición html. ✎Apretamos CTRL+F y buscamos <head> justo debajo de <head> pegamos el código que conseguimos en http://www.google.com/fonts/ . Nos quedará algo así : <head> <link href='http://fonts.googleapis.com/css?family=NOMBRE DE LA FONT QUE COPIASTE' rel='stylesheet' type='text/css'/> ✎Volvemos a nuestro blog y hacemos click derecho en el titulo de alguna de nuestras entradas y clickeamos en inspeccionar elemento. ✎Ahora hacia la derecha de la pestaña que se nos abre bajamos y buscamos las fuentes de nuestro blog en mi caso sera Waiting for the Sunrise,Helvetica,Sans-serif . ✎Nos dirigimos de nuevo a Plantilla-edición html. ✎Apretamos CTRL+F y pegamos el nombre de nuestras fuentes que acabamos de copiar en el paso anterior. Y pegamos esas fuentes en el recuadro que se nos abre al apretar CTRL+F El código que encontremos sera algo así (Tiene que empezar con .post-title ) : .post-title{color:#FF0000;font-family:Waiting#for#the#Sunrise,Helvetica,Sans-serif;font-size:22px;font-weight:bold;line-height:22px;margin:0 0 8px;padding:0;text-transform:none;} ✎Ahora antes de la primera fuente ponemos el nombre de la fuente que elejimos en google fonts si yo use la fuente Oswald el código ahora me quedará así : .post-title{color:#FF0000;font-family:Oswald, Waiting for the Sunrise,Helvetica,Sans-serif;font-size:22px;font-weight:bold;line-height:22px;margin:0 0 8px;padding:0;text-transform:none;} ✎Clickeamos en guardar plantilla y en hora buena tendremos la fuente que hemos elegido en google fonts en los títulos de las entradas de nuestro blog ! Ya tenemos los labels/páginas, la fuente y la sidebar. Ahora les voy a enseñar como poner un banner. ✎Ir a plantilla-Edicion html. ✎Apretamos CTRL+F ✎Buscamos <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> Encontraremos un código parecido a este : <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Hilando La Vida. (cabecera)' type='Header'>···</b:widget> </b:section> Remplazamos el código que encontramos por este : <center><a href=''><img alt='' src='LINK DE TU BANNER' title='Hilando La Vida'/></a></center> A mi me quedo algo así : Imagen en grande ↓↓http://i.imgur.com/Ss4aCtS.png Ahora les voy a enseñar como poner el boton ''Leer más'' o continuar leyendo automatico. ✎Clickear plantilla-edición html ✎Apretamos CTRL+F y buscamos esta linea : <data:post.body/> ✎Buscamos un código parecido a este : <b:if cond='data:blog.metaDescription == ""'> <!-- Then use the post body as the schema.org description, for good G+/FB snippeting. --> <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description articleBody'> <data:post.body/> <div style='clear: both;'/> <!-- clear for photos floats --> </div> ✎Debido a la cantidad de ''<data:post.body/>'' que se encuentran en Plantilla-Edición Html el código tiene que ser algo así : <b:if cond='data:blog.metaDescription == ""'> <!-- Then use the post body as the schema.org description, for good G+/FB snippeting. --> <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description articleBody'> <data:post.body/> <div style='clear: both;'/> <!-- clear for photos floats --> </div> ✎Remplazamos <data:post.body/> por el siguiente código código : (Primer código) <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <div expr:id='"summary" + data:post.id' style='font-size:13px; text-align:justify;'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>","<data:post.url/>");</script> <span class='rmlink' style='float:right'><a expr:href='data:post.url'>Leer más...</a></span> </b:if></b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if> <b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if> ✎El código total nos quedaría algo así : <b:if cond='data:blog.metaDescription == ""'> <!-- Then use the post body as the schema.org description, for good G+/FB snippeting. --> <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description articleBody'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <div expr:id='"summary" + data:post.id' style='font-size:13px; text-align:justify;'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>","<data:post.url/>");</script> <span class='rmlink' style='float:right'><a expr:href='data:post.url'>Leer más...</a></span> </b:if></b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if> <b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if> <div style='clear: both;'/> <!-- clear for photos floats --> </div> ✎Ahora antes de </head> pega lo siguiente: (Segundo código) <script type='text/javascript'> img_thumb_width = 400; // Ancho de la imagen en miniatura img_thumb_height = 400; // Alto de la imagen en miniatura summary_txt = 1050; // Número de los caracteres que tendra el resumen. tipsnazablog </script> <script type='text/javascript'> //<![CDATA[ // Script original de Anhvo, modificado por ciudadblogger.com function removeHtmlTag(strx,chop){ if(strx.indexOf("<")!=-1) { var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s.indexOf(">")!=-1){ s = s.substring(s.indexOf(">")+1,s.length); } } strx = s.join(""); } chop = (chop < strx.length-1) ? chop : strx.length-2; while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; strx = strx.substring(0,chop-1); return strx+'...'; } function createSummaryAndThumb(pID, pURL){ var div = document.getElementById(pID); var imgtag = ""; var img = div.getElementsByTagName("img"); if(img.length<=0) { imgtag = '<span style=float:left; padding:0px 10px 5px 0px;><a href="'+ pURL +'"><img src="http://lh6.ggpht.com/_dsEG33PDaHw/TSJuyxzIKkI/AAAAAAAAAgU/GP7fRmaI-5A/thumbnail.png" width="'+img_thumb_width+'px" /></a></span>'; summ = summary_txt; } if(img.length>=1) { imgtag = '<span style=float:left; padding:0px 10px 5px 0px;><a href="'+ pURL +'"><img src="'+img[0].src+'" width="'+img_thumb_width+'px"/></a></span>'; summ = summary_txt; } var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>'; div.innerHTML = summary; } //]]> </script> *******************NOTA 1******************** En el segundo código que hemos agregado veremos al inicio dos códigos: summary_txt = 410; indica el número de caracteres que tendrá el resumen. img_thumb_width = 120; es el ancho que tendrán las imágenes en miniatura. img_thumb_width eigth = 400 es el alto que tendrán las imágenes en miniatura. *******************NOTA 2******************** En donde dice ''Leer mas...'' en el primer código podemos cambiarlo por una imagen remplazando ''Leer mas...'' por el siguiente código : <img src="URL de la imagen" border="0" /> Ya falta cada ves menos para terminar nuestro blogger, les voy a enseñar como poner un borde al rededor del blogger. ✎Clickear plantilla-edición html-<b:skin>···</b:skin> ✎Apretamos CTRL+F y buscamos la linea : .content-outer { ✎Debajo de ella nos encontraremos un código similar a este : ✎Remplazamos el código anterior por el siguiente : border-right: 3px solid #fdb8b6; /* Color y tamaño de la linea derecha */ border-left: 3px solid #fdb8b6; /* Color y tamaño de la linea izquierda */ border-top: 3px solid #fdb8b6; /* Color y tamaño de la linea superior */ border-bottom: 3px solid #fdb8b6; /* Color y tamaño de la linea inferior */ Nota: Ustedes pueden elegir el color que quieran aquí : http://html-color-codes.info/codigos-de-colores-hexadecimales/ y remplazarlo por el que tiene mi código ( #fdb8b6 ) Ya estamos dejando nuestro blogger como este http://hilandolavida.blogspot.com.ar/les voy a enseñar como poner un Favicon a nuestro blogger. 1.Sube tu imagen a esta pagina : favicononline.es 2.Elige el tamaño del favicon, puede ser de 16x16 o 32x32 píxeles. 3.Espera un momento y descarga tu favicon. 4.Renombramos el favicon descargado por este nombre : favicon.ico Ahora subimos nuestro favicon.ico a Google Sites. Si no sabes como subir tu favicon.ico a google sites clickea acá. Vamos a Plantilla-Edicion HTML. Apetamos CTL+F y buscamos esta linea : <b:include data='blog' name='all-head-content'/> Justo arriba de esa linea pegamos este código : <link href='URL del favicon.ico' rel='shortcut icon' type='image/x-icon'/> <link href='URL del favicon.ico' rel='icon' type='image/x-icon'/> Donde dice 'URL del favicon.ico' ponemos el link de nuestro favicon.ico que subimos a Google Sites. En mi caso el código quedaría algo así. Si no se actualiza el favicon.ico espera un rato o limpia el cache y el historial. Como poner el widget de Facebook y que aparezca, si lo buscas en Internet pueden aparecer muchos resultados pero el widget quizás el widget no aparezca en la sidebar. Primero entra a Facebook Developers . Ahí agrega la URL de tu página de Facebook, selecciona el ancho del gadget, color del tema, si deseas mostrar los avatares, la actividad reciente y la cabecera del gadget. Ya que lo tengas listo da click en Get Code. Aparecerá un código para copiar; copia el código que está debajo de iframe. Luego entra en Diseño | Añadir gadget | HTML/Javascript y ahí pega el código que copiaste. Con eso ya tienes el Fanbox en tu blog. Si no nos carga al principio del código agregen esté código : <div class='likeboxwrap'> Y este al final del código : </div> Ahora les voy a enseñar como poner una Radio Flash en su Blogger. ✎Vamos a y buscamos la Radio que más nos guste. http://i.imgur.com/r1F4Tpp.png Copiamos alguna de las direcciones de la Radio que mas nos gusto a veces solo ahí una dirección si ahí mas de una dirección de radio elijan al azar la dirección. http://i.imgur.com/gDqxTqX.png ✎Clickeamos en Diseño. ✎Añadir gadget-HTML/JAVASCRIPT ✎Y pegamos el siguiente código : <embed height="55" type="application/x-shockwave-flash" width="250" src="http://player.wavestreamer.com/cgi-bin/player2.swf" flashvars="skin=http://player.wavestreamer.com/cgi-bin/kleur/kleur.swf&title=Live Stream&type=sound&file=DIRECCIÓNDELA RADIOQUEMASNOSGUSTO/;s.mp3&13142580629&duration=99999&id=scplayer&autostart=false"></embed> ✎Con ese código ahí que apretar el botón Play para que empiece la Radio, si quieren que la Radio empiece automáticamente donde dice ''false'' sin las comillas cámbienlo por ''true'' sin las comillas. http://i.imgur.com/5S5JFVu.png Como sacar los bordes de las imágenes de tu blogger y poner imágenes en los títulos de tus Gadgets/Widgets. 1.Quitar el borde de las imágenes 2. Poner una imagen como titulo de un gadget. ✎Ir a plantilla-Edicion html. ✎Apretamos CTRL+F ✎Buscamos un código parecido a este : <b:widget id='Image1' locked='false' title='TITULO DE TU GADGET' type='Image'>···</b:widget> Clickeamos en los ··· del código y el código nos quedara algo así : <b:widget id='Image1' locked='false' title='TITULO DE TU GADGET' type='Image'>···</b:widget> <b:includable id='main'>···</b:includable> </b:widget> Clickeamos nuevamente los ··· del código y el código se nos expandirá. Al expandirse el código buscamos una linea parecida a esta : <h2 class='title'><data:title/></h2> Y remplazamos esta linea : <data:title/> Por esto : <img src="URL DE TU IMAGEN"/> El código nos quedaría algo así: <h2 class='title'><img src="URL DE TU IMAGEN"/></h2> 3º) Guarda la plantilla para terminar. WordPress En wordpress no podemos hacer una gran web ya que para editar el HTML ahi que pagar y cuando pagas cada sección del blog wordpress esta dividida en FTPs y hace que sea muy dificil, igual wordpress ofrece plantillas gratis muy buenas yo les voy a enseñar como hacer que un blog wordpress quede así: http://infocountries.wordpress.com/ Es muy fácil nada que ver con lo de blogger esto no sera tan difícil. Primero debemos crear una cuenta y un blog de Wordpress.com. Después de tener nuestro propio Wordpress y si no quieren que quede tan normal tendremos que elegir una plantilla. Vamos a : http://NOMBREDETUBLOG.wordpress.com/wp-admin/themes.php Buscamos la plantilla que más nos guste y clickeamos en ''Activar'' http://i.imgur.com/aG18Av8.pngListo ahora tenemos una plantilla en nuestro blog de Wordpress. Ahora voy a enseñarles como instalar Widgets en su WordPress. Nos dirigimos a http://NOMBREDETUBLOG.wordpress.com/wp-admin/widgets.php Y arrastramos el el widget que queremos a la barra lateral http://i.imgur.com/2poHzrW.png Como cambiar el titulo de nuestro blog de WordPress. Vamos a http://NOMBREDETUBLOG.wordpress.com/wp-admin/options-general.php http://i.imgur.com/HGz8Fu9.pngEn donde dice Titulo del Sitio ponemos el titulo que queres que tenga nuestro banner y el ''title'' de nuestro WordPress y en donde dice Descripción corta ponemos el subtitulo que queres que diga nuestro banner. http://imgur.com/mdnh3uA.png Como poner labels o páginas en nuestro WordPress. Vamos a http://NOMBREDETUBLOG.wordpress.com/wp-admin/edit.php?post_type=page clickeamos en ''Añadir una nueva página'' y ponen lo que ustedes quieran en esa página. http://i.imgur.com/CWHp3tA.png Entradas más antiguas en WordPress. Vamos a http://NOMBREDETUBLOG.wordpress.com/wp-admin/options-reading.php Y en donde dice Número máximo de entradas a mostrar en el sitio ponemos la cantidad de entradas que queres que se muestren en el inicio de tu WordPress. http://i.imgur.com/CWHp3tA.png Los tutoriales de como poner determinada cosa son míos o sacado de distintas fuentes debido a los cambios de blogger, las imágenes que dicen en el banner ''Tips para el blog'' es de un sitio mio, muchas cosas no se encuentran en Internet debido a los cambios de blogger. Puntuar no cuesta nada Si tienen una duda de su Wordpress o Blogger me pueden preguntar y veo si los puedo ayudar. Muchas veces por los emoticones de taringa en ves de que aparesca Que es la parte de un código aparece la carita Nada más tienen que remplazar la carita por esto :
A continuación te presentamos la Lista de los Mejores Tips & Trucos para sacarle el máximo partido a tu Facebook ► Escoge tu Nombre de usuario Para compartir tu perfil de forma rápida con tus amigos, escoge tu nombre de usuario ingresando a: Escoger Nombre de usuario en facebook. ► Cambiar el Nombre de usuario en facebook Facebook solo permite una vez el cambio de nombre de usuario, ten mucho cuidado si quieres cambiar tu nombre de usuario porque no hay vuelta atras. Para cambiarlo simplemente debes entrar en las Configuración de la Cuenta y cambiar tu nombre de usuario. ► Inicia sesión con tu Nombre de usuario en facebook Ahora puedes iniciar sesión con tu nombre de usuario, ya no es necesario escribir tu e-mail completo, solo basta poner el nombre de usuario que seleccionaste, la contraseña de facebook y listo!. ► Acortar url largas de facebook.com a fb.me Ahora puedes acortas las direcciones de facebook.com cambiandolas por fb.me ¿Cómo? ... muy simple. si la dirección de tu perfil de facebook es: http://www.facebook.com/celuchile la debes cambiar por http://fb.me/celuchile así de rápido y fácil, especialemente para que las compartas en redes sociales como twitter. ► Descargar todas las fotos de un álbum Puedes descargar todas las fotos de un album de Facebook tuya o de tus Amigos. ► Versión Liviana de facebook Si eres de los que no les gusta tanta cosa en facebook, o tienes una conección a internet lenta y quieres ingresar de forma rápida y sin distracciones, entra ahora mismo en Facebook Lite (esta página está disponible por el momento para la versíon en Ingles de Facebook. Para que puedas verla debes cambiar el idioma a "English (US)" en el extremo inferior izquerdo de la página de facebook) ► Integrar el Chat de FaceBook en la Barra Lateral de Firefox Si quieres ver el chat de FaceBook en tu FireFox, y así estar mas alerta a tus contactos, puedes agregar este link: Chat FaceBook a tus Marcadores de FireFox, y tildar la opción “Cargar este marcador en la barra lateral”, así cuando lo abras veras el chat en la barra lateral. Si tienes problemas viendo tu lista de amigos conectados, abre la barra lateral del chat cuando estés en la página principal de facebook. ► Videoconferencias en el Chat de FaceBook Comunícate con tus contactos de facebook por voz o vídeo haciendo videoconferencias. ► Escribe a tus amigos en tu muro como en twitter Así es, ahora también podrás escribir a tus amigos o páginas de facebook de la misma forma que twitter. Solo debes anteponer la "@" y al nombre de tu amigo o página y te mostrará un listado coincidente a las letras escritas y eliges el nombre al que irá destinado el mensaje y listo. ► Crear Insignias Insignias de Perfil Comparte tu información de Facebook en otros sitios web. debes entrar en Insignia de perfil. Puedes crear un widget con tu información general eliginedo lo que quieres mostrar, como tu dirección de correo electronico, tu país de residencia, estado civil, telefonos, página web, etc. Insignias de Ultimas Fotos Comparte tus últimas fotos subidas a Facebook en otros sitios web. debes entrar en Carnet con Foto Puedes crear un widget con las últimas fotos subidas a tu perfil, una insignia de firmas para incluirlo en tus mails, en foros, etc. Insignias de Páginas También puedes compartir la información de tu página de Facebook en otros sitios web. debes entrar en Insignia de página Puedes crear un widget con la informacíon de tu página de facebook e incluirla en cualquier web. ► Descargar vídeos de Facebook Debes hacerlo con la extensión para FireFox “Facebook Vídeo“, que añade las opciones para “Descargar Vídeo” y “Convertir vídeo” (conversión realizada por Zamzar)y también te proporciona el código para incrustar el vídeo en otros sitios. ► Desplázate por las fotos rápidamente Para cambiar rápidamente de fotos de un álbum, solo debes usar la tecla flecha derecha (para la foto siguiente) y la tecla flecha izquierda (para la foto anterior). ► Accesos Directo con la tecla ALT Existen Accesos Directos para acceder de forma rápida a las páginas mas utilizadas, te facilitan y aceleran la navegación por las principales noticias del Facebook, para ver cuales son, ingresa a: Accesos Directos en Facebook. ► Entrar a Facebook desde el iPhone Debes entrar desde tu iPhone a: http://iphone.facebook.com ► Entrar a Facebook desde el móvil (wap) Debes escribir en tu celular: http://m.facebook.com ► Facebook móvil Debes Activar Facebook Móvil y podrás ocupar los siguientes servicios: Actualizar tu estado y buscar Información de Perfil Tu puedes actualizar tu estado o buscar información de perfil mandando la letra "F" al 32665. También puedes recibir mensajes de Facebook, Posts en tu Muro, y notificaciones enviadas a tu teléfono celular como mensaje de texto. Subir Fotos Envía las fotos de tu celular como mensaje multimedia a . Para agregarle un titulo, basta con incluirlo en el asunto de tu mensaje. Subir Videos Primero debes agregar esta aplicación a tu cuenta de Facebook. Una vez que tengas la aplicación de vídeo, si quieres subir vídeos desde el teléfono, sólo tienes que enviarlo como mensaje multimedia a mobile@facebook.com. Para añadir un título, incluirlo en el asunto del mensaje. Para añadir una descripción, incluirlo en el cuerpo del mensaje. ► Foto Grande en tu Perfil de Facebook Si quieres que la foto de tu perfil se vea grande, es simple, lo único que debes hacer es subir tu foto en vertical, es decir, que sea larga y angosta. por ejemplo la foto de mi perfil de facebook es de 199 x 408 pixeles. ► Guía Telefónica de Amigos de Facebook En la Guía Telefónica de facebook podrás ver la lista de números de tus contactos organizados alfabéticamente. ► Bloquear Persona en Facebook Si hay alguien que no quieres que vea tu perfil, te contacte, te encuentre, te envíe mensajes, etc... y la quieres eliminar, debes ir a Aquí. ► Eliminar Solicitud de Amistad Enviada Es muy simple eliminar la solicitud de Amistad que enviaste, simplemente sigue los pasos de como "Bloquear a una Persona en Facebook" y automáticamente bloquearás todo vinculo relacionado con la persona. Si decides cambiar de opinión y quieres que te encuentre o enviarle una nueva solicitud de amistad, debes primero eliminarlo de la lista de bloqueo. Nota: Si el usuario del cual quieres eliminar la solicitud enviada, tiene activada las "Notificaciones por Correo Electronico", él podrá ver que le enviaste una solicitud, pero si lo bloqueaste, ya no podrá ver tu solicitud en su cuenta de facebook. ► Desactivar o Eliminar tu cuenta en Facebook Si por algún motivo decides no tener más tu cuenta de facebook, y la quieres eliminar de forma permanente (sin poder recuperarla) debes entrar en "Eliminar mi cuenta", pero si la quieres desactivar, debes ir a Desactivar Cuenta seleccionar tu motivo de desactivación de cuenta, y clic en Desactivar (nadie podrá ver tu perfil hasta que la reactives, solo tus amigos podrán seguir invitándote a eventos, etiquetándote en fotos y solicitándote que te unas a grupos). Para reactivar la cuenta, solo debes iniciar sesión. ► Compartir en Facebook Para compartir rápidamente cualquier página web con tus amigos, incluso cuando no te encuentres en Facebook, puedes agregar el Bookmarklet para Compartir. Da aquí en el link de abajo con el botón derecho y selecciona "Agregar a Favoritos" o en "Marcar este enlace", después selecciona "Crear en" y da clic en la carpeta "Vínculos" o en "Barra de Marcadores". Si no puedes ver la Barra Marcadores, elige "Mostrar Barra Marcadores" desde el menú Ver. ► Ver el Perfil de Contactos que no te tienen como Amigo Para ver el perfil de alguna persona que no te tiene agregado como amigo, esa persona debe tener activada la opción de que los amigos de sus amigos y/o sus redes puedan ver su perfil. Y tu debes estar en la misma Red de la persona que quieres ver o ser amigo del amigo que tiene agregado. Pero no siempre lo podrás ver, ya que esta opción se puede cambiar en perfil. ► Smiles, Caras, Emoticons en el Chat de Facebook Mira todas las caritas o emoticons de facebook en Emoticons Facebook ► Negrita en el Chat de Facebook Cuando chateas en el Chat de Facebook con tus amigos, y quieres enviarles mensajes destacados en "Negrita", debes agregarle un * (asterisco) al principio y al final del mensaje, por ejemplo asi: *mensaje en negrita* y al enviarlo se verá así: mensaje en negrita. ► Subrayado en el Chat de Facebook Para enviar un mensaje subrayado en el chat de facebook, debes agregar un _ (guión bajo) al principio y al final del mensaje, por ejemplo asi: _mensaje subrayado_ y al enviarlo se verá así: mensaje subrayado. ► Mostrarte "No conectado" en Chat de Facebook a algunos amigos Para esto, debes crear una lista con tus amigos que no quieres que te vean conectado, vas a la ventana del Chat de Facebook, haces click en Listas de Amigos, donde dice: Crear lista nueva, le asignas un nombre cualquiera, seleccionas o mueves los amigos que no quieres que te vean conectado y finalmente le das click en el icono que esta en la esquina del nombre de la lista y listo. Ahora estarás como No conectado para esa lista de amigos. ► Listas de Amigos en Chat de Facebook Si tienes listas de amigos creadas en Facebook (si no tienes puedes crearlas), puedes configurarlas para que le des prioridad a tus amigos de esas listas y se muestren primero en el chat. En la ventana del chat de facebook, haces click en Listas de Amigos y seleccionas tu lista de amigos mas cercanos o importantes para verlos en los primeros puestos de la lista del chat. Si quieres volver a la vista Normal del Chat, debes deshacer la selección de las Listas de Amigos y se volverá a mostrar como siempre. ► Chatea en Facebook con Gabtastik Con esta aplicación puedes chatear con tus contactos de facebook y también con Gtalk simultáneamente. Descargar Gabtastik ► Validar tu Cuenta Facebook Para evitar tener que estar ingresando códigos de seguridad cada vez que agregas a un amigo(a) en Facebook, debes Validar Tu Cuenta por medio de tu teléfono móvil. Dependiendo del país debes ingresar el número. En el caso de Chile, debes anteponer un 9 a tu número regular de 8 dígitos. ► Ver tu Lista de Amigos Para ver tu lista de Amigos en Facebook, solo debes ir al menu "Cuenta" -> "Editar Amigos" o directamente en: Lista de Amigos ► Ver Solicitudes de Amigos Pendientes Ve que personas aún no han aceptado tu solicitud de amistad, para esto, solo debes ir a tu lista de Amigos y revisarlos, si tu amigo aún no te ha agregado, aparecerá con el estado de "Solicitud de amistad pendiente". ► Crea tu propia Encuesta o Quiz Haz visto muchas quiz y ya es hora de crear una propia, si quieres crear una quiz, test o encuesta solo entra a Quiz Creator y empieza ya a crearla. ► Mira las Noticias de tus Amigos de facebook en Tiempo Real Si quieres estar atento a todo lo que hacen tus amistades en facebook, solo tienes que ingresar a las Noticias en vivo y veras todo lo que ocurren en tiempo real. ► Crear una aplicación para facebook Eres un desarrollador, dominas los lenguajes de programación,etc. y quieres desarrollar tu propia aplicación para facebook, pues solo debes seguir las instrucciones (en ingles) tener tu espacio web, conseguir la API, etc. en Facebook Developers. También puedes crear una aplicación de una manera más fácil con Cakephp que es un framework para php que te facilitará el proceso, y en el Blog de Facebook Developer te explican como hacerlo. ► Restaurar Aplicaciones en facebook Si haz eliminado alguna aplicación de facebook que viene por defecto, como Vídeo, Móvil, Notas, Regalos, Muro, Fotos, Elementos publicados, Eventos, Grupos, etc... o quieres agregar otras más, búscalas acá: Directorio de aplicaciones por Facebook y agrega la aplicación que más necesites o quieras. ► Crear Grupos en facebook Si quieres crear una grupo en facebook de cualquier tema, como para discutir de alguna situación, o algún tema en especial, etc. y deseas que el grupo este Abierto (cualquier persona puede entrar), Cerrado (administrador decide quien puede entrar), Secreto (solo conocen el grupo los miembros e invitados), debes Crear tu grupo aquí en Facebook y difundirla entre los amigos que deseas. ► Crear páginas en facebook Si quieres crear una página en facebook para cualquier cosa, como para promover algún artista, tu propia banda, algún producto en especial, etc. y los usuarios se hagan fans, debes Crear nueva página de Facebook y difundirla entre tus amigos. Agrega un widget para ser fan de tu web Entra en el Panel para fans y creas en widget que lo puedes incluir en tu web para que permitir a tus visitantes convertirse en fan! de tu página en Facebook. Integra un espacio para comentarios en directo Entra en el Espacio para comentarios en directo y creas en widget en el que tus visitantes podrán comentar sobre tu web directamente de Facebook conectandose, compartiendo y enviando actualizaciones en directo. ► Seleccionar a todos tus amigos Si en Facebook quieres recomendar un grupo o pagina a varios o todos tus amigos, resulta agotador seleccionarlos de 1 en 1, mejor usa este codigo el cual lo pegas en la barra de direcciones y luego apretas enter, de inmediato se seleccionaran todos tus amigos y podrás enviarles la recomendacion a todos ellos. ► Anunciarse en facebook Necesitas hacer publicidad de tu web, proyecto, blog, empresa, etc. y quieres hacerlo en facebook? Solo entra en Anunciar en Facebook y haz el tuyo, tu propones cuanto pagar por clic o por impresiones. ► Eliminar historial del Chat Para eliminar el historial del chat de facebook tienes que abrir la ventana del contacto que quieres borrar la conversación y subir la barra hasta encontrar y hacer clic en Despejar Historial de Chat. ► Facebook Widget para Opera Si usas el navegador Opera, entonces te recomiendo el widget de facebook, en el que puedes buscar, ver la foto y estado de tus amigos, recibir notificaciones de mensajes, enviar y recibir toques, etc. ► Nunca olvides un Cumpleaños Para que nunca olvides las fechas de cumpleaños de tus amigos en FaceBook, debes ir a Configuración de la Cuenta -> Notificaciones, y en el marco del "Facebook", haces click en "Mostrar Más" luego activas la opción "Has a birthday coming up", cada semana le llegara un correo notificándole los próximos cumpleaños. ► Efecto de luz de lentes ópticos en Facebook *Efecto actualmente deshabilitado por facebook. Para ver este efecto, debes usar la combinación de teclas Konamicode (es una combinación de teclas pulsadas seguidamente para hacer trucos en los juegos, famoso en los juegos de videos de Konami). Cuando estes en cualquie página de facebook, pulsa la siguiente secuencia de teclas: y luego presiona Enter. A continuación cada vez que hagas click o te desplaces por las páginas dentro de Facebook, verás una serie de círculos de fondo por 1 segundo aprox. Esto es un Efecto, es el Famoso efecto que se producen en los lentes ópticos de las cámaras cuando la luz se dispersa en la lente interna a través de sistemas de imagen no deseado. Para desactivarlo, solo debes cerrar la ventana o pestaña y abrir nuevamente la página de facebook. ► Crear Notas. En Facebook, puedes Crear una Nota y personalizarlas dandole formato, subir fotos, escribir lo que quieras (enviar saludos, recordatorios, anecdotas, datos) y etiquetar a tus amigos en las notas. ► Informar de un Perfil de una persona Fallecida. Si eres algun familiar o cercano de alguna persona que acaba de fallecer, sabes algunos de sus datos, y además posees alguna noticia, o prueba que acredite tal fallecimiento, puedes completar este formulario, el cual, debe usarse solamente para informar del fallecimiento de una persona y establecer la cuenta in memoriam. En este tipo de cuenta "in memoriam" se elimina cierta información privada y se cambia la configuración de privacidad para que solo los amigos confirmados puedan ver el perfil o encontrarlo en las búsquedas. El muro se conserva para que los amigos y familiares puedan hacer publicaciones en recuerdo del fallecido. ► Activar/Desactivar Notificaciones de correo electrónico Controla todas tus preferencias de avisos que envía facebook a tu correo en Configuración de la Cuenta -> Notificaciones. ► Desactivaron mi cuenta de Facebook. Puedes enviarle un correo electrónico a incluyendo una descripción del problema. Asegúrate de enviarle el correo desde la dirección de correo electrónico asociada a tu cuenta desactivada. ► Páginas o Grupos Falsos en Facebook Saber Quien Visitó mi Perfil en Facebook: imposible de saber aunque te digan que funciona Nuevo Facebook Gold Gratis: no existe ni habrá un facebook Gold Facebook Premium: no existe ni habrá un facebook Premium Contador de Visitas de Perfil: imposible aunque te digan que funciona SMS Gratis en Facebook: en facebook no hay ninguna que funcione Nuevo Chat en Facebook: no existe aun, si lo actualizan lo verás de inmediato sin hacer nada Activa la opción: Emoticones para tu estado: no existen los emoticones para tu estado, pero si para el chat Gold Camara Gratis para tu Fotolog: no hay forma de obtener el fotolog gratis por facebook, debes pagar para obtenerlo. Estas son algunas páginas o grupos de facebook que son falsas, solo buscan tener la mayor cantidad de fans o miembros del grupo, y que tu lo ayudes invitando a más amigos tuyos, es imposible que funcionen por más que lo creas, aunque te digan que si funciona, es completamente falso. ► Crea tu Página "Me Gusta". Quieres que tus frases les gusten a todos tus amigos, entonces que esperas entra ya a Crea Tu Página Para Facebook y Compartela Con tus Amigos. Las ventajas de usar esto, es que es un metodo más fácil de crear páginas y que sean gustadas por muchos más usuarios de facebook, ya que no tendrás que eliminar estas páginas si en algun momento llegas al limite de amistades.
Esto paso hace casi 2 años y pensaba en publicarlo en Taringa pero siempre me ganaba la paja, voy a contar la historia brevemente. Si veo que hay gente que le interesa el post le pregunto a mi vieja más cosas del tema y pongo mucha más info. Mi vieja en el año 88 dio a luz a mi hermana que fue atendida por una partera que vendía bebes, mis abuelos como estaban desbordados económicamente cometieron el gran error de entregar a mi hermana sin saber a donde y con quien iba a ir, mi abuela esta arrepentida mi abuelo, no se. A todo esto a mi mamá le decían que mi hermana había muerto. El papá de mi hermana murió 10 años después, más o menos, de sida. Foto de mi mamá y mi hermana después de que el ADN de positivo. Buscó a mi hermana a veces con más y a veces con menos intensidad porque tenia que estudiar, mantenernos sola a mi y a mi hermano que tenia epilepsia, hacer su casa u otras cosas. Hasta que a fines de 2012 dio con una Oficina de Derechos Humanos del Registro Nacional de Personas y obtuvo el primer dato concreto,a partir de ahí pudo buscar sobre terreno firme. Se encontraron y después de 2 o 3 meses se hicieron el ADN. Foto del ADN positivo. Si alguien tiene alguna historia parecida o esta buscando a alguien o tiene alguna duda mandenme mp seguro mi vieja los puede ayudar. A esta hora me anda mal Internet mañana le pregunto cosas a mi vieja, pongo mas info y certifico, le saco una foto al documento de ADN y un papel que diga @Nigazz taringa. Si quieren dejen preguntas así le voy preguntando a mi vieja y las pongo acá cuando mañana edite y ponga más info
Burning Man es un festival musical de siete días que se lleva a cabo en el medio del desierto de Black Rock en Nevada. Ahí cerca de 60.000 hippies, nudistas y espíritus libres son atraídos. Burning Man ha sido descrito por los visitantes como una sociedad experimental temporal donde todo el mundo debe ser autosuficiente. Durante el evento, hay obras de arte hechas principalmente de madera. Existe una obra llamada Wicker Man, la cual como homenaje es incendiada al final del evento. Es de ahí el nombre Burning Man. No hay reglas sobre cómo hay que comportarse y expresarse en este caso (salvo las normas que sirven para proteger la salud, la seguridad y la experiencia de la comunidad en general ) , sino que depende de cada participante para decidir cómo van a contribuir y lo que van a dar a esta comunidad. He aquí una muestra de las obras que se pueden ver en este irreverente festejo. (Estas fotos son de el Burning Man de 2009).
HTML 5 es la próxima revisión de HTML (Lenguaje de Marcado de Hipertexto) que básicamente es el lenguaje universal de la web. HTML5 introduce una serie de nuevos elementos y atributos que son típicos en los sitios Web modernos. Algunos de ellos reemplazan semánticamente a los elementos <div> y <span>, por ejemplo <nav> (bloque de navegación web) y <footer>. Otros elementos proporcionan una funcionalidad nueva a través de una interfaz estandarizada, como los elementos o etiquetas <audio> y <video>. El objetivo de HTML es guardar contenido y es por eso que algunos elementos obsoletos de HTML 4.01 se han eliminado, incluyendo elementos para la presentación de contenido como <font> y <center>, cuyos efectos se consiguen mediante las Hojas de Estilo en Cascada o CSS. La sintaxis de HTML5 ya no se basa en SGML a pesar de la similitud de sus marcas. Sin embargo, ha sido diseñado para ser compatible con las versiones anteriores de HTML. Viene con una nueva línea de introducción que se parece a una declaración de tipo de documento SGML, <!> DOCTYPE html, que permite la compatibilidad con los estándares en todos los navegadores que utilizan "DOCTYPE sniffing". Nuevo API Además de especificar el marcado, HTML5 especifica interfaces de scripting. Entre las actuales Document Object Model (DOM). También hay nuevas APIs, tales como: El elemento de lienzo para dibujar en 2D Reproducción multimedia Base de datos de almacenamiento off-line Edición de documento Arrastrar y soltar Mensajería entre documentos Gestión del historial Algunas de las nuevas características son parte de HTML5, principalmente porque no hay voluntarios para dividir HTML5 y mantener especificaciones distintas de estas características. Diferencias con HTML 4 y XHTML La siguiente es una lista de las diferencias y algunos ejemplos específicos. Nuevas reglas de parsing; no se basa en SGML Capacidad para utilizar en línea SVG y MathML en text / html Nuevos elementos: article, aside, audio, canvas, command, details, datalist, dialog, embed, figure, figcaption, footer, header, hgroup, keygen, mark, meter, nav, progress, output, rp, rt, ruby, section, source, summary, time, video Los nuevos tipos de controles de formulario - dates and times, email, url, search Nuevos atributos - ping (on a and area), charset (on meta), async (on script) Los atributos globales (que se pueden aplicar para cada elemento) -id, tabindex, hidden, data Los formularios tendrán soporte para los métodos PUT y DELETE además de GET y POST Elementos obsoletos - center, font, frameset, strike Nuevos Elementos section: Puede ser un capítulo, una sección de un capítulo o básicamente cualquier cosa que incluya su propio encabezamiento. header: La cabecera de una página. No confundir con el elemento head footer: El final de la página. nav: Una colección de links a otras páginas article: Una entrada independiente en un blog, revista, etc. aside: Es un bloque semántico que representa una nota, un consejo una explicación…. figure: Se utilizará para representar una imagen dialog: Se utilizará para representar una conversación entre varias personas time: Se utilizará para marcar un momento temporal en una historia meter: Se utilizará para indicar ciertas medidas dependiendo de los atributos progress: Representará el estado de cierto proceso video: Archivo de video audio: Archivo de audio details: Más detalles datagrid: Una tabla, una recopilación de datos formateados menu: Menu de navegación Elementos modificados El elemento <a /> sin href ahora creará un enlace al sitio. El elemento <address /> es ahora un nuevo concepto de sección. El elemento <b /> ahora representa un trozo de texto a ser estilizado sin ninguna importancia. Para elementos <label /> el navegador no debe mover el foco desde la etiqueta al control a menos que el comportamiento sea estandar para el interfaz utilizado en la plataforma. <menu /> ha sido redefinido para ser usado con los actuales menús. El elemento <small /> ahora representa una impresión pequeña. El elemento <strong /> definitivamente representa el enfasis puesto en trozo de nuestro texto. Elementos Eliminados acronym applet basefont big center dir font frame frameset isindex noframes noscript (solo en XHTML5) s strike tt u Nuevos Atributos media: Para conseguir una mayor consistencia con el link en los elementos <a /> ping: Especificacremos una lista separada por espacios donde produciremos un ping cuando se siga el enlace, para los elementos <area /> y <a /> target: Disponible para mejorar la consistencia con el elemento <a />. autofocus: Destinado para indicar el elemento <input /> (no hidden), <select />, <textarea /> o <button /> que ha de coger el foco al cargar la página. form: Atributo para <input />, <ouput />, <select /> <textarea />, <button /> y <fieldset /> que permite que se sococien con un simple formulario. replace: atributo para <input /> <button /> y <form /> que le afectará cuando el contenido del elemento sofra algún cambio. data: Para <form />, <select /> y <datalist />. required: Para elementos <input /> (Excepto hidden e image) y <textarea />, indica que el campo es obligatorio. inputmode: Atributo para <input /> y <textarea />. disabled: Para <fieldset />, permite desactivar el fieldset completo. autocomplete, min, max, pattern, step: Para elementos <input /> permite delimitar las posibilidades de nuestros elementos de entrada. list: Para elementos <datalist /> y <select />. template: Para <input /> y <button /> podrá usarse para repetir templates. scoped: Para elemento <style />, permitirá usar hojas de estilo “scoped” ?? async: Para el elemento <script /> el ajax hecho atributo. Atributos Eliminados rev y charset en <link /> y <a /> target en <link /> nohref en <area /> profile en <head /> version en <html /> name en <map /> scheme en <meta /> archive, classid, codetype, declare y standby en <object /> valuetype en <param /> charset en <script /> summary en <table /> header, axis y abbr en <td /> y <th /> Quake en HTML 5 Una aplicación impresionante de HTML 5 fue el port del juego Quake en un navegador. Imagina de lo que son capaces 3 desarrolladores de Google... :yes: Han creado una versión del célebre Quake II corriendo en un navegador. Este Quake II GWT emplea HTML5 y WebGL para la aceleración gráfica. Saludos Nigazz