![Bloquear Iframes [Script]](http://www.blooging.net/wp-content/uploads/2009/09/bloquear-iframe.png "Bloquear Iframes [Script]")
Para arreglar esto podemos implementar un script que nos elimine ese iframe, de tal forma que las visitas se vean obligadas a entrar a nuestro sitio.
Este código lo agregaremos dentro de las etiquetas <head> </head> (según los usuarios de ForoBeta deberíamos agregarlo justo debajo de <body>, pero al hacerlo se demora más en cargar el script y es una molestia para los usuarios. Ya probé que funciona perfectamente dentro de <head>, no se preocupen)
<script type="text/javascript"><!--
if(top.location!=this.location) top.location=this.location;
//--></script>
Podrán sacarle mucho provecho si reciben hartas visitas desde Google Images, ya que ahora todas las visitas entrarán a nuestro sitio por obligación 
Espero que les sea igual de útil que a mí.
]]>
Se trata de un simple juego,al estilo de Puzzle Bobble, en el cual debes unir 2 mas navegadores del mismo tipo para que no pierdas.
Funciona con jQuery y muchos elementos JavaScript.
¿Qué esperas? Entra y juega la guerra de los navegadores.
Vía: aNieto2k
Enlace: Browser Shooter, dispara navegadores con Javascript.
]]>Mientras lo estaba haciendo se me ocurrió tener una página que mostrara todos los archivos de ese directorio, en este caso son letras de canciones. La idea es mostrar todas las canciones dentro del directorio en forma de lista, usando un título legible con un enlace hacia la canción. Es una especie de mapa de web automático.
Esta lista se encuentra ordenada alfabéticamente utilizando como nombre la url del archivo, ejemplo:
http://www.mipagina.com/mi-página-personal.php
Este script generará automáticamente un título sin guiones, ya que los reemplaza por espacios automáticamente. En la lista se mostraría de esta forma:
- Mi Pagina Personal
Automáticamente cada palabra empezará con mayúscula.
El código utilizado lo conseguí gracias a la página oficial de php, utilizando la variable opendir().
Este es el código utilizado:
// read all php file in the current directory
if ($dh = opendir('./')) {
$files = array();
while (($file = readdir($dh)) !== false) {
if (substr($file, strlen($file) - 4) == '.php') {
array_push($files, $file);
}
}
closedir($dh);
}
// Sort the files and display
sort($files);
echo "<ul>\n";
foreach ($files as $file) {
$title = Title($file);
echo "<li><a href=\"$file\" title=\"$title\">$title</a></li>\n";
}
echo "</ul>\n";
// Function to get a human readable title from the filename
function Title($filename) {
$title = substr($filename, 0, strlen($filename) - 4);
$title = str_replace('-', ' ', $title);
$title = ucwords($title);
return $title;
}
?>
No tengo como mostrarles una demo por el momento, pero les aseguro que funciona, el único problema, según yo, es que en la lista también se muestra un link hacia el archivo que contiene este código, pero es lo de menos
Espero que me haya quedado entendible :B
]]>Para hacer esto utilizaremos un "pequeño" código JavaScript, que podemos insertar directamente en nuestro archivo dentro de las etiquetas <head></head> o insertar dentro de un archivo .js.
Este es el script:
(Es muy largo, seguir luego del salto)
init: function () {
this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
this.version = this.searchVersion(navigator.userAgent)
|| this.searchVersion(navigator.appVersion)
|| "an unknown version";
this.OS = this.searchString(this.dataOS) || "an unknown OS";
},
searchString: function (data) {
for (var i=0;i<data.length;i++) {
var dataString = data[i].string;
var dataProp = data[i].prop;
this.versionSearchString = data[i].versionSearch || data[i].identity;
if (dataString) {
if (dataString.indexOf(data[i].subString) != -1)
return data[i].identity;
}
else if (dataProp)
return data[i].identity;
}
},
searchVersion: function (dataString) {
var index = dataString.indexOf(this.versionSearchString);
if (index == -1) return;
return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
},
dataBrowser: [
{
string: navigator.userAgent,
subString: "Chrome",
identity: "Chrome"
},
{ string: navigator.userAgent,
subString: "OmniWeb",
versionSearch: "OmniWeb/",
identity: "OmniWeb"
},
{
string: navigator.vendor,
subString: "Apple",
identity: "Safari"
},
{
prop: window.opera,
identity: "Opera"
},
{
string: navigator.vendor,
subString: "iCab",
identity: "iCab"
},
{
string: navigator.vendor,
subString: "KDE",
identity: "Konqueror"
},
{
string: navigator.userAgent,
subString: "Firefox",
identity: "Firefox"
},
{
string: navigator.vendor,
subString: "Camino",
identity: "Camino"
},
{ // for newer Netscapes (6+)
string: navigator.userAgent,
subString: "Netscape",
identity: "Netscape"
},
{
string: navigator.userAgent,
subString: "MSIE",
identity: "Explorer",
versionSearch: "MSIE"
},
{
string: navigator.userAgent,
subString: "Gecko",
identity: "Mozilla",
versionSearch: "rv"
},
{ // for older Netscapes (4-)
string: navigator.userAgent,
subString: "Mozilla",
identity: "Netscape",
versionSearch: "Mozilla"
}
],
dataOS : [
{
string: navigator.platform,
subString: "Win",
identity: "Windows"
},
{
string: navigator.platform,
subString: "Mac",
identity: "Mac"
},
{
string: navigator.platform,
subString: "Linux",
identity: "Linux"
}
]
};
BrowserDetect.init();
var espacio = document.createTextNode("\u00a0");
Y para mostrarlo usamos lo siguiente:
document.write('Estás usando ' + BrowserDetect.browser + '\u00a0' + BrowserDetect.version + ' en ' + BrowserDetect.OS);
</script>
¿Utilidad de esto? no mucha, pero es divertido, como ya dije :B
]]>
Algo que es muy usado ahora en la web, especialmente en servicios web, como Twitter, es compartir tus post. Es algo muy simple, sólo debes entregarle la url de tu post a alguien y que lo vea, tan simple como eso, pero a veces nos encontramos con algún inconveniente y es que al enviar una url esta ocupa muchos caracteres y normalmente estos estan limitados.
Siempre podemos utilizar servicios externos, como TinyURL, pero que mejor si podemos hacerlo con nuestro propio blog.
Para hacer esto, utilizaremos la estructura de permalinks predeterminada, que es la siguiente:
Ahora nosotros queremos mostrar una url como esta, que nos redireccione automáticamente a nuestra url actual, en mi caso es esta:
Para mostrar esta url, automáticamente en cada post, incluíremos un código en nuestro archivo single.php en el lugar que más se adecue a tu diseño.
El código es el siguiente:
Ahora, podemos mejorar visualmente este link con un poco de CSS dentro de un textarea y JavaScript.
En mi caso usó, en el css, este código (personalizable):
font-size: 12px; padding-left: 5px}
Al usar un textarea con unos arreglos con JavaScript podemos obtener un textarea bloqueado, es decir, que no pueden escribir nada dentro de él y con auto-selección que nos da un exelente efecto al presionar dentro del textarea.
Espero que les sea útl :B
]]>
]]>
Haciendo modificaciones al diseño del blog, se me ocurrió mostrar posts aleatorios en la sidebar, pero de todos los que probé ninguno me funcionó.
Luego de unos 15 minutos trabajando logré crear un código que muestra post aleatorios, lo logré crear leyendo claramente los Template Tags en el Codex de WordPress.
El código es el siguiente:
<?php
$postslist = get_posts('numberposts=7&order=ASC&orderby=rand');
foreach ($postslist as $post) :
setup_postdata($post);
?>
<div>
<li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
</div>
<?php endforeach; ?>
El numero de posts se puede cambiar modificando la siguiente línea: numberpost=7
Si quisieran que aparecieran todos los post menos los de una categoría en concreto, usen el siguiente código:
<?php
$postslist = get_posts('numberposts=7&order=ASC&orderby=rand&category=-142');
foreach ($postslist as $post) :
setup_postdata($post);
?>
<div>
<li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
</div>
<?php endforeach; ?>
El único cambio en este código es: category=-142, que significa que se mostrarán todas las entradas, menos las de la categoría Asides, osea la que tiene la ID 142. Recuerda que en tu blog la ID será distinta.
Deben pegarlo en el lugar que más les convenga, que normalmente sería en la sidebar.
Pueden ver en funcionamiento este script en mi sidebar, en "Posts Aleatorios".
Espero les sirva
Este es un simple código en PHP que nos permite mostrar contenido especial a aquellos usuarios que llegan a través de los buscadores.
El código es muy sencillo y nos permite incluso insertar publicidad, aunque tu puedes ut¡lizarlo para lo que quieras.
El código es el siguiente:
Aquí va tu publicidad o cualquier contenido que quieras agregar.
<?php } ?>
Debes agregarlo en el lugar que estimes conveniente de tu blog o web y listo.
Nota: este pequeño código fue probado por mí y funciona a la perfección :B
]]>