Olá amores, tava dando uma olhada no blog Doce Sonho De Menina e encontrei um tutorial super fácil de como colocar um cursor do mouse personalizado, é só seguir os passos abaixo :
No antigo painel, vá no Designer do Modelo, que fica na guia Design> Designer do Modelo. No novo painel, ele fica na guia Modelo> Personalizar (o botãozinho laranja abaixo do seu template atual). Ao abrir completamente o Designer do Modelo (tem que aparecer uma visualização do seu template atual abaixo), clique na guia Avançado (última guia)> Adicionar CSS (última opção da lista), vai abrir uma caixa branca onde está escrito em cinza: "Adicionar o CSS aqui para substituir estilos existentes". Aqui nós vamos colar o seguinte código:body {cursor: url('URL_DA_IMAGEM'), url('URL_DA_IMAGEM'), auto;}
No lugar de URL_DA_IMAGEM, cole o endereço da sua imagem já hospedada. É importante que seja entre os parênteses , que tenha o http:// e que tenha os apóstrofos ('), cuidado para não apagar nenhum desses caracteres!!!
O mouse não vai aparecer na visualização. Então clique em "Aplicar ao Blog", depois vá normalmente no seu blog para ver se mudou o cursor.
Se você mexe no HTML do seu template, basta acrescentar o código entre colchetes em body {
No antigo painel, vá no Designer do Modelo, que fica na guia Design> Designer do Modelo. No novo painel, ele fica na guia Modelo> Personalizar (o botãozinho laranja abaixo do seu template atual). Ao abrir completamente o Designer do Modelo (tem que aparecer uma visualização do seu template atual abaixo), clique na guia Avançado (última guia)> Adicionar CSS (última opção da lista), vai abrir uma caixa branca onde está escrito em cinza: "Adicionar o CSS aqui para substituir estilos existentes". Aqui nós vamos colar o seguinte código:body {cursor: url('URL_DA_IMAGEM'), url('URL_DA_IMAGEM'), auto;}
No lugar de URL_DA_IMAGEM, cole o endereço da sua imagem já hospedada. É importante que seja entre os parênteses , que tenha o http:// e que tenha os apóstrofos ('), cuidado para não apagar nenhum desses caracteres!!!
O mouse não vai aparecer na visualização. Então clique em "Aplicar ao Blog", depois vá normalmente no seu blog para ver se mudou o cursor.
Se você mexe no HTML do seu template, basta acrescentar o código entre colchetes em body {
O código vai ficar mais ou menos assim:
body {cursor: url('https://sites.google.com/site/docesonhodemenina/cursor1.png'), url('https://sites.google.com/site/docesonhodemenina/cursor1.png'), auto;}