Lo primero qu tienen que hacer es irse a Blogger – Su blog – Diseño – Editar HTML, y buscan la siguiente linea:
</head>
Justa arriba de ella, agregan el siguiente script:
<script type=’text/javascript’>
//<![CDATA[
// Ojos que siguen al cursor
// Script original de Oopstudios.com
// Adaptado por ciudadblogger.com
EYES = {};
EYES.stack = [];
//
EYES.follow = function (eye) {
var el1 = document.getElementById (eye);
var el2 = el1.getElementsByTagName (“IMG”);
el2 = el2[0];
el2.centre = (el1.offsetWidth – el2.offsetWidth) / 2;
el2.style.margin = el2.centre + “px 0 0 ” + el2.centre + “px”;
el1.maxDist = 6 * el1.offsetWidth;
EYES.stack.push ([el1, el2]);
};
EYES.mousemove = function (e) {
if (!EYES.stack.length) {
return;
}
//
var mouseX = mouseY = 0;
if (!e) var e = window.event;
if (e.pageX || e.pageY) {
mouseX = e.pageX;
mouseY = e.pageY;
} else if (e.clientX || e.clientY) {
mouseX = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
mouseY = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
}
//
for (var e=0, l=EYES.stack.length; e<l; e++) {
var el = EYES.stack[e];
var elX = elY = 0;
if (el[0].offsetParent) {
obj = el[0];
do {
elX += obj.offsetLeft;
elY += obj.offsetTop;
} while (obj = obj.offsetParent);
}
el[0].centreX = elX + Math.round (el[0].offsetWidth / 2);
el[0].centreY = elY + Math.round (el[0].offsetHeight / 2);
var difX = mouseX – el[0].centreX;
var difY = mouseY – el[0].centreY;
var dTan = Math.atan2 (difX, difY);
var dist = Math.sqrt ((difX * difX) + (difY * difY));
dist = Math.sin ((dist > el[0].maxDist ? 1 : dist / el[0].maxDist));
var newX = el[1].centre + Math.round (Math.sin (dTan) * el[1].centre * dist);
var newY = el[1].centre + Math.round (Math.cos (dTan) * el[1].centre * dist);
el[1].style.margin = newY + “px 0 0 ” + newX + “px”;
}
};
if (window.attachEvent) document.attachEvent (“onmousemove”, EYES.mousemove);
else document.addEventListener (“mousemove”, EYES.mousemove, false);
//]]>
</script>
Ya tienen el script, ahora solo falta agregar los ojos, estos los pueden agregar en cualquier parte del blog, una entrada, un gadget etc, bueno para egregarlos, les dejare 4 diferentes diseños, ustedes seleccionan el que mas les guste:

<div style=”position:relative; height:150px; margin-bottom:30px;”>
<div id=”Ojo1″ style=”width: 170px; height: 140px;
background: url(https://lh5.googleusercontent.com/-ZvPrMLTmDss/Tq9hi3hOiuI/AAAAAAAAB3k/ns0hdu4oLHY/s170/ojo_1.png) center center no-repeat; position: absolute; left: 307px; top: 20px;”>
<img src=”http://lh3.googleusercontent.com/-xGTUu-uw3eE/Tq9FzB8X7AI/AAAAAAAAB1Y/r45hH1IpQ5I/s30/pupila.png” width=”23″ height=”23″ /></div>
<div id=”Ojo2″ style=”width: 170px; height: 140px; background: url(https://lh4.googleusercontent.com/-fdWmeVfdzG4/Tq9hizn5WWI/AAAAAAAAB3o/PSUQixCGsHk/s170/ojo_2.png) center center no-repeat; position:absolute;
left: 485px; top: 20px;”>
<img src=”http://lh3.googleusercontent.com/-xGTUu-uw3eE/Tq9FzB8X7AI/AAAAAAAAB1Y/r45hH1IpQ5I/s30/pupila.png” width=”23″ height=”23″ /></div>
</div>
<script type=”text/javascript”>
EYES.follow (‘Ojo1’);
EYES.follow (‘Ojo2’);
</script>

<div style=”position:relative; height:145px; margin-bottom:30px;”>
<div id=”Ojo3″ style=”width: 132px; height: 143px; background: url(https://lh6.googleusercontent.com/-G1SdIK4EQAM/Tq9KUlmQhWI/AAAAAAAAB1k/TYW2FbzqSU8/s143/ojo1.png) center center no-repeat; position:absolute; left: 377px; top: 20px;”>
<img src=”http://lh4.googleusercontent.com/-naCDuX03WpQ/Tq9KeZErQJI/AAAAAAAAB1w/meYDW9Y51M8/s34/pupila.png” width=”30″ height=”30″ /></div>
<div id=”Ojo4″ style=”width: 132px; height: 143px; background: url(https://lh4.googleusercontent.com/-DMZBDYo4Rn0/Tq9KUhX2nPI/AAAAAAAAB1g/aVv1zZO9HQU/s143/ojo2.png) center center no-repeat; position:absolute; left: 485px; top: 20px;”>
<img src=”http://lh4.googleusercontent.com/-naCDuX03WpQ/Tq9KeZErQJI/AAAAAAAAB1w/meYDW9Y51M8/s34/pupila.png” width=”30″ height=”30″ /></div>
</div>
<script type=”text/javascript”>
EYES.follow (‘Ojo3’);
EYES.follow (‘Ojo4’);
</script>

<div style=”position:relative; height:145px; margin-bottom:30px;”>
<div id=”Ojo5″ style=”width: 127px; height: 135px; background: url(https://lh6.googleusercontent.com/-nIFSFb0FUBc/Tq9OQfidbcI/AAAAAAAAB2U/3UyDsSjWgYE/s135/ojo1.png) center center no-repeat; position:absolute; left: 377px; top: 20px;”>
<img src=”http://lh5.googleusercontent.com/-BHj2y7unB1U/Tq9Q4hgLbeI/AAAAAAAAB2g/cuTjMwabrzI/s34/pupila.png” width=”30″ height=”30″ /></div>
<div id=”Ojo6″ style=”width: 127px; height: 135px; background: url(https://lh5.googleusercontent.com/-as6ykEORMr0/Tq9OQSfgksI/AAAAAAAAB2Q/FgZsKFiFfR0/s135/ojo2.png) center center no-repeat; position:absolute; left: 515px; top: 20px;”>
<img src=”http://lh5.googleusercontent.com/-BHj2y7unB1U/Tq9Q4hgLbeI/AAAAAAAAB2g/cuTjMwabrzI/s34/pupila.png” width=”30″ height=”30″ /></div>
</div>
<script type=”text/javascript”>
EYES.follow (‘Ojo5’);
EYES.follow (‘Ojo6’);
</script>

<div style=”position:relative; height:161px; margin-bottom:30px;”>
<div id=”Ojo7″ style=”width: 180px; height: 161px; background: url(https://lh6.googleusercontent.com/-Co_Tz9uS1og/Tq9Z_kcMmUI/AAAAAAAAB3I/XT_s4Dy0GAs/s180/ojo1.png) center center no-repeat; position:absolute; left: 307px; top: 20px;”>
<img src=”http://lh6.googleusercontent.com/-nfvJpUE1CgM/Tq9W6TP9hNI/AAAAAAAAB24/KNwO7NSGqnM/s71/pupila.png” width=”65″ height=”65″ /></div>
<div id=”Ojo8″ style=”width: 180px; height: 161px; background: url(https://lh5.googleusercontent.com/-U0ZSRONSNGM/Tq9Z_l-nKjI/AAAAAAAAB3M/PruPm2mkezY/s180/ojo2.png) center center no-repeat; position:absolute; left: 545px; top: 20px;”>
<img src=”http://lh6.googleusercontent.com/-nfvJpUE1CgM/Tq9W6TP9hNI/AAAAAAAAB24/KNwO7NSGqnM/s71/pupila.png” width=”65″ height=”65″ /></div>
</div>
<script type=”text/javascript”>
EYES.follow (‘Ojo7’);
EYES.follow (‘Ojo8’);
</script>
Y eso es todo, en color rojo esta marcada la posicion en que estaran los ojos, si lo quieren cambiar, para que les quede bien, hagan clic derecho sobre el ojo y seleccionen Inspeccionar Elemento y ahi del lado derecho podran cambiar las posiciones, cuando ya lo tengan bien, solo editan el codigo ya ya esta.
Que curioso! Imagino que este recurso al llamarle la atención al usuario, baja el porcentaje de rebote, y mejora el tiempo de estancia en el sitio.