Tutoriales Sobre Blogger: Crea efecto de corazones coloridos al dar clics para Blogspot

Hermoso efecto de corazones para Blogspot, cada vez que haga clic en la página de Blogspot, aparecerán imágenes en forma de corazón para los propietarios de blogs que tengan temas románticos u orientados al amor te vendrá genial

La demostración la encontraras en esta entrada dando clicks

Comencemos:

Dependiendo si lo quieres ver en una entrada en particular o en todo el blogg

Para todo el blog hacemos de la siguiente manera

• Vamos a Blogger>> Plantilla>> Edicion HTML
• Buscamos la siguiente linea (Ctrol + F)   </body>
• Pegamos el siguiente script justo despues de  </body>

<script type='text/javascript'>
//<![CDATA[
! function(e, t, a) {
function n() {
c(".corazones{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.corazones:after,.corazones:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: fixed;}.corazones:after{top: -5px;}.corazones:before{left: -5px;}"), o(), r()
}

function r() {
for (var e = 0; e < d.length; e++) d[e].alpha <= 0 ? (t.body.removeChild(d[e].el), d.splice(e, 1)) : (d[e].y--, d[e].scale += .004, d[e].alpha -= .013, d[e].el.style.cssText = "left:" + d[e].x + "px;top:" + d[e].y + "px;opacity:" + d[e].alpha + ";transform:scale(" + d[e].scale + "," + d[e].scale + ") rotate(45deg);background:" + d[e].color + ";z-index:99999");
requestAnimationFrame(r)
}

function o() {
var t = "function" == typeof e.onclick && e.onclick;
e.onclick = function(e) {
t && t(), i(e)
}
}

function i(e) {
var a = t.createElement("div");
a.className = "corazones", d.push({
el: a,
x: e.clientX - 5,
y: e.clientY - 5,
scale: 1,
alpha: 1,
color: s()
}), t.body.appendChild(a)
}

function c(e) {
var a = t.createElement("style");
a.type = "text/css";
try {
a.appendChild(t.createTextNode(e))
} catch (t) {
a.styleSheet.cssText = e
}
t.getElementsByTagName("head")[0].appendChild(a)
}

function s() {
return "rgb(" + ~~(255 * Math.random()) + "," + ~~(255 * Math.random()) + "," + ~~(255 * Math.random()) + ")"
}
var d = [];
e.requestAnimationFrame = function() {
return e.requestAnimationFrame || e.webkitRequestAnimationFrame || e.mozRequestAnimationFrame || e.oRequestAnimationFrame || e.msRequestAnimationFrame || function(e) {
setTimeout(e, 1e3 / 60)
}
}(), n()
}(window, document);
//]]>
</script>

• Guardamos los cambios y a disfrutar los resultados

Recuerda que si te gusto lo compartas con tus amigos, me ayudaría muchísimo