Código para colocar fundo em seu blog

Pegando carona na dica anterior, posto aqui o código para colocar fundo em seu blog, fácil, fácil...


Vá até "Elementos de página", e abra um HTML/Javascript. Cole lá o código e insira o endereço da imagem. Salve e pronto.


Para a imagem se repetir:

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22 AQUI O ENDEREÇO DA IMAGEM %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 %22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

Para a imagem não se repetir, o código é este:

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22 AQUI O ENDEREÇO DA IMAGEM %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 %22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

»»Leia mais...

Backgrounds para seu blog

A alma caridosa da Meri do blog Luz em Flor escreveu-me dando essa dica de um site que tem vários backgrounds para colocar em blog.

Meri fofa, obrigada pela dica.

Para colocar os backs em seu blog é bem simples. Clique sobre a imagem escolhida. Você será direcionada a uma outra página.



Nessa página, veja embaixo na página. Haverá um código como o modelo abaixo.






Copie-o e cole em HTML/Javascript. Salve e pronto.

*ATENÇÃO ! Dê preferência ao template Mínima do Blogger. Veja AQUI um que baixei.



Clique

AQUI

»»Leia mais...

Widget para postagens antigas aleatórias afim de cada post

No blog Achei por aí e Bloguei, da Elke encontrei esse widget que mostra suas postagens antigas aleatoriamente ao pé de cada post. Com imagens e tudo. Veja como fica no blog AQUI




Entre AQUI no site, faça o registro e instale o widget em seu blog.

»»Leia mais...

Como abrir uma janela popup no seu blog do tamanho desejado

Para abrir uma janela popup em seu blog como tamanho que quiser.

AQUI



Copie o código abaixo e cole onde quiser. No código em vermelho cole aí o endereço do que ai ai, e no segundo código escreva o que vc quer que apareça para o leitor clicar. Os códigos em verde são o tamanho da janela. Para aumentar ou diminuir troque os números.

<a style="font-weight: bold;" class="frase" href="AQUI O ENDEREÇO QUE VAI ABRIR" target="_blank" onclick="window.open(this.href, this.target, 'width=754,height=479'); return false;">AQUI A MENSAGEM PARA CLICAR</a>

Ou este modelo com scroller (caixa deslizante)




CLIQUE AQUI


Copie o código abaixo e cole onde quiser. No código em vermelho cole aí o endereço do que vai abrir, e no segundo código escreva o que vc quer que apareça para o leitor clicar. Os códigos em verde são o tamanho da janela. Para aumentar ou diminuir troque os números.

<a href="ENDEREÇO DO SEU BLOG" onclick="window.open('ENDEREÇO DO QUE VAI ABRIR',
'Janela','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=650,height=500'); return false;">

ESCREVA AQUI</a>

»»Leia mais...

Colocando 3 colunas abaixo da header no Blogger (imagem principal)

 

A Rosa Maria do blog Távola Lúdica escreveu-me pedindo essa dica, de como colocar 3 colunas logo abaixo do cabeçalho do blog, como neste modelo AQUI. Então aí vai.

Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.

Vá até o HTML do seu blog e procure pelo seginte trecho:

<b:widget id='Header1' locked='true' title='AQUI ESTARÁ O NOME DE SEU BLOG (Cabeçalho)' type='Header'/>
</b:section></div>

Depois dele, cole o código abaixo e salve:

<div id='header-columna-contenedor'>
<div id='header1'>
<b:section class='header-column' id='elk1' preferred='yes' style='float:left;'>
<b:widget id='Label4' locked='false' title='Marcadores' type='Label'/>
</b:section>
</div>
<div id='header2'>
<b:section class='header-column' id='elk2' preferred='yes' style='float:center;'>
<b:widget id='Label5' locked='false' title='Marcadores' type='Label'/>
</b:section>
</div>
<div id='header3'>
<b:section class='header-column' id='elk3' preferred='yes' style='float:right;'>
<b:widget id='Label6' locked='false' title='Marcadores' type='Label'/>
</b:section>
</div>
<div style='clear:both;'/>
</div>

Agora para costumizar esses novos widgets dar cor para o fundo, para a borda, para as letras, etc...


Proure pelo código:

/* Header --------------------------------------------- */

Agora cole este código abaixo acima dele

/*Colunas header-------------------------------------------------------*/

#header1 { width: 33%;text-align: left; margin: 2px 1px 2px 1px;float: left;}
#header2 { width: 33%;text-align: left;margin: 2px 2px 2px 4px;float: left;}
#header3 { width: 33%;text-align: left; margin: 2px 1px 2px 1px;float: right;}


#header1 .widget, #header2 .widget, #header3 .widget{
background: #FCF8F4;
  border: 1px dashed $bordercolor;/*cor da borda*/
  color: $sidebartextcolor;/*cor da letra*/
  line-height: 1px;
  padding: 10px;
  margin:0 auto;
}

#header1 .widget-content, #header2 .widget-content, #header3  .widget-content {
border:3px solid #A1B7D6;
border-top: none;
margin: 0 0 0;
padding:10px;
background: #fff;
}
#header1 h2, #header2 h2, #header3 h2{/*títulos*/
  font-weight: bold;
  background: #A1B7D6;
  margin: 2px 0 0 0;
  padding: 20px 0px;
  text-align: center;
  float: center;
  font-size: 14px;
  color:$sidebartextcolor;/*cor da letra*/
  text-shadow:0 1px 0 #f9f9f9;
}

#header1 ul, #header2 ul, #header3 ul{
  list-style:none;
  margin:2px 0 4px 0;
  padding:6px  0 4px 0;
}

#header1 ul li a:link, #header2 ul li a:link, #header3 ul li a:link{/*link cinza*/
 background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5gtf1oAPm7zXis32GY5P83jB0r6JkJlMm4fdlw-UgFpgBavqZsZx_y2Oy0zqspubDA2c4EY8nr5hmkgdMY8onDa8uqSkD9skbgrWGS0Sm7mMLOwbmnZVODAFzhhgj5HUXrbj4Xk3_tdoV/s1600/5s.gif) no-repeat 2px;
  color:#A2B8D7;/*cor da letra cinza claro*/
  border-bottom:1px dashed #cccccc;/*borda cinza claro*/
  margin: 12px 0 1px 10px;
  padding: 10px 0 5px 16px;
  display:block;
}

#header1 ul li a:visited, #header2 ul li a:visited, #header3 ul li a:visited{ /*links visitados ciza escuro*/
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrEx_HrsUFDctJKon_SlinwI0M7M-cdGp0pq3_yXRfyabRbyzEtH6WffYlxJOOdnaDoYjYqdLcnli0zZrGI_6cpvQI_h_cnVxgkC40jTVGnbweVqL53jadBpoUp6L8JPXiu19zVSVZlN5G/s1600/2z.gif) no-repeat 4px;
  color:#808080;/*cor da letra cinza escuro*/
  border-bottom:1px dashed #808080;/*borda cinza escuro*/
  margin: 12px 0 1px 12px;
  padding: 10px 0 5px 14px;
  display:block;
}

#header1 ul li a:hover, #header2 ul li a:hover, #header3 ul li a:hover{ /*ao passar o mouse em cima vermelho*/
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvGcJJNpMuAfttqiiM6C56DQ1f1td-1GghNnWcWyQ1aiEe8gAGJwyiPvrUqgoK-hvZubrFAQLTKc6fzJRbGEZjdkDZWUexfl7g0_C4lxnsD1waFBny1OGXIuxqArePceN0zcWWF1jf-J2W/s1600/4we.gif) no-repeat 4px;
  color: #5B79A3;
  border-bottom:1px dashed #5B79A3;
}

»»Leia mais...

Expandindo cada widget do blog

Para ter widget do seu blog expandível como neste blog, primeiro copie o título do widetg que vc quer expandir. Agora vá até o HTML do seu blog e clique em "Expandir modelos de widget".


Agora em seu teclado, clique na tecla F3 e cole aí o título do widget

Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.

Encontrou ? Bom, agora um pouco abaixo você verá um código assim:

<b:includable id='main'>


Cole abaixo dele este código:

<script type='text/javascript'>
//<![CDATA[
if(typeof(rnd) == 'undefined') var rnd = '';
rnd = Math.floor(Math.random()*1000);
rnd = 'id-' + rnd;
document.write('<a href="#" onclick="tmp = document.getElementById(&quot;' + rnd + '&quot;); tmp.style.display = (tmp.style.display == &quot;none&quot;) ? &quot;block&quot; : &quot;none&quot;; return false;" style="float:left;margin-right:5px;">');
//]]>
</script>[+/-]
<script type='text/javascript'>
//<![CDATA[
document.write('<\/a>');
//]]>
</script>

*Preferindo uma imagem, troque o código em roxo por este código abaixo e coloque aí o endereço da imagem.

<img src="ENDEREÇO DA IMAGEM"/>

Agora um pouco mais abaixo, procure por este código:

<div class='widget-content'>

Agora embaixo dele cole este código abaixo.

<script type='text/javascript'>
//<![CDATA[
document.write('<div id="' + rnd + '" style="display:none;">');
//]]>
</script>

Agora, mais abaixo procure por este outro código:

<b:include name='quickedit'/>

E cole acima dele este código.

<script type='text/javascript'>
//<![CDATA[
document.write('<\/div>');
//]]>
</script>

Agora visualize, se deu tudo certo, é só salvar.

Exemplo de como o código deverá ficar

O código em preto é o que deverá ter no HTML do seu blog, e a parte em vermelho é a que voC~e irá inserir. Deverá ficar assim:

<b:widget id='Text1' locked='false' title='Do coração' type='Text'>
<b:includable id='main'>
<script type='text/javascript'>
//<![CDATA[
if(typeof(rnd) == 'undefined') var rnd = '';
rnd = Math.floor(Math.random()*1000);
rnd = 'id-' + rnd;
document.write('<a href="#" onclick="tmp = document.getElementById(&quot;' + rnd + '&quot;); tmp.style.display = (tmp.style.display == &quot;none&quot;) ? &quot;block&quot; : &quot;none&quot;; return false;" style="float:left;margin-right:5px;">');
//]]>
</script>[+/-]
<script type='text/javascript'>
//<![CDATA[
document.write('<\/a>');
//]]>
</script>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<script type='text/javascript'>
//<![CDATA[
document.write('<div id="' + rnd + '" style="display:none;">');
//]]>
</script>
<data:content/>
</div>
<script type='text/javascript'>
//<![CDATA[
document.write('<\/div>');
//]]>
</script>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

Obrigada Scaparate de Rosa

»»Leia mais...

Vídeo de um discurso inflamado ou, o que nós, blogueiros que ajudamos a blogar passamos com os leitores que não leem, rsrrsrs

Por favor, sem discursos inflamados dos politicamente corretos pela figura do discurso. Sem raivinha dos comentaristas e leitores, o fato é que o vídeo é muito bom e reflete um pouco do que nós, blogueiros que ajudamos a blogar passamos.

OU ASSISTA CLICANDO AQUI

»»Leia mais...

Estou morta de tristeza...

São 2:44 da manhã e estou morta de tristeza. Não tenho com quem conversar e nem com quem desabafar o rebuliço de emoções que está dentro de mim. O que sinto é um grande pesar, algo se partiu dentro de mim e sinto que é definitivo. O ser humano não presta mesmo, não tem dignidade, é o animal mais sorrateiro, imundo e vil que existe sobre a Terra. Não deve ser atoa que com a raça humana habitam seres imundos, fétidos e rasteiros como a barata, o mosquito e o rato.
Como pode a alegria, a tolerância, a humildade, a ingenuidade causarem tanta inveja e maledicência ? Como a alegria incomoda a ponto de afrontar as pessoas que não sabem o que é isso. Como pode a pobreza de espírito de gente (?) que se acha superior a outras por ter talvez, lido meia dúzia de livros a mais, por saber impostar a voz melhor e ter malícia e maldade para se colocar acima do outro apontando-lhe as fraquezas, e não se mostrando limpo e digno, pois isso sim, é o que vale para quem tem discernimento e algo que está cada dia mais em falta, vergonha na cara.

Pra mim de agora por diante é tolerância zero com quem pode me fazer mal, com quem pode me deixar nesse estado, com quem pode fazer eu me sentir assim, pequena e desacreditada. Não, não fizeram nada a mim pessoalmente, mas fizeram com um meu querido, com um meu que é caro, e a omissão por não tomar partido por tanto tempo e ter deixado que a galhofa e a humilhação se estendesse me fazem mal, muito mal. Me apequena ficar sobre o muro da covardia e da conveniência. Para você fim de jogo, para você o meu tempo acabou !

»»Leia mais...