Mostrar mensagens com a etiqueta blogger. Mostrar todas as mensagens
Mostrar mensagens com a etiqueta blogger. Mostrar todas as mensagens
#loading {
text-align: left;
position:fixed;
width: 100%;
height: 900px;
line-height: 1px;
}
#loading2 {
}</style>
<div id='loading'><div id='loading2'><font color='#ff0000' size='3' style="font: italic;"><b><img src='http://www.thematrixx.oi.com.br/lic/loading.gif'/></b></font></div></div>
<script>
// CARREGANDO //
function addLoadEvent(func){var oldonload = window.onload;if(typeof window.onload!='function'){window.onload=func;}else{window.onload=function(){if(oldonload){oldonload();}func();}}}addLoadEvent(function(){document.getElementById("loading").style.display="none";});</script>
Visualize para saber se está como você quer e se estiver Salve.
Agora vamos modificar o Loading.
Caso você queira modificar a posição do loading observe essas linhas em vermelho:
#loading {
text-align: left;
position:fixed;
width: 100%;
height: 900px;
line-height: 1px;
}
left : Esquerda
1px: Largura da linha
Quer que fique o meio da página na horizontal?
Troque "left" por "center"
Quer que fique no meio da página na vertical?
Troque "1px" por "900px"
Quer que fique do lado direito da página?
Troque "left" por "right"
Caso você queira modificar a imagem do loading.
<div id='loading'><div id='loading2'><font color='#ff0000' size='3' style="font: italic;"><b><img src='http://www.thematrixx.oi.com.br/lic/loading.gif'/></b></font></div></div>Troque "http://www.thematrixx.oi.com.br/lic/loading.gif" pela URL de sua imagem de preferência.
Caso queira trocar a Imagem Loading por palavras.
Troque a linha "Endereço url" pelas palavras de sua preferência.
Alguma questão perguntem que eu explico calmamente.
1-Entrem no vosso "Painel de Controlo", escolham "Esquema"
2-Escolham "Adicionar nova página" e escolham "HTML Java script"
3-Copiem este código:
<script src="http://www.geocities.com/uddin_81/recent-post.js"></script>
<script%gt;var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script
src="http://OteuBLOG.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
%lt;/script>
4-Agora entra a parte mais fácil e que convém mesmo fazer, vais alterar o que esta a vermelho, ou seja o que diz "OteuBLOG" vais alterar para o Url (endereço) do teu blog, e o número "10" é o numero de posts que querem ver anunciados no vosso widget.
5-Feito isto é só salvar e já esta.
Até à próxima.
Primeiro que tudo têm de ter uma imagem que possua estas dimensões de 22x22 pixel até 32x32 pixel e podem estar em formato gif, jpg, bmp, ico, png, ou se quiserem criem uma conta no Google webmasters.
Mas se quiserem eu no fim dou uma pequena lista de alguns que podem usar.
1-Vão ao vosso "Painel de controlo" e escolha "Editar HTML"
2-Coloquem o código que se segue por baixo da tag <head> :
<link
href='http://www.geocities.com/uddin_81/icon/image1.gif' rel='SHORTCUT ICON'/>
3-O link que esta em Bold deverá ser alterado pelo vosso endereço do favicon, ou se quiserem alterem por um dos que vou dar.
4-Visualizem em "Pré-visualizar" para ver se esta tudo certo e é só guardar.
Alguns que podem usar se quiserem:
: http://www.geocities.com/uddin_81/icon/image1.gif
: http://www.geocities.com/uddin_81/icon/image2.gif
: http://www.geocities.com/uddin_81/icon/image3.gif
: http://www.geocities.com/uddin_81/icon/image4.gif
: http://www.geocities.com/uddin_81/icon/image5.gif
: http://www.geocities.com/uddin_81/icon/image6.gif
: http://www.geocities.com/uddin_81/icon/image7.gif
: http://www.geocities.com/uddin_81/icon/image8.gif
: http://www.geocities.com/uddin_81/icon/image9.gif
: http://www.geocities.com/uddin_81/icon/image10.gif
: http://www.geocities.com/uddin_81/icon/image11.gif
: http://www.geocities.com/uddin_81/icon/image12.gif
: http://www.geocities.com/uddin_81/icon/image13.gif
: http://www.geocities.com/uddin_81/icon/image14.gif
: http://www.geocities.com/uddin_81/icon/image15.gif
: http://www.geocities.com/uddin_81/icon/image16.gifEspero que seja útil, até à próxima.
1-Vão ao vosso "painel de controlo" e escolham "Editar html"
2-Procuram a tag <head> e depois é só colocarem este código logo a seguir:
<script language="'JavaScript'">var txt="TEU TEXTO AQUI"; var espera=100; var refresco=null; function rotulo_title() { document.title=txt; txt=txt.substring(1,txt.length)+txt.charAt(0); refresco=setTimeout("rotulo_title()",espera);} rotulo_title(); </script>
3-Alteras a parte que diz o "TEU TEXTO AQUI" para o que quiseres e clica em "Pré-visualizar" só para ver se esta tudo bem e se aparece, depois é só guardar.
Espero que seja útil..até à próxima.
Caso queiram colocar sublinhado:
Certo O codigo é o seguinte= <ins>Certo</ins>
Espero que tenham gostado desta pequena dica.
Até a próxima.
1-Entrem no vosso blog e escolham o "Esquema" e depois "Editar HTML"
2-De seguida procurem esta parte ]]></b:skin> e coloquem o seguinte código acima desta parte:
#float_corner {
position:fixed;_position:absolute;bottom:0px;left:0px;clip:
inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);}
O texto que esta a bold é a parte que se refere à localização do que vocês quiserem lá colocar, podem alterar para "top", "buttom", "left", "right" tendo em conta a sua localização.
3-Agora devem procurar este tag </body> e colocar o seguinte código antes:
<div id="float_corner">
<a href="http://coisasopinioeseafins.blogspot.com"> <img src="
http://blogoholic.info/files/soniclari.gif" border="0" /></a>
</div>
Existem agora algumas coisas a alterar, o http://coisasopinioeseafins.blogspot.com deverá ser alterado pelo vosso endereço, e http://blogoholic.info/files/soniclari.gif deverá ser o endereço da imagem ou objecto que querem colocar como fixo.
Podem ainda se quiserem colocar um Widget como objecto fixo, bastando para isso que invés das letras a vermelho coloquem o código do Widget que querem colocar.
4-Agora é só salvar e já esta.
Até a próxima.
É muito fácil...
1-Entrem no vosso painel de controle e seleccionem o blog que querem que esteja com esta opção, isto caso possuam mais que um blog.
2-Seleccionem a opção que diz "Esquema" e a seguir "Elementos da página"
3-Agora basta que copiem este código para mais um elemento de página, podendo escolher a opção "HTML/JavaScript" mas é irrelevante, pessoalmente coloco sempre no "Texto", o código é este:
<a href="ymsgr:sendIM?kendhin_x"> <img src="http://opi.yahoo.com/online?u=kendhin_x&m=g&t=2&l=us"/>
</a>
Existe aqui ainda mais algumas coisas a fazer antes de salvar, deves trocar o texto a azul (kendhin_x) pelo vosso YM id , e agora como que como um pequeno extra, o numero a vermelho (2) podem alterá-lo sempre que quiserem que obterão surpresas engraçadas.
4-Agora podem salvar o vosso elemento de página e já esta, espero que vos seja útil que para mim, pelo menos por agora, não é.
Até a próxima.
Código para Azul e Branco degrade:
background: #ffffff url('http://www.thematrixx.oi.com.br/ap/fundos/azul_branco.gif') fixed top left repeat-x;
Código para Preto e cinza:
background: #000000 url('http://www.thematrixx.oi.com.br/ap/fundos/preto_cinza.gif') fixed top left repeat-x;
Código para Preto e Vermelho:
background: #000000 url('http://www.thematrixx.oi.com.br/ap/fundos/preto_vermelho.gif') fixed top left repeat-x;
Código para Laranja e Branco:
background: #ffffff url('http://www.thematrixx.oi.com.br/ap/fundos/laranja_branco.gif') fixed top left repeat-x;
código para Verde e Branco:
background: #ffffff url('http://www.thematrixx.oi.com.br/ap/fundos/verdea_branco. gif') fixed top left repeat-x;
E aqui esta uma lista bastante boa penso eu, se quiserem ver onde é que stes codigos se colocam, basta verem os posts anteriores, até à próxima.
1-Vão ao vosso "Painel de controlo" e escolham "Editar HTML"
2-Procurem a tag:
body {
Está logo no início do HTML
Agora vejam se a tag tem a palavra background
Se não tiver coloque esse código logo após a tag body {
Um exemplo de como isto deve ficar:
background: black url(ENDEREÇO DA IMAGEM) fixed top left repeat-x;
Se já tiver a palavra background, substitua por isto:
Vamos as variáveis.
black - Significa que a cor de fundo atrás da imagem é preta. (Para trocar de cor, basta trocar a palavra) - Red=vermelho, #ffffff=Branco, green=Verde...
Fixed - Significa que a imagem irá ficar intacta ao mexeres os posts para cima e pra baixo, caso queriam que a imagem se mexa juntamente com o texto retirem a palavra
top - Significa que a imagem irá ficar no Topo, caso queiram que ela fique em baixo, troquem por "bottom".
left - Significa que a imagem irá ficar à esquerda, se quiserem que fique à direita, troque por "right."
repeat-x - Significa que a imagem irá repetir-se na horizontal, caso queriam que ela se repita na Vertical troquem o "x" por "y", caso queiram que não se repita troque "repeat-x" por "no-repeat"
E aqui esta, até à próxima.
. post img {
padding:4px;
border:1px solid $bordercolor;
}
Agora vão à parte que diz "1px" e alteram para "0px" e é só salvar que já esta, as vossas imagens ficam com um rebordo reduzido ao mínimo possível.
Até à próxima.
1-Vão ao vosso blog, entrem e vão ao "Painel de controlo"
2-Escolham a opção "Esquema" e escolham o opção "Editar HTML"
3-Copiem este código para uma parte que já vos vou indicar, o código é :
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}
E devem colocar isto antes destas linhas:
#outer-wrapper {
background: #123;
}
Ou seja, deve ficar assim:
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}
#outer-wrapper {
background: #123;
}
Agora é só salvar o j esta, o vosso blog sem a barra e navegação, caso queiram voltar atrás, é só apagar este código e o a barra volta.
Até à próxima.
Profile tweaks
Depois procurem a secção que diz "mY space codes" e já ai têm os vossos codigos para coisas bem interessantes.
Até à próxima.
Meebo
Até à próxima.
Subscrever:
Mensagens (Atom)