Cursores animados Candied cutes

Enfeitando mais o seu blog com cursores fofos.

Clique em Adicionar um Gadget

Ao abrir, clique em  HTML/Javascript

Cole então o  código referente ao cursor desejado.






Lacinho rosa

<style type="text/css">body  {cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_MI4yA4yPet-cq6mdcN1oQ8Olm0MOgn46T85W6fye8PmidL1RAVLKhXrPIhyWOvXGzW53ZrPaLlj3N3sv6AhE21qil6vnFKKQ0kmZ5HTuGntQODp6u2u2ZqBQCCWPoPdmX1HDjN8dETU/s1600/00ea589p.gif),default}</style>

Bastão coração

<style type="text/css">body  {cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3QIxYo6BYe3I3o1B46WHl5MudN3VJjMQAWFBEqiR4R-8dO77yjteTeFitI4-QxGCjiFBWqhbWrQZke_VsQO44fu6pt3zLfC9Op2o_0cIfZ-pphnYLEmqkMEwzKuEBT7y4UXzHbj0uycQ/s1600/00ea8df7+-+C%25C3%25B3pia.gif),default}</style>

Bolo

<style type="text/css">body  {cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqa8f2S0g4jdGQVcgzdkyXHKqpgR5AD2SB9vHj7WLGQeVlitla2cuEOFtWvNUGCLDlZ__vbMCOZjGB8CLyiJCYnIja611U6IggF8Np7fLigmgr7IKdnuOo3cqo-ph-02LdIjdbq-uE1sE/s1600/00ec3t65+-+C%25C3%25B3pia.gif),default}</style>

Candied

<style type="text/css">body  {cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizCTbHKZF-hwBls9NFZyQUl3lPGGW1U9Twr2E2o9SDuwTuXqGFNiNx3jQlsG0GBOLXL0sItAFCcNW98x7xTqOsr8ov8vzGaBROwgXIPzqeWLsMT-mn72DRT2ZHhcUjMJyvRaw93N48nD4/s1600/100+-+C%25C3%25B3pia.gif),default}</style>

Varinha

<style type="text/css">body  {cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggnT1ieRj7Myl2N8mwVirN_QIbD5iCmtkSsJtwlfWGPjZr867Vg9n1N5UXgIzJeGlDDiwCHRFcJKTll6iGt2_huajKwXhSTFrZg_W9VRt5T7C8pxuAE-FhaR6MFwAfPxSiakDwjcFiKz8/s1600/gifs1+-+C%25C3%25B3pia.gif),default}</style>

Balinha

<style type="text/css">body  {cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0K8dbCDOETNg3AoSO-WfIkV-5AhEhL1gnvQsos2dftelI9wUnsVMv1cT06QyCfxByfBw6ttVRewGowymT5YvCJIy9lJhWuimkDOw1k2ziPQDCncU0N8udoSD5YHFoB0frXwqKJGXQt84/s1600/gifs144+-+C%25C3%25B3pia.gif),default}</style>

Bolinho

<style type="text/css">body  {cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXxz2UwEuLd92HY_TXpUkqiF4jTtx0lDczL4ekaFzbF2pRPdc38s-G8e8pdfRKYNAMxdUCGatXFoWC_k5j_HQ38mdLhElpPVChRYP73ux-DSFk9BoeIKKLmQuV-Phyh7sm6Mr0ICm6yiQ/s1600/gifs149+-+C%25C3%25B3pia.gif),default}</style>

Borboletinha

<style type="text/css">body  {cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLjjcaOEftI0BkMP1zFlGSM5-7wD6xa3JBEZIVPmrH3NedTjyX5pk5n4iYOX6ZwZfh_QGBHGF6qmexK91M-qNM7-b8HwzyOQ0HeUixSKB2ycNtsRaYSwvgxxVnIyyCDxS_5Ikx_zCIw80/s1600/nf43.gif),default}</style>

Balinhas

<style type="text/css">body  {cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAEaXDHdoVDeJmM54_buSsICdCi7Ih397c-n3zn-ufTfsv5q58RJueD2f6tfbX1Oj5oaQkg9JAgEPrMyZ4exOzwVemThJz50PB35zU_qQi9ylA31F4dbts29KLwl589pQlMHx8Wq0FJQY/s1600/gifs155.gif),default}</style>

Moranguinho

<style type="text/css">body  {cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaUUOvpHJvu8IehyphenhyphenhHM5tDD8brJ6bFaRy-_tiQL2PyXjl3ZQ1DW-BnDm5oZiI8NbDgQsZ88-pjH6rtGOJAf_unYgTZjxlQkYm4kb218YGNu_RoyQ6DBZJGHVVyiYxkY6wAV8FTRYx50lc/s1600/pvt10.gif),default}</style>

»»Leia mais...

Cursores animados grátis para o Blogger/Blogspot

Enfeitando mais o seu blog com cursores fofos.

Clique em Adicionar um Gadget

Ao abrir, clique em  HTML/Javascript

Cole então o próximo código fazendo as modificações necessárias.






Varinha

<style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/CUTE_GREEN_BOW_TIE_POINTER-www.24work.blogspot.com.cur), progress;}</style>

Morango

<style type="text/css">body{cursor:url(http://justmcagirls.com.sapo.pt/morango.ani), url(http://justmcagirls.com.sapo.pt/morangito.cur),auto;}</style><br/><center>

Coração

<style type="text/css">body{cursor:url(http://justmcagirls.com.sapo.pt/declaracoesamor/coracaobruno.ani), url(http://www.girlspt.com/cursores/declaracoesamor/coracaobruno.cur),auto;}</style>

Blogger

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-5/sym498.cur), progress !important;}</style>

Laço

<style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/CUTE_POLKA_DOTTED_GREY_BOW_TIE_RIBBON-www.24work.b.cur), progress;}</style>

Joaninha

<style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/YELLOW_LADYBUG-www.24work.blogspot.com-.cur), progress;}</style>

Seta cinza

<style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/UNBORN_8.0_GREY_POINTER-www.24work.blogspot.com-.cur), progress;}</style>

Seta preta

<style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/UNBORN_8.0_BLACK_POINTER-www.24work.blogspot.com-.cur), progress;}</style>

Estrela amarela

<style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/TRANSPARENT_YELLOW_STAR-www.24work.blogspot.com-.cur), progress;}</style>

Estrela azul

<style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/TRANSPARENT_TEAL_STAR-www.24work.blogspot.com-.cur), progress;}</style>

Meme

<style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/RAGE_FACE_COMICS-www.24work.blogspot.com-.cur), progress;}</style>

Pedra preciosa

<style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/PINK_DIAMOND-www.24work.blogspot.com-.cur), progress;}</style>

Caveira

<style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/JACK_SKELLINGTON_LINK_SELECT-www.24work.blogspot.c.cur), progress;}</style>

Coração chat

<style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/HEART_CHAT_BUBBLE-www.24work.blogspot.com-.cur), progress;}</style>

Rosa

<style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/ELEGANT_ROSE-www.24work.blogspot.com-.cur), progress;}</style>

Seta laranja

<style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/COOL_ORANGE_POINTER-www.24work.blogspot.com-.cur), progress;}</style>

Seta verde

<style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/COOL_YELLOW_POINTER-www.24work.blogspot.com-.cur), progress;}</style>

Seta azul

<style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/COOL_BLUE_OUTER_GLOW_POINTER-www.24work.blogspot.c.cur), progress;}</style>

Seta rosa

<style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/COOL_PURPLE_POINTER-www.24work.blogspot.com-.cur), progress;}</style>

Cupcake

<style type="text/css">body  {cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiooiK9bEcHwqZ0oEJpJxISqNOTHpA8SyCGwQufA2UQzQMdlxaKKEIlx3Z1kCrfizjFtGHIaklhMNMBz_j90Ylu0caohIHKbkuxgQu0V2vlPd7mtvoyOgv9UD6wOI7XcY2Xmm5c9J-dlSIQ/s1600/cupcake_free_avatar_by_Aina_A.gif),default}</style>

Cupcake 2

<style type="text/css">body  {cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5QChTnYJW7xrDuKQqipgcWl-H2CPN3-64w4RNbj4eZ1UlJz3srnfZBoUcoAUqO9grT72hH5PuSDMIOIaCFpgnJHgKNzbxJp7KSC1caeaaZHppw34-7d75ctHdFfOmboa88zEV3jUGuuVB/s1600/free_kawaii_cupcake_by_miemie_chan3-d35qzk2.gif),default}</style>

Agradecimentos: Blogspot Tutorial, Cantinho do blog

»»Leia mais...

Letras circulando em volta do mouse

Mais um efeito  para o cursor mouse de seu blog. Você pode escrever uma frase, o nome de seu blog, seu namorado, marido, peguete...

Passe o mouse

Clique em Adicionar um Gadget

Ao abrir, clique em  HTML/Javascript

Cole então o próximo código fazendo as modificações necessárias.Código em vermelho representa a cor da sestrelas

<style type="text/css">
#outerCircleText {
font-style: italic; font-weight: bold;

font-family: 'arial', verdana, arial;
color: #000;     // AQUI PODE ALTERAR A COR
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">
/* Circling text trail- Tim Tilton    Website: http://www.tempermedia.com/ Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts Modified Here for more flexibility and modern browser support Modifications as first seen in http://www.dynamicdrive.com/forums/  username:jscheuer1 - This notice must remain for legal use   */
;(function(){

var msg = "Templates e Acessórios";

var size = 24;
var circleY = 0.75; var circleX = 2;
var letter_spacing = 5;
var diameter = 10;
var rotation = 0.4;

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;

////////////////////// Stop Editing //////////////////////

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

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), 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(){ // rotation/positioning
 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){ // makes the circle
  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(){ // makes the resistance
 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(){ // appends message divs, & sets initial values for positioning arrays
 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>

»»Leia mais...

Estrelas seguindo o cursor

Mais um efeito fofinho para o cursor mouse de seu blog. Fácil de instalar e da um efeito bacana

Passe o mouse

Clique em Adicionar um Gadget

Ao abrir, clique em  HTML/Javascript

Cole então o próximo código fazendo as modificações necessárias.Código em vermelho representa a cor da sestrelas

<script type='text/javascript'>
// <![CDATA[
var colour="#F3C00D";
var sparkles=50;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

»»Leia mais...

Cursor com bolhas

Passe o cursor

Clique em Adicionar um Gadget

Ao abrir, clique em  HTML/Javascript

Cole então o código abaixo

<script type='text/javascript'>
// <![CDATA[
var blColorjtes=new Array("#7e9be7", "#a1b4e8", "#a1b4e8", "#7e9be7", "#cccccc");
var blCuantasujTeas=80;
// ]]>
</script>
<script src='https://sites.google.com/site/scriptsbalcon/b/bljBurbujaste.js' type='text/javascript'/>

»»Leia mais...