Cursor personalizado.

Este es un código muy llamativo, que le da al cursor  una gran personalidad al cursor. Para páginas Web
se debe colocar este código en el head de la pagina, y ahí adentro se pega el código  y luego se cierra el head.

Para blogger, se puede pegar directamente en una entrada, desde la edición de HTML.
-----------------------------------------------------------------------------------
<style type="text/css">
    #outerCircleText {
        font-style: italic;
        font-weight: bold;
        font-family: 'verdana', arial;
        color: #F0BBAA;
    position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
    #outerCircleText div {position: relative;}
    #outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
</style>


<script type="text/javascript">

;(function(){

var msg = "hola, bienvenido a truccos blogger, un espacio para aprender juntos"; //aquí se cambia el texto, este será el que siga al ratón

var size = 15;//tamaño de la letra
var circleY = 0.75; var circleX = 3;
var letter_spacing = 5;
var diameter = 5;
var rotation = 0.1;
var speed = 0.1;

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.408333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

mouse = function(e){
 e = e || window.event;
 ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
 xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){
 if(init.nopy){
  o.style.top = (b || document.body).scrollTop + 'px';
  o.style.left = (b || document.body).scrollLeft + 'px';
 };
 currStep -= rotation;
 for (var d, i = n; i > -1; --i){
  d = document.getElementById('iemsg' + i).style;
  d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
  d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
 };
},

drag = function(){
 y[0] = Y[0] += (ymouse - Y[0]) * speed;
 x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
 for (var i = n; i > 0; --i){
  y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
  x[i] = X[i] += (x[i-1] - X[i]) * speed;
 };
 makecircle();
},

init = function(){
 if(!isNaN(window.pageYOffset)){
  ymouse += window.pageYOffset;
  xmouse += window.pageXOffset;
 } else init.nopy = true;
 for (var d, i = n; i > -1; --i){
  d = document.createElement('div'); d.id = 'iemsg' + i;
  d.style.height = d.style.width = a + 'px';
  d.appendChild(document.createTextNode(msg[i]));
  oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
 };
 o.appendChild(oi); document.body.appendChild(o);
 setInterval(drag, 25);
},
ascroll = function(){
 ymouse += window.pageYOffset;
 xmouse += window.pageXOffset;
 window.removeEventListener('scroll', ascroll, false);
};
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
if (window.addEventListener){
 window.addEventListener('load', init, false);
 document.addEventListener('mouseover', mouse, false);
 document.addEventListener('mousemove', mouse, false);
  if (/Apple/.test(navigator.vendor))
   window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
 window.attachEvent('onload', init);
 document.attachEvent('onmousemove', mouse);
};
})();
</script>

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

Votaciones con mensajes

Para incluir una votación sobre X tema, y que al seleccionar una opción aparezca un mensaje, es algo divertido.

Cortar y pegar el siguiente código:

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

<p style="text-align: center;">
    ¿Te gusta mi blog?
</p>

<center>
    <table>
        <tbody>
            <tr>
                <td style="text-align: center;">
                    Excelente blog<input onclick="alert(value)" name="radio" type="radio" value="Que buen gusto tienes. No olvides dejar un comentario." />
                </td>
            </tr>

            <tr>
                <td style="text-align: left;">
                    Regular <input onclick="alert(value)" name="radio" type="radio" value="Tienes toda la razón. Dame un consejo para mejorlo. Gracias por dejar tu comentario." />
                </td>
            </tr>

            <tr>
                <td>
                    Pésimo. No Regreso<input onclick="alert(value)" name="radio" type="radio" value="Vete de mi blog y no regreses (Es broma, Gracias,  tu opinión cuenta. No olvides dejar un comentario)" />
                </td>
            </tr>
        </tbody>
    </table>
</center>

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

Sustituir el texto en rojo por el texto deseado.

A aquí el resultado.

¿Te gusta mi blog?

Excelente blog

Regular

Pésimo. No Regreso

Texto intermitente

Con este codigo se puede colocar un texto intermitente que aparece y desaparece sobre una misma linea.

aqui el codigo:

<marquee scrolldelay="700" scrollamount="400">
<font color="red"><b> Colocar aqui el texto deseado</b></font>
</marquee>

Reemplazar el texto a azul por lo qu se quiera escibir.

y aqui el resultado:

 


Texto Intermitente

Texto en movimiento o marquesina

El código HTML básico para crear marquesinas es <marquee></marquee>el texto ubicado dentro de esas etiquetas va a moverse hacia la izquierda formando un efecto de marquesina.

Aquí esté el ejemplo del sencillo código para colocar un texto en movimiento dentro de un blog, simplemente hay que cortar y pegar en una entrada de edición de HTML:

<marquee>Un simple, muy muy simple codigo HTML para tener un texto en movimiento</marquee>

Como siempre, se sustituye en texto en azul por el texto que se desee.

el resultado es el siguiente:

Un simple, muy muy simple código HTML para tener un texto en movimiento