Android

CreanDroid Nuevo blog Con tips de Desarrollo Android

Mostrando entradas con la etiqueta Online. Mostrar todas las entradas

Aumentar Velocidad de Navegacion

Todos deseamos que internet nos descargue más rápido. Pero esto no siempre está en nuestras manos, sino en las empresas que nos dan el servicio a internet.

En la comunicación entre el servidor y el cliente hay varios parámetros que nosotros podemos modificar para nuestro beneficio. Uno de los más importantes y el más olvidado en la navegación web es el 

pipelining.


Proxys Gratis




un proxy es un servidor que nos permite conectarnos a el para después entrar a la internet con esto podemos cambiar nuestra dirección ip y hacer que nos conectamos desde otros lugares.

Descargar videos de youtube sin programas

Descargar  vídeos de youtube es una de las cosas mas esenciales que hacemos al momento de navegar, pero muchos como yo, a veces estamos en un café Internet  y necesitamos descargar un vídeo sin el software apropiado para esto. pero aquí está la solución.

Tutoriales Illustrator

El programa de dibujo vectorial más populares hoy en día es Adobe Illustrator. Los vectores son ideales para logos, ilustraciones y casi cualquier cosa que te gustaría tener la oportunidad de ampliar o reducir el trabajo de subir y bajar de tamaño sin pérdida de calidad. Conseguir buenos en eso es una tarea difícil. Familiarizarse con el software no tiene que ser extremadamente difícil, pero para llegar a dominarlo, tendrá que prepararse para muchas horas practicando. En este artículo hemos elegido muchos grandes clases que le ayudarán a pulir sus habilidades si usted sabe lo básico, pero necesitan una forma inspiradora de tomar un paso más allá. Estos tutoriales serán de gran ayuda y esperamos que aprender algunas técnicas nuevas. Disfrute!

Trucos SEO

En el mundo online de hoy en día, unos pocos sitios web pueden escapar del algoritmo de Google que cambia rápidamente. Con enlaces de pago, y ahora las granjas de contenido, en la lista de correo no deseado, es imprescindible que usted trabaja con un resultado de sombrero blanco SEO y empresa de diseño web que no se meterá en problemas con los motores de búsqueda. Si usted no puede permitirse una gran agencia, empiece por leer este sitio SEO guía para ponerte en el camino correcto.

Acerca de los Creative Commons





Luego de una larga ausencia del blog, por diversos motivos que aunque no sepan ni sabrán espero puedan entender, navegando por la red me encontré con una pagina sobre Creative Commons, un proyecto que ya había tenido la oportunidad de conocer, pero no a fondo ni había decidido trascender en lo que este es y que desea lograr, así que luego de buscar un poco y de informarme "bien" eh aquí una breve explicación sobre lo que es, este revolucionario proyecto de licencias libres,  a mi parecer mas certero y menos emancipador como lo pretenden ser las leyes del copyright.

Creative Commons (CC) es una organización no gubernamental sin ánimo de lucro que desarrolla planes para ayudar a reducir las barreras legales de la creatividad, por medio de nueva legislación y nuevas tecnologías. Fue fundada por Lawrence Lessig, profesor de derecho en la Universidad de Stanford y especialista en ciberderecho, que la presidió hasta marzo de 2008.
Las licencias creative Commons estan basadas en las licencias GPL de software libre  usadas actualmente.

¿Con que objetivo se crea creative commons?


Con el tiempo muchos artistas se han dado cuenta de que tener el derecho de copia absoluto de sus obras no les ayuda a la hora de exponerlas, promocionarlas y distribuirlas a lo largo y ancho del planeta. Medidas como la propiedad intelectual y el copyright, lejos de ayudarles, han quedado obsoletas y ahogan su creatividad. 

IconGal Iconos Descargar

Si te dedicas al diseño web, seguramente te interesará esta propuesta que tenemos en el día de hoy. Se trata de IconGal, una galería de íconos gratis para que elijas, descargues y utilices los que más pueden combinarse con tus trabajos. Te invitamos a que navegues por esta galería a conocer cuáles son los íconos que propone IconGal.
icongal 300x191 IconGal galeria de iconos gratis


Destacamos que todos estos íconos tienen una licencia de libre uso, por lo que es permitido utilizarlos aunque tu no seas su desarrollador. Encontrarás aquí más de 1600 íconos gratis, organizados en diferentes categorías y además, de uso totalmente libre y gratuito. Podrás descubrirlos y navegarlos de manera totalmente organizada por autor, tema o categoría, ayudándote así a encontrar el ícono que estés necesitando para tus proyectos.
Accede a IconGal desde el enlace al final de este artículo.
Enlace: IconGal



Herramientas para Twitter

Es difícil argumentar en contra el valor de Twitter en estos días, especialmente para las empresas y profesionales que buscan a la red y mantenerse por delante de la curva. Al igual que la multitud de diseñadores y desarrolladores que han inundado las corrientes sociales este medio de comunicación y minó su API desde su creación. Y con herramientas increíbles para muchos disponibles para ampliar y mejorar la experiencia del usuario en general, Twitter es cada vez más útil y práctico que nunca.

Hoy nos he reunido varios recursos valiosos que pueden ayudar a nuestros lectores tomar su experiencia de Twitter al siguiente nivel. Para sacar más provecho de esta poderosa herramienta de negocios que algunos de sus seguidores y el empalme con potencial clientela. Esperamos que pueda encontrar nuevas aplicaciones a través de sumergirse en el puesto, e incluso revisar algunos que habían perdido el contacto.

The Tools

Twitterfeed le permite enviar de forma automática de su blog a Twitter cada vez que el canal RSS se actualiza
Twitterfeed in A Roundup of Valuable Twitter Tools 

Twileshare le permite subir y compartir PNG, GIF, JPG, DOC o PDF en Twitter.


Twilshare in A Roundup of Valuable Twitter Tools
ManageFlitteres un gestor de cuenta de Twitter que te permite gestionar que te siguen, a ver quién no lo está siguiendo de nuevo, encontrar las cuentas inactivas de seguir, y buscar fácilmente dentro de tu cuenta de Twitter.
Manageflitter in A Roundup of Valuable Twitter Tools


Twellow es las páginas amarillas de Twitter. Encontrar a la gente a seguir con intereses similares y agregar su propia información para ganar nuevos adeptos.
Twellow in A Roundup of Valuable Twitter Tools
Twitturly las pistas y las filas de la gente urls son Twitter. De acuerdo con el sitio "Si la gente puede ir directamente al URL final, el uso de TinyURL, SnipURL (snurl), o cualquier otro servicio de acortamiento de URL otros, siempre contamos los " votos " correctamente porque nuestras arañas en realidad visitar cada sitio antes de que se muestra aquí ."
Twitturly in A Roundup of Valuable Twitter Tools
Tweet Reach diga la distancia que ha recorrido un tweet. Se busca una dirección URL, nombre de Twitter, una frase o hashtag y obtener informes sobre los datos y llegar a la exposición de los tweets.
Tweetreach in A Roundup of Valuable Twitter Tools
TweetStats muestra las estadísticas de una cuenta de Twitter en forma de gráfico.
Tweetstat in A Roundup of Valuable Twitter Tools
iTweetes una alternativa de interfaz de Twitter con muchas características mejoradas por lo que es superior a la de Twitter por defecto la interfaz de usuario.
Itweet in A Roundup of Valuable Twitter Tools
Bird Herdhace que sea fácil para los grupos, equipos y marcas para actualizar una cuenta de Twitter solo enviando un mensaje directo a la cuenta del grupo de twitter.
Birdherd in A Roundup of Valuable Twitter Tools
Twtpoll le permite configurar las encuestas para participar y obtener retroalimentación de sus seguidores.
Twtpoll in A Roundup of Valuable Twitter Tools
TweetyMail le permite administrar su cuenta de Twitter desde su buzón de correo. Puede enviar tweets y mensajes directos, siguen a los usuarios, recibir alertas y notificaciones y mucho más.
Tweetymail in A Roundup of Valuable Twitter Tools
Timely horarios de sus tweets para un máximo impacto. Usted sólo tiene que añadir sus tweets a tiempo y publicarlas en que tendrán el mayor impacto.
Timely in A Roundup of Valuable Twitter Tools


CoTweet es una completa basada en web de medios sociales solución de compromiso, gestión e información que ayuda a las empresas de todos los tamaños participar, seguir y analizar las conversaciones sobre sus marcas a través de las comunidades sociales más populares y más influyentes de la actualidad, Twitter y Facebook..”
Cotweet in A Roundup of Valuable Twitter Tools
Tvider le permite compartir videos, audio e imágenes en Twitter.
Tvider in A Roundup of Valuable Twitter Tools
Mentionmapp le permite introducir un nombre de usuario de Twitter y obtener un mapa visual de las personas que interactúan con la gente y hashtags que se menciona el más reciente en Tweets
Mentionmapp in A Roundup of Valuable Twitter Tools
(rb)

Traductor para tu Blogger

6
Muchas personas me pidieron que como era el codigo para poner el traductor de bloggers ( no solo funciona con blogger también con cualquier tipo de paginas web)
También muestro imágenes de como poner el traductor en blogger para los que tienen poco conocimiento en este asunto.


↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

Ascii a Binario – Binario a Ascii

Esta web que te sirve para convertir lo que escribas a binario y viceversa.

Puedes intentar Traduciendo Esto!
01101000 01110100 01110100 01110000 00111010 00101111 00101111 01101101 01101001 01101011 01100101 01110111 01100001 01110010 01100101 01111010 00101110 01100010 01101100 01101111 01100111 01110011 01110000 01101111 01110100 00101110 01100011 01101111 01101101
Muy util para mandar mensajes secretos a esa personas especial
Captura

Apagar Equipo cuando Firefox finalizen las Descargas

Yo soy una de las personas que siempre están descargando algo. cursos,  tutoriales, programas, efectos, lo que sea que vea que algún dia me servirá lo descargo para después quemar o algo.

por lo general usaba JDOWNLOADER, ya que tiene esta opción de apagar cuando las descargas hallan finalizado. cuando tenia descargas en el Firefox   usaba el apagado por shutdown pero ahora tenemos

Auto Shutdown es una extensión para Firefox 3 en adelante el cual añade la opción de apagar la computadora luego de culminar el listado de archivos a descargar. Este trabaja tanto en Windows como en Mac OS y es Super sencillo configurar.

Una vez instalado el complemento procedemos a configurarlo dando clic en Firefox, Complementos y ubicamos la opciones de la extensión.
Configurar Auto Shutdown
La primera opción es para configurar la duración del mensaje que indicará que las descargas han finalizado y que el sistema se apagará. En Shutdown command seleccionamos nuestro sistema operativo y luego podemos hacer clic en Save and Test para probar la configuración.
La extensión agrega un botón de encendido/apagado en el gestor de descargas. Si el apagado automático está activado, el botón tendrá un color rojo como vemos en la siguiente captura. De lo contrario, tendrá un color gris.


Auto Shutdown activado
Al finalizar, se abrirá una nueva ventana con un contador en segundos indicándonos que el sistema se apagará.
Auto Shutdown apagará el sistema
Podemos forzar el apagado del sistema dando click en Shutdown o cancelarlo haciendo click en Cancel.

Descargar wikipedia


asi es, literalmente podemos descargar wikipedia a un cd, para despues poder ser visto sin acceso a internet.
este largo y agradecido trabajo nos permite poder quemar en versión cd o dvd toda la información de wikipedia.


Es un proyecto de Python Argentina para acceder a la información de la Wikipedia en castellano aunque no tengas una conexión a Internet.
Toda la información incluída fue obtenida de Wikipedia durante Febrero del 2011, y es una foto del contenido on-line en un momento dado. Te sugerimos acceder a la información directamente en la Wikipedia Web si es que necesitás información actualizada de uno de los temas.
Importante: la CDPedia es Software Libre, te recomendamos (y te agradecemos) que copies estos discos y los regales a tus amigos, familia y conocidos. La información debe ser libre, así mejoramos la calidad de nuestra educación.
¡Que la disfrutes!







¿Dónde la consigo?

La última versión es la 0.7 y se puede descargar desde acá:
Formato
Tamaño
sha1sum
Descargar[1]
Contenido
CD
700.7Mb
e674c7d19ab8e5ac53a1d09b7bb172047cd1f0c9
93.500 artículos, 10% de imágenes
DVD
4.4Gb
2c7b3746f4e68fc351e727d2ef8b342478e64667
Todos los artículos (886.000), 45% de imágenes.

Para mas información visita : http://python.org.ar/pyar/Proyectos/CDPedia

Donde se guardan las imagenes de los blogs

Cuando empezamos a crear un blog,  tenemos muchas dudas: si puedo tener mi propio dominio, en donde se almacenan las imágenes que subimos a nuestro blog, bueno, puede haber todo tipo de dudas e inquietudes, somos como unos poyuelos recién salidos del cascarón, ansiosos por aprender y explorar todo lo que nos rodea.

¿Te has preguntado donde están almacenadas las imágenes que usas en tu blog?, esta vez, vamos a ver como funciona, todo ese rollo de las imágenes que usamos en nuestro blog, cual es el límite de espacio gratuito, y como tener más espacio, para almacenar imágenes, etc.

Cuando subes una imagen a tu blog, esta se almacena en Picasa, que al parecer, pronto será  Google Photos, que es un sitio de almacenamiento de imágenes, también propiedad de Google.

Puedes acceder a Picasa, con este enlace:

https://picasaweb.google.com/home

Ahí, podemos organizar todas nuestras imágenes, editarlas, configurar permisos, compartirlas, etc., pero...


...¿hay un límite para almecenar imágenes en Picasa, de forma gratuita?

Si, si lo hay, y es de 1GB de espacio gratuito, y esto incluye, fotos o imágenes que subas, ya sean a tu blog, o direcamente a Picasa, imágenes que subas a Google Buzz y a Google +, y videos.

Es un límite de almacenamiento, relativamente alto, si no subes muchas imágenes a tu blog, creo que nunca te verás en la necesidad de comprar más espacio.

Para que te des una idea, un Gigabyte equivale a 1024 Megabytes, entonces, pensando en que subieras imágenes con un peso de 0.5 MB, tendrías capacidad de tener almacenadas 2048 imágenes, claro, esto es solo un ejemplo, ya que hay imágenes tan ligeras, que pudieras subir a tu blog, y entonces, ese valor cambiaría mucho.

¿Cómo puedo saber cuanto espacio me queda disponible, para almacenar imágenes?

Opción 1. Desde el panel de edición de entradas de tu blog, ve a la Edición de HTML, haz click en subir una imagen, y ahí, en la ventana que se abre, aparece cuanto espacio estás usando, y cuanto te queda disponible, este es mi caso:


espacio de almacenamiento en picasa

Opción 2. Si ingresas a tu cuenta de Picasa, allá abajo, al fondo de la página, igualmente, verás cuantos Megabytes(MB), estás usando y cuantos te quedan disponibles.

espacio de almacenamiento en picasa


¿Que hago si se llego al límite de almacenamiento gratuito?


Si se da el caso de que, te quedes sin espacio, será necesario comprar más espacio, y Picasa ofrece paquetes, a un precio bajo, comparadas por ejemplo, con el costo del servicio PRO que ofrece photobucket, que es de aproximadamente 30 dólares al año; estos son unos ejemplos, de los precios que manejan:
  • 20 GB por 5 dólares estadounidenses al año,
  • 80 GB: 20 USD/año,
  • 200 GB: 50 USD/año,
Por ejemplo, 20GB, es bastante espacio, y por 5 dólares, pienso que es ecónomico, comparados con otros servicios de almacenamiento de imágenes, aunque dependerá de cada quien, tomar las decisiones, según las necesidades de almacenamiento que se tengan.

¿Cómo cuidar más mi espacio gratuito?


1. Cuando subamos imágenes a nuestro blog, sería muy bueno optimizar las imágenes que usemos, guardándolas en formatos adecuados, para que las imágenes pesen menos, además de que ocuparán menos espacio, aligeran significativamente la carga de nuestro blog.

2. Evitemos el uso de imágenes muy grandes, y si no puedes resistirte a esto (a mi me pasa) al menos, hay que preocuparnos por optimizarlas.

3. Si subimos imágenes que finalmente no usamos o no usaremos, es mejor borrarlas.

Si conoces algún servicio de almacenamiento de imágenes ecónomico, no dudes en compartirlo :).

Plug-in anti reCaptcha para JDownloader (Fileserve, Hotfile, Filesonic, ects...)






soy malo redactando cosas ya que prefiero decirlas verbalmente!
el hecho es que ya esta el nuevo anti-captcha funcionando al 100% :D


http://www.fileserve.com/file/HabVant



como ser un diseñador famoso

Cada diseñador le gustaría ser reconocido e incluso algunos quiere ser famoso. Para aquellos que quieren ser un diseñador famoso, tengo algunos consejos para ayudarle. Ser famoso no ocurrirá de un día para que usted realmente tiene que trabajar duro en ello. Algunos diseñadores quieren la fama de esto podría darles un montón de beneficios, al igual que usted tendrá más clientes (y los clientes son personas famosas también!) Y tendrá una tarifa más alta. Ser famoso también puede significar que usted podría tener más ingresos. Vamos a averiguar cómo se puede ser famoso como diseñador.

1. Ser bueno en lo que haces.

Be good at what you do
Imagen: Sab®uS
Cualquier campo que este desarrollando, asegúrese de que usted lo practica y ser bueno en ese campo. Aunque, es importante que usted sea bien pulido, también es importante que usted sea realmente bueno en lo que hace. Siempre produciendo obras realmente buenas. No sería conocido si no podían mantener grandes diseños.

2.Seguir haciendo lo que está haciendo.

Keep on doing what you are doing
Imagen: CGoulao
Machacando se aprende el oficio. Seguir trabajando en sus diseños y buscar la manera de expresar su creatividad siempre. Si se mantiene en el diseño o seguir tomando fotografías, seguramente va a mejorar. También, buscar momentos en intentar cosas nuevas , así  usted podría ser bueno en muchas cosas, también. Innovar es la clave .

3.Intenta Creando un Blog

Try blogging.
Imagen: productionstudyusa
Tener un blog es una mejor manera de hacerse un nombre en la internet. Usted puede compartir consejos y experiencias en su blog. Algunas personas les guste lo que escribes y lo mantendrá en la lectura de tus mensajes. Un blog es diferente de una cartera. Puede expresarse más en un blog. Usted puede poner un enlace de su blog en su cartera, Un buen ejemplo para esto es mi buen amigo Oscar Javier Gomez.
http://garraworkflow.blogspot.com/

4. Muestra tus Trabajos

visually appealing design
Imagen: thinkpanama
Otra mejor manera de ser famoso es el de promocionar sus obras. Usted puede hacer esto mediante su publicación en su portafolio, mostrando algunos de ellos en tu cuenta de Facebook o redes sociales, unirse a las comunidades de diseño en línea y hacer su propia identidad en línea. Si usted ha trabajado con los clientes ya, usted puede pedir referencias de ellos. Preparar tanto la cartera en línea e impresos para que tenga algo que mostrar cuando los clientes piden muestras.

5. Busca clientes online

show best works
Imagen: Eduard Titov
No espere a que los clientes vengan a ti. Busque los sitios que necesiten diseñadores y tal vez presentarse para una entrevista. Desde aquí se puede pasar a las entrevistas si usted es honesto. Hacer un montón de entrevistas.

6. Créate tu propia pagina web.

Create your own website
Imagen: Dehzinho
Crea un sitio web para promocionar y promocionar su trabajo. Esto puede ayudarle a ganar la exposición. de pronto su sitio podría ganar popularidad en la comunidad de diseño. Haga que su sitio simple y único.

7. Ingrese a Concursos.

defend your designs
Imagen: tum_camen
Hay toneladas de competiciones de diseño en línea que usted puede unirse. Estas son formas que pueden ayudarle a exponer y desarrollar sus habilidades también. Usted puede ver las obras de otros diseñadores que ganan concursos y que se inspiraron en él.

8.Hacer buen uso de los sitios de redes sociales.

good use of social networking sites
Imagen: contentstuff
En realidad se puede hacer marketing en medios sociales. Hay muchas formas de usar Twitter, Facebook y otros sitios de redes sociales para promocionar su diseño. Usted puede leer la utilización eficaz de Twitter para los diseñadores para saber cómo usted puede poner su trabajo a través de Twitter.

9. Analiza los diseños destacados.

 Get featured
Imagen: lightning91
No es fácil de conseguir en una revista o en los blogs de diseño de otros. Sin embargo, sólo hay que seguir trabajando duro, seguir haciendo los diseños y podría ser observado por alguien. Una característica de que puede dar lugar a otra de las características hasta convertirse en uno de los diseñadores famosos.

10. Escribe un libro.

Write a book
Imagen: TotallyJesus
Escribir un libro no es fácil, pero ¿por qué no tratar de escribir uno? Usted nunca sabe, usted podría impresionar a muchas personas y que su trabajo sería conocido en todo el mundo. Usted puede tratar de auto-publicación, si le resulta difícil a buscar una editorial. O también se puede hacer como un libro electrónico. 

Ser famoso como diseñador no es realmente acerca de cuánto va a ganar, pero se trata de cómo se trabaja y la cantidad de crédito o reconocimiento que reciben. Ser reconocido por tu trabajo es algo más que simplemente ganar. Y usted no tiene que preocuparse acerca de las tasas o el dinero, porque una vez que son famosos, la gente sabe que tiene una tasa más alta ahora.

Si pensamos en ello, ser famoso no es realmente tan importante. Lo importante es que son capaces de seguir haciendo buenas obras y mantener una buena actitud. De esta manera, la gente seguirá creyendo en su talento, que es algo que nunca se puede tomar distancia de nosotros.

( Videos ) Ejemplos de ataques Web usando vulnerabilidades

[Videos] Demostraciones sobre Ataques Web



 Tengo que decir que este material es solamente con fines educativos para que puedan proteger su informacion y bases, no soy responsable por el mal uso de esta guia!
solamente quiero hacer que no caigan en estos trucos.


Estas presentaciones creadas por Webattack (@artsweb) hacen referencia a los ataques más comunes sobre las aplicaciones Web.La idea principal es concientar a los desarrolladores/administradores, para que tengan en cuenta a qué amenazas y riesgos de seguridad están expuestas sus aplicaciones.

Todas las demostraciones han sido desarrolladas utilizando la aplicacion DVWA y es importante señalar que existen más ataques, los cuales no figuran en la presentación.

En esta Web existe también una presentación en cual se explica con un poco más detalle los tipos de ataques (XSS, CSRF, Path Traversal, Null Byte, OS Commanding ,Local File Inclusion, Remote File Inclusion, Information Disclosure, SQL Injection/Blind SQL Injection, File Upload) que pondré en video aquí:

Presentación "Documentación – Web Attack" (*.PPT)

Otro documento recomendado: http://webattack.googlecode.com/files/write-up.docx

XSS
XSS, del inglés Cross-site scripting es un tipo de inseguridad informática o agujero de seguridad basado en la explotación de vulnerabilidades del sistema de validación de HTML incrustado.






CSRF
El CSRF (del inglés Cross-site request forgery o falsificación de petición en sitios cruzados) es un tipo de exploit malicioso de un sitio web en el que comandos no autorizados son transmitidos por un usuario en el cual el sitio web confía. Esta vulnerabilidad es conocida también por otros nombres como XSRF, enlace hostil, ataque de un click, cabalgamiento de sesión, y ataque automático.




Path Traversal
Un directory traversal (o path traversal) consiste en explotar una vulnerabilidad informática que ocurre cuando no existe suficiente seguridad en cuanto a la validación de un usuario, permitiéndole acceder a cualquier tipo de directorio superior (padre) sin ningún control.




Null Byte
Esta técnica está enfocada a evadir WAFS. Los firewalls de aplicación tienden a estar programados en lenguajes nativos como C o C++. Es por ello que el uso de Null Bytes puede permitirnos evadir dichos dispositivos.
Para una definición formal de este tipo de ataques recomiendo la lectura de las siguientes referencias:




OS Commanding
Este tipo de ataque se utiliza para la ejecución no autorizada de comandos del sistema operativo. 
Muchas veces podemos realizar este ataque ingresando “;” o “|” dependiendo del sistema operativo en que éste alojado el servidor web.
 




Local File Inclusion
Local File Inclusion, o traducido al castellano inclusion local de archivos, se trata de la inclusion de ficheros locales, es decir, ficheros que se encuentran en el mismo servidor de la web con este tipo de fallo, a diferencia de Remote File Inclusion que incluye ficheros alojados en otros servidores.
Es consecuencia de un fallo en la programacion de la página, mal filtrado de los que se incluye al usar funciones en PHP para incluir archivos.




Remote File Inclusion
RFI (Remote File Inclusion), traducido al español como Inclusión Remota de Archivos - vulnerabilidad existente solamente en páginas dinámicas en PHP que permite el enlace de archivos remotos situados en otros servidores a causa de una mala programación de la página que contiene la función include().
Este tipo de vulnerabilidad no se da en páginas programadas en ASP o en cualquier otro tipo de lenguaje similar que no contenga la posibilidad de la inclusión remota de archivos ajenos al servidor.
 




Information Disclosure 
 Es un metodo para que dar mas privilegios a los usuarios de que es lo que el explorador puede y no puede hacer y hasta donde llegar!
es importante para llegar a dominar a totalidad el servidor.





SQL Injection/Blind SQL Injection
Este si ni nombrarlo!




File Upload




Fuente: http://code.google.com/p/webattack/

Crear gadget con pestañas

Ejemplo como luce la sección con pestañas

Hoy veremos la forma de agregar a la columna lateral de su blog, una sección con pestañas a la que podrán agregar cualquier gadget que Blogger ofrece u otro externo; tiene un efecto de fundido que se aprecia en el cambio de los gadgets, que lo hace ver muy elegante, nos ahorra espacio, ya que se pueden mostrar ahí varios gadgets y además hace ver el contenido muy ordenado ¿no lo creen?.
Soh Tanaka, quien es un excelente Desarrollador Web, nos facilita en su blog, todas las indicaciones para lograrlo; ¡gracias a Soh Tanaka por este maravilloso trabajo!; nosotros simplemente lo que haremos, es adaptarlo a Blogger, para que sea mostrado ahí, cualquier gadget.
Este truco utiliza jQuery, sé que muchos que les encanta personalizar el blog, estarán familiarizados con esto, pero si tu nunca has usado jQuery, no te preocupes, que aquí explicaré paso a paso como implementarlo en tu blog :).
Funciona en todos lo navegadores incluyendo al único, inigualable e irrepetible IE6 (Internet Explorer 6).
Antes de empezar, quiero decirles que yo lo agregué usando la plantilla Sencillo, del nuevo diseñador de plantillas, probablemente haya algunas diferencias sobre donde exactamente ubicar la sección, con el resto de las plantillas y tendrán que buscarla, sin embargo el CSS, HTML y demás códigos no varían.
Para las plantillas anteriores al diseñador de plantillas será sumamente sencillo adaptar esto, ya que las capas se muestran de una manera más sencilla.
Así se verá la sección con los widgets, en los elementos de la página, del diseño de la plantilla:

 

 

image

 

Claro que ustedes podrán poner ahí los widgets que quieran, y modificar los títulos de las pestañas.

Pueden ver el Demo el este blog. Empecemos...

 

Instrucciones paso a paso:
Paso 1: Vamos a Diseño ►Edición de HTML de la plantilla, y con la ayuda de Ctrl f, buscamos ]]></b:skin>.


Paso 2: Inmediatamente después colocamos jQuery:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js' type='text/javascript'/>
...y luego, después de eso, ponemos el script que trabaja en cordinación con jQuery, para que funcione la sección con las pestañas...

 

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
//When page loads...
$(".tab_content").hide(); //Hide all content
$("ul.tabs li:first").addClass("active").show(); //Activate first tab
$(".tab_content:first").show(); //Show first tab content
//On Click Event
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active"); //Remove any "active" class
$(this).addClass("active"); //Add "active" class to selected tab
$(".tab_content").hide(); //Hide all tab content
var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
$(activeTab).fadeIn(); //Fade in the active ID content
return false;
});
});
//]]>
</script>

...después ponemos los estilos o CSS...

 

<style type='text/css'>
ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 32px; /*--altura de las pestañas--*/
border-bottom: 1px solid #999999;
border-left: 1px solid #999999;
width: 100%;
}
ul.tabs li {
float: left;
margin: 0;
padding: 0;
height: 31px;
line-height: 31px; /*--Alineación vertical del texto--*/
border: 1px solid #999999;
border-left: none;
margin-bottom: -1px;
overflow: hidden;
position: relative;
background: #e0e0e0;
}
ul.tabs li a {
font-size:1.2em;
color:#000000;
text-decoration: none;
display: block;
font-size: 1.2em;
padding: 0 20px;
border: 1px solid #ffffff; /*--le da a la pestaña 1px de borde blanco por dentro--*/
outline: none;
}
ul.tabs li a:hover {
background: #cccccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  {
background: #ffffff;
border-bottom: 1px solid #ffffff; }
.tab_container {
border: 1px solid #999999;
border-top: none;
overflow: hidden;
clear: both;
float: left; width: 100%;
background: #ffffff;
}
.tab_content {
padding: 20px;
}
</style>

 

Paso 3: Finalmente lo que resta es agregar el HTLM, que hará aparecer la sección con las pestañas, y lo colocaremos en el lugar que queramos; si utilizamos las plantillas anteriores a las del diseñador de plantillas, será muy fácil, solo necesitamos identificar la envoltura de la columna lateral que generalmente viene así...
<div id='sidebar-wrapper'>...
Si quisiéramos que se mostrara en primer lugar, ponemos el HTML, que es el siguiente, inmediatamente después de esa linea de codigo:

<ul class='tabs'>
    <li><a href='#tab1'>Populares</a></li>
    <li><a href='#tab2'>Etiquetas</a></li>
    <li><a href='#tab3'>Archivo</a></li>
</ul>
    <div class='tab_container'>
   <b:section class='tab_content' id='tab1' maxwidgets='1' preferred='yes' showaddelement='yes'/>                                        
    <b:section class='tab_content' id='tab2' maxwidgets='1' preferred='yes' showaddelement='yes'/
       <b:section class='tab_content' id='tab3' maxwidgets='1' preferred='yes' showaddelement='yes'/>
</div>
<div style='height:10px;clear:both;'/>

Tendrán que editar Populares, Etiquetas y Archivo, para que se muestre respectivamente en cada pestaña  coincidiendo con el widget correspondiente. Lo dejé así, para que lo vieran igual que el DEMO y fuera fácil de entender el orden.

Si usas la plantilla Sencillo, que es la que usé para el DEMO, lo puedes poner inmediatamente después de:

<div class='column-right-outer'>

...y se mostrará como primer elemento de la columna lateral.

Paso 4: Checas en vista previa y si todo luce bien Guardas los cambios.

Ahora puedes ir a los elementos de página de tu plantilla y la sección lucira así:

Después puede agregar los widgets que desees, pero recuerda editar el  texto de las pestañas ;).

Nota: Puedes cambiar los colores de fondo y borde a tu antojo etc. :).

Recomienda ;) :)

Related Posts Plugin for WordPress, Blogger...