Mostrando entradas con la etiqueta Efectos. Mostrar todas las entradas
Mostrando entradas con la etiqueta Efectos. Mostrar todas las entradas

martes, 11 de diciembre de 2012

Cositas navideñas para tu blog..



Vengo a traerles dos cositas para su blog..
Vieron el Papa Noel que esta volando por mi blog, bueno lo saque de un blogsito que me encanta llamado Recursos Neko que tiene un monton de cosas lindas para tu blog, aunque su bloggera no esta activa por ahora las cosas que tiene son faciles de usar y poner en tu blog..
Ahora les dire como poner este Papa Noel
Para ponerlos tienen que ir a Agregar un gadget > HTML /Javascript > Ponen el codigo.

 AHORA PEGAN ESTE CODIGO PARA EL PAPA NOEL

<script type="text/javascript" src="http://blogparts.giffy.me/0017/parts.js"></script><p style="text-align: center;margin:0;padding:0;"><a href="http://giffy.me/baby/bp/"><img style="border:0;" src="http://blogparts.giffy.me/0017/parts.png" alt="サンタがブログにやってくるブログパーツ" /></a></p><p style="text-align:center;font-size:12px;margin:5px 0 0 0;padding:0;"><a href="http://giffy.me/baby/">出産祝いならギッフィーベビー</a></p>

y listo ñ.ñ

Despues si quieren iconos navideños que aparecen al pasar el mouse como en mi blog pegan esto de la misma forma

<script type="text/javascript" src="http://blogparts.giffy.me/0035/parts.js"></script><p style="text-align: center;margin:0;padding:0;"><a href="http://giffy.me/baby/bp/"><img style="border:0;" src="http://blogparts.giffy.me/0035/parts.png" alt="クリスマスの足跡ブログパーツ" /></a></p><p style="text-align:center;font-size:12px;margin:10px 0 0 0;padding:0;"><a href="http://giffy.me/baby/">出産祝いならギッフィーベビー</a></p>

y si quieren mas efectos de navidad entren a su blogcito, tampoco da publicarle todas las cosas que ha hecho, jeje
http://recursos-neko.blogspot.com.ar/2011/12/efectos-navidenos-para-tu-blog.html

y para la nieve se hace asi
Creditos: http://www.esblogmania.com/


Nos vamos a Edición Html - Diseño y vamos Expandir plantillas de artilugios y buscamos la siguiente etiqueta </head> y antes de ella colocamos el siguiente codigo:

<script src='http://www.yourjavascript.com/29407319462/Neve1.js' type='text/javascript'/>

Guardamos y listo tendremos el efecto nieve en blogger.

Recomendacion: guardar la plantilla antes de hacer cualquier modificacion por si metemos la pata
la etiqueta </head> aparece en seguida en la plantilla al principio..

 Asi que ahi tienen algunas cosillas para sus blogs espero les gusten y visiten los blogs que les di que son muy buenos y muy utiles ñ.ñ

Chaito!!

miércoles, 8 de febrero de 2012

Efecto corazon en el blog

Como en el mio, en vez de mariposas duilces corazones

Fuente: http://ciudadblogger.com/

Implementarlo en tu blog es de lo más sencillo, sólo copia el contenido de este archivo y entra en Diseño > Elementos de la página > Añadir un gadget > HTML/Javascript y pégalo ahí.

Aca esta el contenido del archivo

<script language='javascript' type='text/javascript'>
//<![CDATA[
// Script original de Eloi Gallés Villaplana adaptado por CiudadBlogger.com

var numero = 8
var velocidad = 40
var imagenamor = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC6-h-eQv7gt_0xXBnp52bIpuWkWudpuWaXUMLtG0ZiPx6N7581_IMcpTkLUHB6XuG8Pt_Di_ypUEZtQxq6JPyiu7kETvHGn91x7NkzSCzcO3gKxq7WbF6bWj67nBdm08hw6_zVyV2Yrg/s1600/corazon.gif"

var ns4arriba = (document.layers) ? 1 : 0
var ie4arriba = (document.all) ? 1 : 0
var dombrowser = (document.getElementById) ? 1 : 0

var dx, xp, yp
var am, stx, sty
var i, doc_ancho = 1024, doc_alto = 768

function amor() {

    establece_dimensiones()

    dx = new Array()
    xp = new Array()
    yp = new Array()
    am = new Array()
    stx = new Array()
    sty = new Array();
   
    for (i = 0; i < numero; ++ i) {
        dx[i] = 0
        xp[i] = Math.random()*(doc_ancho-50)
        yp[i] = Math.random()*doc_alto
        am[i] = Math.random()*20
        stx[i] = 0.02 + Math.random()/10
        sty[i] = 0.7 + Math.random()
        if (document.layers) {
                 if (i == 0) {
                document.write("<layer name=\"dot"+ i +"\" left=\"15\" ")
                document.write("top=\"15\" visibility=\"show\"><img src=\"")
                document.write(imagenamor + "\" border=\"0\"></layer>")
                 } else {
                     document.write("<layer name=\"dot"+ i +"\" left=\"15\" ")
                     document.write("top=\"15\" visibility=\"show\"><img src=\"")
                     document.write(imagenamor + "\" border=\"0\"></layer>")
                 }
             } else if (document.all || document.getElementById) {
                 if (i == 0) {
                     document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ")
                     document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ")
                     document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"")
                     document.write(imagenamor + "\" border=\"0\"></div>")
                 } else {
                     document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ")
                     document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ")
                     document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"")
                     document.write(imagenamor + "\" border=\"0\"></div>")
                 }
             }
     }
   
    corazon()
}

function corazon() {
    for (i = 0; i < numero; ++ i) {
        yp[i] += sty[i];
        if (yp[i] > doc_alto) {
            xp[i] = Math.random()*(doc_ancho-am[i]-30)
            yp[i] = 0
            stx[i] = 0.02 + Math.random()/10
            sty[i] = 0.7 + Math.random()
            establece_dimensiones()
        }

        dx[i] += stx[i];

      
        if ( document.all ) {
            var imagen = eval("dot" + i )
            imagen.style.posLeft = xp[i] + am[i]*Math.sin(dx[i])
            imagen.style.posTop = yp[i]
        }
      
        else if ( document.layers ) {
            var imagen = eval("document.dot" + i)
            imagen.left = xp[i] + am[i]*Math.sin(dx[i])
            imagen.top = yp[i]
        }
      
        else if ( document.getElementById ) {
            var imagen = document.getElementById( "dot" + i)
            imagen.style.left = xp[i] + am[i]*Math.sin(dx[i]) + 'px'
            imagen.style.top = yp[i] + 'px'
        }
    }

    setTimeout("corazon()", velocidad)
}
function establece_dimensiones() {
    if (self.innerHeight) {
        doc_ancho = self.innerWidth - 50
        doc_alto = self.innerHeight - 21
    } else if (document.documentElement && document.documentElement.clientHeight) {
        doc_ancho = document.documentElement.clientWidth
        doc_alto = document.documentElement.clientHeight - 25
  
    } else if (document.body) {
        doc_ancho = document.body.clientWidth
        doc_alto = document.body.clientHeight - 25
    }
}
//]]>
</script>
<script language='javascript' type='text/javascript'>
amor()
</script>


Tambien esta el tuto para poner un cupido pero me parecio demasiado, si igual lo quieren poner entren a la pagina y lo encuentran re facil..

Un beso Risitos 

domingo, 8 de enero de 2012

Efecto arcoiris en los links del blog

Sacado de http://ciudadblogger.com/2009/06/efecto-de-arcoiris-en-links-al-pasar-el.html

Con un script vamos a dar un efecto de arcoiris al pasar el mouse sobre los links.
Este efecto se aplica para todos los links que tengas en el blog.

Sólo entra a Diseño > Edición de HTML y pega antes de </head> esto:
<script src='http://dl.getdropbox.com/u/647003/CiudadBlogger/Scripts/rainbowlinks.js'/>
Así de fácil tendrás un efecto animado en tus links del blog.

Esta pagina tiene cosas geniales para sus blogs que realmente funcionan!!

LinkWithin

Related Posts Plugin for WordPress, Blogger...