Twitter YouTube

Colocar Zoom nas imagens do Blog/Site

sábado, 17 de dezembro de 2011 Marcadores:








Instruções


1º)Entre no Blog e clique em design
 2º) Clique em Editar Html (não clique em expandir modelo)
3º) Dê um Ctrl + F e procure por <head >
4º) Coloque o Código logo Abaixo depois da tag <head > 
ou <head> e Salve

--------------------------------------------------------------------------------

<script src='https://sites.google.com/site/hospedarcss/highslide/highslide-with-gallery.js' type='text/javascript'/>
<link href='https://sites.google.com/site/hospedarcss/highslide/highslide.css' rel='stylesheet' type='text/css'/>
 <script type='text/javascript'>
hs.showCredits = true;
hs.graphicsDir = &#39;https://sites.google.com/site/hospedarcss/highslide/graphics/&#39;;
hs.outlineType = &#39;rounded-white&#39;;
hs.dimmingOpacity = 0.75;


window.onload = function() {
    hs.preloadImages();


    var elements = document.getElementsByTagName(&#39;a&#39;);
    for (var i = 0; i &lt; elements.length; i++) {
        var link = elements[i].href;


        if((link.indexOf(&#39;jpg&#39;, link.length -3) &gt;= 0)
        || (link.indexOf(&#39;png&#39;, link.length -3) &gt;=0 )
        || (link.indexOf(&#39;PNG&#39;, link.length -3) &gt;=0 )
        || (link.indexOf(&#39;JPG&#39;, link.length -3) &gt;=0 )
        || (link.indexOf(&#39;GIF&#39;, link.length -3) &gt;=0 )
        || (link.indexOf(&#39;gif&#39;, link.length -3) &gt;= 0)) {


            elements[i].className = &#39;highslide&#39;;
            elements[i].onclick = function() {
                return hs.expand(this);
            };
        }
    }
}


// Add the controlbar
hs.addSlideshow({
    //slideshowGroup: &#39;group1&#39;,
    interval: 5000,
    repeat: false,
    useControls: true,
    fixedControls: &#39;fit&#39;,
    overlayOptions: {
        opacity: 0.75,
        position: &#39;bottom center&#39;,
        hideOnMouseOut: true
    }
});
</script>

Comentários

Assinar: Postar comentários (Atom)
 
▲ Topo