Búsqueda personalizada

21 de septiembre de 2007

Menu de iconos

Hoy como en casi todos los posteos tengo el famoso munu icon que en estos dias estuve terminando de hacer el codigo gracias a Rendur.com pude terminar de hacer.Solo deben ir a plantilla edicion html y justo antes de la etiqueta

]]></b:skin> pegan el siguiente codigo



Conteni2



    /*--(Scroll del MenuIcon)--*/
    #MenuIcon{
    position:fixed;
    text-align:left;
    margin-top:0px;
    margin-left:-35px;
    }

    * html #MenuIcon{ /*IE solamente*/
    position:absolute;
    }

    #MenuIcon a img{
    opacity:1;
    -moz-opacity:1;
    filter:alpha(Opacity=100);
    }

    #MenuIcon a:hover img{
    opacity:0.8;
    -moz-opacity:0.8;
    filter:alpha(Opacity=80);
    position:relative;top:0px;left:2px;
    }

    * html #MenuIcon a img{
    filter:alpha(Opacity=100);
    }

    #MenuIcon img{
    margin-bottom: -3px;
    }

    * html .MenuIcon{
    margin-bottom: -3px;
    }


Y para su implementacion debes agregar un nuevo elemento al blog html/javascript y pegas el siguiente codigo con tus datos











<div id="MenuIcon">
<span>
<a style="border:0;" href="http://Link1" rel="external" title="VOLVER AL INICIO"><img src="http://img114.imageshack.us/img114/5226/homeuo9.jpg" class="MenuIcon"/></a>
<br/>
<a style="border:0;" href="http://Tu perfil1" rel="external" title="SOBRE MI"><img src="http://img114.imageshack.us/img114/2736/yonh9.png" class="MenuIcon"/></a>
<br/>
<a style="border:0;" href="mailto:tumail@tuservidor.com" title="CONTACTAME"><img src="http://img114.imageshack.us/img114/118/mailforwardgr2.png" class="MenuIcon"/></a>
<br/>
<a style="border:0;" href="http://TU FEED" title="TU TITULO1"><img src="http://img69.imageshack.us/img69/29/iconosrssea0.jpg" class="MenuIcon"/></a>
<br/>
<a style="border:0;" href="http://TULINK3" title="TUTITULO2"><img src="
http://URL_IMAGEN
" class="MenuIcon"/></a>
<br/>
<a style="border:0;" href="http://NOMBRE_DE_TU_BLOG.blogspot.com/search/label/?max-results=999" title="TU TITULO3"><img src="http://img503.imageshack.us/img503/3457/eye1yl9.png" class="MenuIcon"/></a>

<br/>
<a style="border:0;" href="http://LinK2" title="TU TITULO4"><img src="http://URL_DE_TU_IMAGEN" class="MenuIcon"/></a>
<br/>
<a style="border:0;" href="# " title="IR ARRIBA"><img alt=" ir arriba" src="http://img69.imageshack.us/img69/1295/flecha12zi1.jpg" class="MenuIcon"/></a>
</span>
</div>




Y Listo empieza a disfrutar de tu nuevo menu.



NOTA:Recueda que la url http://NOMBRE_DE_TU_BLOG.blogspot.com/search/label/?max-results=999 te mostrara todas las entradas de tu blog

0 opiniones:

Publicar un comentario

Hola , el blog nesesita tu commentario asi que por favor escribe lo que tu de verdad quieras

Posicionamiento en buscadores

El secreto del Posicionamiento en Google está en los enlaces. Los buscadores valoran la popularidad de un sitio por el número de enlaces hacia el mismo y su calidad. Sin duda el posicionamiento web y el link building es un paso clave para cualquier blog.

Posicionamiento en buscadores

 

Copyright © 2011 Marketing y Posicionamiento en Internet. Trucos blogger | Design by Kenga Ads-template