Imagens redondas quando passar o mouse

Oi gente!
Esse tutorial, pouca gente conhece. Então irei ensinar.
Os créditos vão ao Cherry Cupcaskull, pois foi a dona que fez o código.
O efeito é o seguinte: Sem o mouse a imagem fica com bordas arredondadas, e quando passa o mouse ela fica em círculo. Aqui vai uma imagem do meu outro blog:

Tutorial:
Vá no HTML do seu blog, aperte CTRL F e procure por  ]]><b:skin>.
Acima de ]]><b:skin>, cole o seguinte código:

.post img {
-webkit-transition-duration: .50s;
border-radius: 10px 10px 10px 10px;
}
.post img:hover {
-webkit-transition-duration: .50s;
border-radius: 200px 200px 200px 200px;
}

Beijinhos, Luh 

Menu de Barrinhas

Oi gente!
Achei um tutorial bem bacana no Cupcake of Shine, é o menu de barrinhas com efeito hover. Eu, provavelmente, irei usar, quando tivermos mais páginas.
Tutorial:
Vá em Layout>Adicionar um Gadget>HTML/JavaScript.
Cole esse código:

<style type="text/css">
#menuzinho {
display: block;
width: 100%;
height: 19px; /* ALTURA DO MENU /*
width:178px /* LARGURA DO MENU /*
vertical-align: middle;
font-family: Verdana, Arial, sans-serif;
font-size: 10px; /* TAMANHO DA FONTE */
font-weight: bold;
color: #000000; /* COR DA FONTE */
text-indent: 5px;
line-height: 17px;
margin-bottom: 3px;
margin-left: -1px;
background-color:#DDA0DD; /* COR DO FUNDO */
}
#menuzinho:hover {
display: block;
color: #FFFFFF; /* COR DA LETRA QUANDO PASSA O MOUSE */
background-color: #DA70D6; /* COR DO FUNDO QUANDO PASSA O MOUSE */
}
</style>
<style type="text/css"></style>
<a id="menuzinho" href="LINK AQUI/">NOME DO LINK AQUI</a>

Para você personalizar o código, eu recomendo usar o Color Picker ou essa tabela de cores.
Em LINK AQUI, você coloca o link da página. NOME DO LINK AQUI coloque o nome da sua página. Caso queira mais páginas, sempre coloque no final do código isso:

<a id="menuzinho" href="LINK AQUI/">NOME DO LINK AQUI</a>

Exemplo de como fica o menu:

Créditos ao CS. 

Beijinhos, Luh

Avatares 200x290 - Selena Gomez

Hello people!

Hoje trago avatares 200x290 da Selena Gomez para vocês. Fiz 6, se vocês gostarem eu faço mais. Vocês também podem pedir de outra pessoa, sem ser ela.

Espero que gostem :3

Beijinhos, Luh

Levou um fora? Não se preocupe!

Todo o mundo passa ou já passou por isso. Eu tenho umas dicas pra você superar isso :->
1. Faça coisas divertidas, destraia a cabeça e se divirta
2. Faça passeios com as amigas
3. Jogue fora as fotos dele
4. Finja que ele não existe
5. Se apaixone de novo
Beijocas da Dafne

Os 10 mandamentos da popularidade *--*

Oii, você não quer mais ser invisível?
Quer ser querida e amada por todos? Pois eu tambéém \o/ aqui tem umas dicas ótimas para você ser uma das populares.

1- Não fique falando toda hora
2-Seja amigável
3- Não faça amizade com pessoas que nao tem nada haver
4- Não brigue, não xingue
5- Não menospreze ninguém
6- Ame a si mesma
7- Tenha mais conteúdo
8- Faça sempre as lições
9- Leia bastante
10- Não tenha raiva de ninguém

WoW isso soou como os 10 mandamentos da popularidade mesmo *-*

Beijinho da sua amiguinha

Dafne ;*

Tutorial: Links do blog com efeito arco-íris

Hi people!

Esse vai ser nosso primeiro tutorial, de muitos outros que estarão por vir.

Esse, eu acho muito legal, só não uso no nosso layout porque acho que não combina.

Créditos ao Blog das Meninas.

Vamos lá.

1- Vá em Modelo>Editar HTML>Prosseguir. Aperte Ctrl F e procure por:

]]></b:skin>

2- Cole este código acima de ]]></b:skin>:

<!-- INÍCIO DO SCRIPT LINKS COLORIDOS--><br /><br /> <br /><br /> <script type='text/javascript'> // <![CDATA[ var rate = 20; // Increase amount(The degree of the transmutation) //////////////////////////////////////////////////////////////////// // Main routine if (document.getElementById) window.onerror=new Function("return true") var objActive; // The object which event occured in var act = 0; // Flag during the action var elmH = 0; // Hue var elmS = 128; // Saturation var elmV = 255; // Value var clrOrg; // A color before the change var TimerID; // Timer ID if (document.all) { document.onmouseover = doRainbowAnchor; document.onmouseout = stopRainbowAnchor; } else if (document.getElementById) { document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT); document.onmouseover = Mozilla_doRainbowAnchor; document.onmouseout = Mozilla_stopRainbowAnchor; } //============================================================================= // doRainbow // This function begins to change a color. //============================================================================= function doRainbow(obj) { if (act == 0) { act = 1; if (obj) objActive = obj; else objActive = event.srcElement; clrOrg = objActive.style.color; TimerID = setInterval("ChangeColor()",100); } } //============================================================================= // stopRainbow // This function stops to change a color. //============================================================================= function stopRainbow() { if (act) { objActive.style.color = clrOrg; clearInterval(TimerID); act = 0; } } //============================================================================= // doRainbowAnchor // This function begins to change a color. (of a anchor, automatically) //============================================================================= function doRainbowAnchor() { if (act == 0) { var obj = event.srcElement; while (obj.tagName != 'A' && obj.tagName != 'BODY') { obj = obj.parentElement; if (obj.tagName == 'A' || obj.tagName == 'BODY') break; } if (obj.tagName == 'A' && obj.href != '') { objActive = obj; act = 1; clrOrg = objActive.style.color; TimerID = setInterval("ChangeColor()",100); } } } //============================================================================= // stopRainbowAnchor // This function stops to change a color. (of a anchor, automatically) //============================================================================= function stopRainbowAnchor() { if (act) { if (objActive.tagName == 'A') { objActive.style.color = clrOrg; clearInterval(TimerID); act = 0; } } } //============================================================================= // Mozilla_doRainbowAnchor(for Netscape6 and Mozilla browser) // This function begins to change a color. (of a anchor, automatically) //============================================================================= function Mozilla_doRainbowAnchor(e) { if (act == 0) { obj = e.target; while (obj.nodeName != 'A' && obj.nodeName != 'BODY') { obj = obj.parentNode; if (obj.nodeName == 'A' || obj.nodeName == 'BODY') break; } if (obj.nodeName == 'A' && obj.href != '') { objActive = obj; act = 1; clrOrg = obj.style.color; TimerID = setInterval("ChangeColor()",100); } } } //============================================================================= // Mozilla_stopRainbowAnchor(for Netscape6 and Mozilla browser) // This function stops to change a color. (of a anchor, automatically) //============================================================================= function Mozilla_stopRainbowAnchor(e) { if (act) { if (objActive.nodeName == 'A') { objActive.style.color = clrOrg; clearInterval(TimerID); act = 0; } } } //============================================================================= // Change Color // This function changes a color actually. //============================================================================= function ChangeColor() { objActive.style.color = makeColor(); } //============================================================================= // makeColor // This function makes rainbow colors. //============================================================================= function makeColor() { // Don't you think Color Gamut to look like Rainbow? // HSVtoRGB if (elmS == 0) { elmR = elmV; elmG = elmV; elmB = elmV; } else { t1 = elmV; t2 = (255 - elmS) * elmV / 255; t3 = elmH % 60; t3 = (t1 - t2) * t3 / 60; if (elmH < 60) { elmR = t1; elmB = t2; elmG = t2 + t3; } else if (elmH < 120) { elmG = t1; elmB = t2; elmR = t1 - t3; } else if (elmH < 180) { elmG = t1; elmR = t2; elmB = t2 + t3; } else if (elmH < 240) { elmB = t1; elmR = t2; elmG = t1 - t3; } else if (elmH < 300) { elmB = t1; elmG = t2; elmR = t2 + t3; } else if (elmH < 360) { elmR = t1; elmG = t2; elmB = t1 - t3; } else { elmR = 0; elmG = 0; elmB = 0; } } elmR = Math.floor(elmR).toString(16); elmG = Math.floor(elmG).toString(16); elmB = Math.floor(elmB).toString(16); if (elmR.length == 1) elmR = "0" + elmR; if (elmG.length == 1) elmG = "0" + elmG; if (elmB.length == 1) elmB = "0" + elmB; elmH = elmH + rate; if (elmH >= 360) elmH = 0; return '#' + elmR + elmG + elmB; } // ]]> </script>

3- Visualize para ver se deu tudo certo, e, se sim, salve.

Beijinhos, Luh

Apresentação: Luh e Giih

Hi People

Criamos este blog com o intuito de informar, vocês, leitoras, postar dicas, moda, utilitários e tutoriais...
Também criamos com a ideia na cabeça, de gostarem das nossas postagens.
Foi só isso, daqui a pouco vai ter tutorial! :D

Com carinho, nós,  Luh e Giih rabiscamos essa postagem.