Utilizado por primera vez en los ordenadores Mac, el menú doc tiene un efecto que a muchos de nosotros nos atrae. Al pasar el cursor por alguno de los iconos que "reposan" en el escritorio, se produce un movimiento muy llamativo y a su vez entretenido.
Algo muy parecido es lo que podemos obtener si hacemos uso del componente conocido como Fisheye (Ojo de pez) para JQuery en un menú para compartir los posts...
Aunque cueste creerlo, la instalación es muy sencilla y rápida (además de queno será necesario editar el código ni añadir información).
Diseño>Edición de HTML>expandimos artilugios
Busca la etiqueta </head> y justo antes añade esto:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(
function()
{
jQuery('#blsocial_imagn').Fisheye(
{
maxWidth: 64,
items: 'a',
itemsText: 'span',
container: '#blsocialimgn_main',
itemWidth: 60,
proximity: 80,
alignment : 'left',
valign: 'bottom',
halign : 'center'
}
)
}
);
</script><style>#blsocial_imagn {padding-bottom:60px;paddingtop:18px;position:relative;top:-20px;}#blsocialimgn_main {position: absolute;height: 50px;padding-left: 20px;}a.blsocialimgn_1 {display: block;font: bold 10px Arial, Helvetica, sans-serif;width: 40px;color: #ccc;top: 0;bottom: 0;position: absolute;text-align: center;text-decoration: none;}.blsocialimgn_1 span {display: none;padding-left: 20px;}.blsocialimgn_1 img {border: none;margin: 5px 10px 0px;width: 100%;}</style>
<script src='http://sites.google.com/site/scriptsbalcon/b/blinterface.js' type='text/javascript'/>
Ahora busca en tu plantilla una de estas dos líneas (sólo habrá una):
<div class='post-footer-line post-footer-line-2'>
<p class='post-footer-line post-footer-line-2'/>
Una vez encontrada inserta este código justo debajo:
<b:if cond='data:blog.pageType == "item"'>
<img src='http://1.bp.blogspot.com/_gjBqKNTws4M/S9nAjp83FsI/AAAAAAAACVQ/EuFsjWRq76I/s320/blcomparr.png' style='border: none;'/>
<div id='blsocial_imagn'>
<div id='blsocialimgn_main'>
<a class='blsocialimgn_1' expr:href='"http://digg.com/submit?phase=2&url=" + data:blog.url + "&title=" + data:blog.title' target='_blank'><span>Digg</span><img alt='Digg' src='http://1.bp.blogspot.com/_gjBqKNTws4M/S9m9xo7jxeI/AAAAAAAACUo/7wLjKPAi4D4/s320/bldigg.png'/></a>
<a class='blsocialimgn_1' expr:href='"http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><span>Twitter</span><img alt='Twitter' src='http://1.bp.blogspot.com/_gjBqKNTws4M/S9m9xLDF0RI/AAAAAAAACUY/abVXfkB93NY/s320/bltwitter.png'/></a>
<a class='blsocialimgn_1' expr:href='"http://del.icio.us/post?url=" + data:blog.url + "&title=" + data:blog.title' target='_blank'><span>Delicious</span><img alt='Delicious' src='http://3.bp.blogspot.com/_gjBqKNTws4M/S9m9whHxW8I/AAAAAAAACUQ/JZBBrTCI2UQ/s320/bldelicious.png'/></a>
<a class='blsocialimgn_1' expr:href='"http://technorati.com/faves?add=" + data:blog.url' target='_blank'><span>Technorati</span><img alt='Technorati' src='http://4.bp.blogspot.com/_gjBqKNTws4M/S9m91sVKRiI/AAAAAAAACU4/_RbGdmuGHwc/s320/bltechnorati.png'/></a>
<a class='blsocialimgn_1' expr:href='"http://www.stumbleupon.com/submit?url=" + data:blog.url + "&title=" + data:blog.title' target='_blank'><span>Stumbleupon</span><img alt='StumbleUpon' src='http://4.bp.blogspot.com/_gjBqKNTws4M/S9m9xqJe9zI/AAAAAAAACUw/k2LpBZ8-kak/s320/blstumbleupon.png'/></a>
<a class='blsocialimgn_1' expr:href='"http://www.facebook.com/share.php?u=" + data:blog.url' target='_blank'><span>Facebook</span><img alt='Facebook' src='http://3.bp.blogspot.com/_gjBqKNTws4M/S9m9xW2WdEI/AAAAAAAACUg/Cp4U5dMZ6gQ/s320/blfacebook.png'/></a>
<a class='blsocialimgn_1' href='http://elbalcondejaime.blogspot.com/2008/02/indice-de-archivos-de-trucos-blogger.html' target='_blank'><span>Consigue este menú</span><img alt='RSS' src='http://4.bp.blogspot.com/_gjBqKNTws4M/S9m-rfYDKDI/AAAAAAAACVI/TNbm9KUm2e8/s320/blcc.png'/></a>
</div>
</div>
</b:if>
Guarda la plantilla para terminar...
Nota:
Para ver el resultado, accede a una de tus entradas de forma individual. El menú no aparecerá en la portada del blog.
Si prefieres que permanezca visible también en la portada del blog, borra la condicional <b:if cond='data:blog.pageType == "item"'> y </b:if> que encontrarás al principio y al final del último código a añadir.
Si prefieres que permanezca visible también en la portada del blog, borra la condicional <b:if cond='data:blog.pageType == "item"'> y </b:if> que encontrarás al principio y al final del último código a añadir.
Marasmius Oreades: Comestible
