Utilitários, e Mini tutoriais

Oi pessoal, fiquei muito feliz por vocês terem gostado muito da entrevista com a Elisa do blog caprichosa (clique no link para ver o blog da Elisa), no post anterior (clique no link, para rever a entrevista). Bom gente vamos ao que interessa, o post de hoje, vai ser cheio de utilitários e mini tutoriais  bem bacanas para seu blog! Então não perca mais tempo, clique leia mais, que lá vem BIG POST 

          >>Big Post na área<<

Cursores para seu blog
Como instalar no seu template: vá em Layout >> Add um gadget >> HTML javascript e colar o código do cursor lá. Não precisa de colocar o titulo! Não retire os créditos!!

                                                                                     
  <style type="text/css">body{cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhURmgU-Om0Q02JMYz2F4bTZ3Xy5vCyS76F5cnRynIdQAK_ne9g8hhyphenhyphenAmu_l52Et_WQCAQzvtXnXvGbXh0BNWxzdZBQt16EhERNh0UiMFmn8Eimxi0v-GySog-BlcDK8KumShlvjyD0MZ8/s320/5fff.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhURmgU-Om0Q02JMYz2F4bTZ3Xy5vCyS76F5cnRynIdQAK_ne9g8hhyphenhyphenAmu_l52Et_WQCAQzvtXnXvGbXh0BNWxzdZBQt16EhERNh0UiMFmn8Eimxi0v-GySog-BlcDK8KumShlvjyD0MZ8/s320/5fff.png),auto;}</style><br /><center></center><a href="http://debysabetudo.blogspot.com/" style="background: #000000; color: white; font-family: Comic sans ms; font-size: 10px; padding: 1px; text-decoration: none;" target="_blank">Mais tutoriais você encontra no blog : Deby Sabe Tudo</a>      <style type="text/css">body{cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwbMPjrP_6_x_uls4aDfRFDX7VEOtl5E0NQ6FrkjLaQqTl9c2Tcw2IGNyHMSQy_3oCTHNG9U-l-ETIOmx-2Kepe3p8zAo1-1aKGmNr_uKcsAhHSGQ5JGYF7BnaZgsXdDvAIuoBbzngToE/s320/ffh.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwbMPjrP_6_x_uls4aDfRFDX7VEOtl5E0NQ6FrkjLaQqTl9c2Tcw2IGNyHMSQy_3oCTHNG9U-l-ETIOmx-2Kepe3p8zAo1-1aKGmNr_uKcsAhHSGQ5JGYF7BnaZgsXdDvAIuoBbzngToE/s320/ffh.png),auto;}</style><br /><center></center><a href="http://debysabetudo.blogspot.com/" style="background: #000000; color: white; font-family: Comic sans ms; font-size: 10px; padding: 1px; text-decoration: none;" target="_blank">Mais tutoriais você encontra no blog : Deby Sabe Tudo</a>      <style type="text/css">body{cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzztomhOXIQlJax3UO-WAiIvVQ07pVYL4dNvHJDADWfs38mdjj2O083ZVfbAEdpET18tsSz5zO08G1EtdC8ZV4fV7veMvJoFxkIQrC4w_biXpsHmqtt9YnyXFpxBO8Z-gX_a6aM-Prmu4/s1600/path2987.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzztomhOXIQlJax3UO-WAiIvVQ07pVYL4dNvHJDADWfs38mdjj2O083ZVfbAEdpET18tsSz5zO08G1EtdC8ZV4fV7veMvJoFxkIQrC4w_biXpsHmqtt9YnyXFpxBO8Z-gX_a6aM-Prmu4/s1600/path2987.png),auto;}</style><br/><center></center><a style="padding:1px;background:#000000;color:#FFFFFF;font-family:Comic sans ms;font-size:10px;text-decoration:none;" href="HTTP://DEBYSABETUDO.BLOGSPOT.COM" target="_blank">Mais tutoriais você encontra no blog : Deby Sabe Tudo</a>
Atenção!! -->> Não re-blogue nenhum cursor da qui! Eu mesma fiz esses cursores. Não retire os créditos se usarem em seus blogs!!

Textareas Personalizadas
Como instalar: isso se instala no seu próprio editor de postagem, só é preciso copiar o código da caixinha que escolher, e depois colar na sua postagem HTML. E depois escrever o texto que quer.

                  <textarea style="overflow: hidden; border:1px dashed #FFFF00; background:#FFFACD; width: 100px; height: 40px; font-color: #FF55AA; font-size: 10px; font-family: arial ' sans serif ';" onfocus="this.select()" onmouseover="this.focus()">CONTEÚDO DA SUA CAIXINHA    <textarea style="overflow: hidden; border:1px dashed #000; background:#ffbbff; width: 100px; height: 40px; font-color: #000; font-size: 12px; font-family: comic sans ms;" onfocus="this.select()" onmouseover="this.focus()">CONTEÚDO DA SUA CAIXINHA  
                                         <textarea style="overflow: hidden; border:1px solid #ff50ff; background:#000000; width: 100px; height: 40px; font-color: #fff; font-size: 12px; font-family: comic sans ms;" onfocus="this.select()" onmouseover="this.focus()">CONTEÚDO DA SUA CAIXINHA
Atenção!! -->> Não re-blogue nenhuma Textarea da qui! Eu mesma fiz essas caixinhas.

                                        //--------------------------------------------//
Seleção colorida no Blog
Vá em:  Modelo >> Editar HTML
Procure por: /* Content
Acima dele cole o seguinte código abaixo:

/* Seleção colorida
----------------------------------------------- */
::-moz-selection {
background:#000; /*Cor do fundo*/
color:#fff; /*Cor da fonte*/
}

::selection {
background:#000;/*Cor do fundo*/
color:#fff; /*Cor da fonte*/
}

Linha que divide o post da sidebar
Vá em: Modelo >> Editar HTML
Procure por: 
Se for coluna direita: .main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
Se for coluna esquerda: .main-inner .fauxcolumn-left-outer .fauxcolumn-inner {
Abaixo vai esta mais ou menos assim:


.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {
  margin-right: $(content.padding);
  background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;
}


Apague o que está de vermelho, e cole esse:
Se for coluna direita:

border-left: 1px solid #000000;

Se for coluna esquerda:

border-rigth: 1px solid #000000;

é só fazer algumas configurações, e pronto! salve seu modelo!!

e ai, gostaram do post?
Beijos, e até a próxima!!