11 de mai. de 2010
10 de mai. de 2010
Widget para o visitante mudar as cores do blog
 |
| Cores contrastantes podem dificultar a leitutra. Se insiste, dê ao menos a seus visitantes essa posssibilidade. |
Uma maneira de ter o blog sempre diferente é deixar um widget para que seus visitantes troquem as cores do blog. Para isso é necessário que se modifique alguns itens no blog. Se vc quer que somente a cor de fundo modifique, vá até o HTML de seu blog e procure pelo seguinte trecho:
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.body { | |
| background: $bgcolor; | |
| margin:0; | |
| color:#660000; | |
| font:x-small Georgia Serif; | |
| font-size/* */:/**/small; | |
| font-size: /**/small; | |
| text-align: center; | |
| } |
Note que deixei uma parte do código na cor vermelha, não é a toa. Pode ser que em seu blog esteja diferente se ele foi modificado ou se possui uma imagem de fundo, mas o que interessa é que vc terá que apagar todo o código que está na cor vermelha, entende ? Mesmo que o seu esteja diferente, vc terá que apagar.
Salve e vá até "Elementos de página". Clique em "Adicionar um widget" e em HTML/Javascript, cole o seguinte código:
<form>
<input type="button" value="branco" onclick="document.
bgColor='#ffffff'" />
<input type="button" value="preto" onclick="document.
bgColor='#000000'" />
<input type="button" value="cinza" onclick="document.
bgColor='#808080'" />
<input type="button" value="verde" onclick="document.
bgColor='#008080'" />
<input type="button" value="azul" onclick="document.
bgColor='#B0E0E6'" />
<input type="button" value="vermelho" onclick="document.
bgColor='#AD0F22'" />
<input type="button" value="amarelo" onclick="document.
bgColor='#F8D328'" />
<input type="button" value="rosa" onclick="document.
bgColor='#E4DBE9'" />
<input type="button" value="laranja" onclick="document.
bgColor='#FC9B54'" />
<input type="button" value="lilás" onclick="document.
bgColor='#C5C6E7'" />
<input type="button" value="marrom" onclick="document.
bgColor='#775237'" />
</form>
<script>
function initArray() {this.length = initArray.arguments.lengthfor (var i = 0; i < this.length; i++)this[i+1] = initArray.arguments[i]}
var hexChars = "0123456789ABCDEF";
function Dec2Hex (Dec) {var a = Dec % 16;var b = (Dec - a)/16;hex = "" + hexChars.charAt(b) + hexChars.charAt(a);return hex;
}
function bgChanger (begin, end, steps) {steps = steps -1 ;redA = begin.charAt(0) + begin.charAt(1);
red_valA = parseInt(redA,'16');
redB = end.charAt(0) + end.charAt(1);
red_valB = parseInt(redB,'16');
red_int = ((red_valB - red_valA) / steps) * -1;
grnA = begin.charAt(2) + begin.charAt(3);
grn_valA = parseInt(grnA,'16');
grnB = end.charAt(2) + end.charAt(3);
grn_valB = parseInt(grnB,'16');
grn_int = ((grn_valB - grn_valA) / steps) * -1;
bluA = begin.charAt(4) + begin.charAt(5);
blu_valA = parseInt(bluA,'16');
bluB = end.charAt(4) + end.charAt(5);
blu_valB = parseInt(bluB,'16');
blu_int = ((blu_valB - blu_valA) / steps) * -1;
step = 2;
red = red_valA;grn = grn_valA;blu = blu_valA;
document.bgColor = begin;
while ( steps >= step ) {red -= white_int;red_round = Math.round(white);red_hex = Dec2Hex(white);
grn -= grn_int;grn_round = Math.round(grn);grn_hex = Dec2Hex(grn);
blu -= blu_int;blu_round = Math.round(blu);blu_hex = Dec2Hex(blu);
document.bgColor = red_hex + grn_hex + blu_hex;
// document.write("<br>bgcolor = " + red_hex + grn_hex + blu_hex);step++;}
document.bgColor = end;}
</script>
Widget do Facebook no Blogger
Para colocar um widget do Facebook em seu blog, entre neste link AQUI e faça seu login.
Depois que entrar escolha aí o que será mostrado em seu widget, depois de escolhido clique em salvar.
Clique então em "Editar este atalho"
Escolha aí o que vc quer que apareça em seu gadget e depois clique em "Salvar"
Copie então este código e cole em "Elementos de página" escolhendo a opção "HTML/Javascript
Ele é costumizável podendo ser horizontal, vertical e em 2 colunas. Você poderá escolher também o que será mostrado no widget.
Elke Di Barros | Criar seu atalho
Criar seu atalho
Existem outros widgets. Confira AQUI
Depois que entrar escolha aí o que será mostrado em seu widget, depois de escolhido clique em salvar.
Clique então em "Editar este atalho"
Copie então este código e cole em "Elementos de página" escolhendo a opção "HTML/Javascript
Ele é costumizável podendo ser horizontal, vertical e em 2 colunas. Você poderá escolher também o que será mostrado no widget.
Modelo em 2 colunas
Modelo horizontal
Elke Di Barros | Criar seu atalho
Modelo vertical
Elke Di BarrosCriar seu atalho
Existem outros widgets. Confira AQUI
7 de mai. de 2010
Chapada dos Veadeiros, cachoeiras, poços, pousadas, restaurantes e rapel.
Fim de semana fui a Chapada dos Veadeiros descansar, repor as energias e aproveitar a vida. Sim meus caros, blogueiros também tem vida, há sim uma vida inteligênte e pulsante por trás do monitor. Trago um pouquinho da minha viagem para vocês e se alguém quiser se aventurar, trago algumas informações.
A Chapada fica a 230km de Brasília, o clima é de montanha, ameno e agradável.
Existe no lugar uma aura mística. Nos anos 80 a região foi invadidas por exotéricos que acreditavam que o mundo fosse acabar, e só a região seria poupada (é verdade que agora eles pregam que será em 2012; pra quem acredita...). Alto Paraiso e São Jorge são as cidades mais próximas ao Parque da Chapada, sendo a segunda praticamente dentro do Parque. Há várias cachoeiras, quenions, rios cercados pelo cerrado. Pela
manhã é recomendável que logo após o café se coloque o pé na estrada.
Se
o seu destino é realmente o Parque, nele só pode entrar em companhia dos
guias treinados e a última excursão é as 11:00hs. Geralmente são 2 horas
de uma caminhada puxada (use roupas leves, dê preferência a calça de malha e tênis). Leve cantil, protetor solar, repelente e alguma
coisa para comer, não há nada além da natureza dentro do parque, mas não desanime se vc não é de caminhar há muitas opções onde se caminha bem pouco.
Depois de tanta emoção você poderá matar a fome no restaurante da Teia ou comer a
maravilhosa matula do Restaurante do Valdomiro, (recomendo muuuito) ele tem uma quantidade
respeitável de cachaças e licores para degustação com o gostinho do cerrado além da
carne de lata da mandioquinha frita e da galinha caipira.
Matula maravilhosa do Rancho do Valdomiro, fica na estrada para São Jorge.
Sim, o cerrado tem cores, flores e beleza...
Absinto tudo de bom
Essas cachoeiras são umas das de fácil acesso e pouca caminhada. Você as conhece de uma empreita só. Ficam em propriedade particular, precisamente dentro do Hotel Fazenda São Bento e se paga R$ 10,00 por pessoa para entrar.
Cachoeira Almecegas 2
Cachoeira Amecégas 2
Cachoeira de São Bento
Almacegas 1
A tarde
você poderá dar uma descansadimnha no estilo repor energias para a empreita noturna pois tanto São Jorge quanto Alto-Paraiso oferecem pizzarias,
lanchonetes,
restaurantes e bares aconchegantes. Sabe quando quer que a noite não
acabe ? Pois é assim mesmo, tem-se a vontade de aproveitar o máximo.
E para quem gosta de aventuras sob controle e uma pitada de romantismo acreditem, há por lá poços
de águas térmicas, uma delícia para banhos com vista para as estrelas, vale a pena um bom vinho umas velinhas e uma
boa companhia.
Existem
várias pousadas, bares e restaurantes para os mais variados gostos ($)
vale sempre a pena pesquisar pois a diferença é grande. Fiquei na
pousada Beija-Flor que é mais simples porém charmosa tendo tv, banheiro, frigobar e ventilador no quarto. A valor da diária de R$ 70,00, o que acho justo.
Os donos são
simpáticos e hospitaleiros, ficamos muito a vontade.
(recomendo também a Alfa e Ômega e o Jardim do Edem, porém os valores são um pouco maiores)
Trilha para cachoeiras Loquinhas, fácil acesso pouca caminhada, tudo com muita estrutura.
Poço das Loquinhas
Dê uma pesquisada no Google, há muita beleza e cachoeiras variadas. Para os amantes de esportes radicais o rapel é bastante comum no local.
foto de Ion David
5 de mai. de 2010
Mais uma vez, mudanças no Templates e Acessórios
Pois bem, mudei de novo o lay do Templates e Acessórios, não aguento, hehhehhe.
Quando vejo uma cor, as vezes um simples ícone me vem aquela vontade de mudar tudo, e começa aquela inquietação, enquanto não mudo não me dou por satisfeita. Espero que tenha gostado. Acho que ficou mais leve e até mais fácil a navegação. Acabei dando uma olhada nos modelos antigos para ver como já foi este blog e coloco aqui para vc ver nesses anos as mudanças que esse blog já passou.
Me diga, gostou ?
E de todos os modelos, qual o seu preferido ?
Esse foi o segundo modelo
Terceiro
Obrigada Pedro |Vinícius por me lembrar, rs
Quarto
Estou tentando encontrar...
O quinto era de um robozinho...Não sei onde coloquei
Sexto
Este modelo fiz quando estava grávida.
Muito cute, cheio de firulinhas.
Na contra mão no tempo dos templates cleans...
Esse foi o quarto modelo, amei as cores, vivas e ao mesmo tempo suave.
Sem sombra de dúvidas este foi o modelo que mais gostei e que mais tempo ficou.
Quando o vejo me da uma vontade louca de reinstalar.
Lindo !
Este foi o último. Gostei dele mas achei-o sem gracinha, sem cores, mortinho mesmo...rs
Nesse tempo todo, fiz outros modelos para o blog mas, não consigo encontrar, assim fico devendo.
4 de mai. de 2010
Escondendo widgets na primeira página do Blogger
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.A primeira coisa a fazer é ir até o HTML de seu blog e salvar uma cópia do código que lá está pois se der errado vc poderá reinstalar ;-)
Bem, agora feito isso, vamos dar um título para o widget que vc quer ocultar. escreva nele "batata" (depois vc poderá trocar o nome ou apagar)
Feito isso volte até o HTML de seu blog, e clique em "Expandir modelo de widget" e depois clique em seu teclado na tecla "F3" e ao abrir uma janela, escreva então a palavra "batata"
Percebeu que a palavra apareceu selecionada ? Aí está o wiget que vc quer esconder na primeira página do Blogger.
Atenção agora !
Saiba que cada widget tem um código específico, dependendo de quais deles vc escolher, se é o HTML/Javascript, se é o de marcadores, de lista de links, de lista de blogs, mas todos eles começam com <b:widget id= e terminam com </b: widget>
Pois bem, eles também possuem <b:includable id='main'> e é depois dele que você colocará o código para esconder o widget. Saiba que os widgets também possuem o código </b:includable>, e será acima dele que vc deverá colar o código para fechar a div. Isso é só para que vc entenda o que estará fazendo.
Isso foi só para dizer que o que está entre os códigos dentro do widget não tem a mínima importância, o que vai resolver são os códigos que estão representados abaixo pela cor azul.
<b:widget id='BlogList1' locked='false' title='Batata' type='BlogList'>
<b:includable id='main'>
AQUI VC VAI COLAR O PRIMEIRO CÓDIGO
AQUI DEVERÁ TER UM MONTE DE CÓDIGO QUE NÃO NOS INTERESSE
AQUI VC VAI COLAR O SEGUNDO CÓDIGO
</b:includable>
</b:widget>
Abaixo do primeiro código cole o seguinte código:
<b:if cond='data:blog.homepageUrl != data:blog.url'>
Acima do segundo código cole este:
</b:if>
Ficando assim:
<b:widget id='BlogList1' locked='false' title='Batata' type='BlogList'>
<b:includable id='main'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
AQUI DEVERÁ TER UM MONTE DE CÓDIGO QUE NÃO NOS INTERESSE
</b:if></b:includable></b:widget>
Salve e veja se deu certo. Agora vc já pode modificar e até apagar o título de seu widget.
Código para esconder na página inicial, marcadores e também nas páginas internas (não é nos posts, é quando você clica em postagens antigas)
<b:if cond='data:blog.pageType == "item"'>
Essa dica eu vi no blog Ice Breaker lá ele explica outras formas de ocultar widgets
Template Bucólico refeito
Para quem escreveu-me pedindo o template Bucólico aí está. Refiz o código que estava com erro, agora está tudo certinho.
Assinar:
Postagens (Atom)
