Seja bem vindo . Aqui você encontrará um pouquinho de tudo para "SITES" e "BLOGS".
Quarta-feira, 19 de Agosto de 2009

Possibilidade de imprimir sua página já num clique. Pode ficar no topo das postagens e segue o mesmo padrão para inserir no código do PDF.

 

É um código bem simples:

<a href="javascript:window.print()"><img src="URL da IMAGEM"/></a>
Substitua o que está marcado de vermelho pelo endereço da imagem que quer
 que seja mostrada como ícone da opção “Imprimir”.

 

Para este ícone ser automaticamente inserido em todas as postagens, vá
 em “Layout” e “Editar HTML”, marque “Expandir modelos de widgets” e
 procure pela linha do cíodigo:

<div class='post-header-line-1'/>


 

 

E cole o código do ícone de imprimir abaixo dela.

 

Lembre-se: antes de fazer qualquer modificação em seu código, 
faça um Backup para poder restaurar as modificações ao original.


 

publicado por ana às 21:26


Algumas vezes entramos em sites q exibem mensagens nas caixas padrões com um botão do tipo “Ok” e outro “Cancelar”. Pode ser só um aviso comum ou questionando se queremos continuar naquela ação. Eu não vejo muita utilidade nisso para blogs comuns, mas pode ser interessante em alguns casos específicos como sites de downloads ou de conteúdo restrito ou mesmo para dar algum aviso temporário aos seus visitantes sobre mudanças ou eventos por vir.

 

A vantagem disso é que evita usar janelas pop-up convencionais que irritam os visitantes e muitas vezes são bloqueadas pelo navegador e acaba que o usuário não lê o aviso que vc quer dar.

Encontrei alguns códigos que podem funcionar bem em seu blog, caso queira colocar essas janelas de avisos ou comunicados. Elas podem abrir de muitos modos e serem de vários tipos. Vou mostrar aqui alguns casos. Já aviso que esta será uma postagem um pouco grande e mais complexa que o comum, pois essa é uma ferramenta mais complicada de ser usada e requer muitos cuidados.

 

Vele lembrar sempre: quando quiser modificar algo no código HTML do seu blog, mesmo que seja algo simples, faça backup.

 

Para o aviso aparecer ao entrar na página:

1. Entre em “Layout” e vá em “Editar HTML”. Lá encontre a linha “<body>” no seu código.

2. Abaixo dela coloque o seguinte código com as devidas modificações:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='subscribe'>

<SCRIPT language="JavaScript" type="text/javascript">alert("texto da mensagem")</SCRIPT>

</div>
</b:if>

3. Salve o modelo e teste.

Este alerta só aparecerá na primeira página do seu blog exibindo o texto que vc definir com um botão de “OK” que fechará o alerta.

 

Para o aviso aparecer ao sair da página:

1. Entre em “Layout” e vá em “Editar HTML”. Lá encontre a linha “<body>” no seu código.

2. Substitua esse código, com as devidas modificações, por:

<body onunload="alert('texto da mensagem');">

3. Salvar e testar o resultado.

É exatamente como o exemplo acima, mas só abre quando a pessoa sair de sua página.

 

Mensagem de Alerta com Confirmação:

Este é o caso de a pessoa poder rejeitar ou aceitar algo proposto, do tipo se deseja continuar naquela ação ou retornar para outra página. Contém um botão de “OK”  e outro de “Cancelar”.

1. Entre em “Layout” e vá em “Editar HTML”. Lá encontre a linha “<body>” no seu código.

2. Abaixo dela coloque o seguinte código com as devidas modificações:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='subscribe'>

<script language="javascript">
function confirmation() {
var answer = confirm("Mensagem de aviso")
if (answer){
alert("Aviso de confirmação da ação")
}
else{
window.close()
}
}

confirmation()
</script>

</div>
</b:if>

3. Salve e faça o teste.

 

Antes de tornar definitiva as mensagens, faça vários teste e veja como ficará o resultado final. Não use mais do que uma mensagem de alerta em seu site e só por um período determinado. As pessoas não gostam de sites ou blogs pouco objetivos e que atrapalham sua navegação ou demoram para encontrar o que precisam. Pior ainda se for pra ficar dizendo o que devem ou não fazer.

publicado por ana às 21:24


Falta de espaço no blog pode não ser desorganização, mas excesso de conteúdo mal distribuído. Muitas vezes queremos oferecer conteúdo para os visitantes e não sabemos como ordenar as opções. Outras vezes nos prendemos apenas aos Marcadores ou ao menu de arquivos, clássicos e padrões do Blogger. Descobri uma maneira de criar um menu mais simples e objetivo e que não ocupará espaço algum em seu blog.

 

Esse menu pode ser usado para qualquer coisa e qualquer tipo de links que queira. É um dica muito útil até para dispor melhor seu conteúdo e classificar as opções. Veja o exemplo abaixo de como poderia ser:

 

 

É bem simples de fazer isso. Basta copiar o código abaixo, fazendo as devidas modificações e colar onde quiser que apareça. Até mesmo no meio de artigos e postagens pode ser colocado, como fiz acima. Ou, podem conter vários na sua barra lateral (sidebar) como um elemento de página (gadget) do tipo “HTML/JavaScript”.

publicado por ana às 21:23


 

Abra o lay-out de seu blog e clique em adicionar elementos, escolha: HTML/Java Script, copie e cole o código abaixo.
 

<div style="border: 1px solid rgb(153, 153, 153);

overflow: auto;

width: 200px;

height: 300px;

text-align: center; ">

#link1 <br />

#link2 <br />

#link3 <br />

#link...

</div>

Observações: O texto com width: 200px; and height: 300px refere-se ao tamanho, modifique para o tamanho adequado a sua sidebar.

#link1,#link2, #link3 - Substitua pelo links de seus amigos

Fonte: http://trick-blog.blogspot.com/

publicado por ana às 21:18


Se você deseja apresentar apenas um resumo de sua postagem com um link do tipo 'Leia Mais...' ou 'Continue Lendo..." em seu blog, siga estes passos:

Vá ao HTML do seu blog e antes da tag </head>, cole este código:
<b:if cond='data:blog.pageType != "item"'>
<script type="text/javascript">

var fade = false;
function showFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i &lt; spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Appear(spans[i]);
} else spans[i].style.display = 'inline';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'none';
if (spans[i].id == "hidelink")
spans[i].style.display = 'inline';
}
}


function hideFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i &lt; spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Fade(spans[i]);
} else spans[i].style.display = 'none';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'inline';
if (spans[i].id == "hidelink")
spans[i].style.display = 'none';
}
post.scrollIntoView(true);
}

function checkFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
var found = 0;
for (var i = 0; i &lt; spans.length; i++) {
if (spans[i].id == "fullpost") {
spans[i].style.display = 'none';
found = 1;
}
if ((spans[i].id == "showlink") &amp;&amp; (found == 0))
spans[i].style.display = 'none';
}
}

</script>
</b:if>


Salve o template. Depois clique em Expandir Modelo de Widget e procure este trecho:

 

<div class='post-body'>
<p><data:post.body/></p>


Substitua-o por:

 

<div class='post-body' expr:id='"post-" + data:post.id' >
<b:if cond='data:blog.pageType == "item"'>
<style>#fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost{display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<a expr:href='data:post.url'>Leia Mais…</a>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>


Salve. Agora em em Configurações->Formatação-> e desça a página até ver Modelo de Postagem. Cole alí o seguinte código:

 

Digite aqui o resumo do post
<span id="fullpost">
Digite aqui o resto do post
</span>


Salve. Toda vez que você iniciar uma postagem este código aparecerá (melhor visualizado no modo HTML da postagem) e basta que você respeite os campos correspondentes para o resumo e o restante da postagem. Se não desejar resumir um determindo post, basta apagar o código.
 

publicado por ana às 21:16


Atualize seu blog gratuitamente, Clique nas imagens abaixo para conhecer as coleções. São sites selecionados para escolha dos mais belos templates e dicas.
Confira o que cada site apresenta neste desfile, Confira os looks dos templates, Acompanhe a tendências.








Templates femininos com muito bom gosto. thumbs_upOnde? Neste Link.

image001

espero ter sido útil

 

publicado por ana às 21:05
assuntos:


Diversas formas para adicionar Scroll em qualquer parte da nossa página. image002 Vejamos os principais:

1 - * Scrollbars em todos widgets do blog *


 

No seu template - Editar HTML


 

Insira o código abaixo logo após: /* Sidebar Content */.


 

.sidebar .widget{


 

height:200px;


 

overflow:auto;


 

}


 

2 - * Scrollbars nos widgets em uma só sidebar *


 

Da mesma forma acima, Basta localizar o nome da barra lateral: (newsidebar, sidebarleft, sidebarrigth)


 

#sidebar .widget{


 

height:200px;


 

overflow:auto;


 

}


 

Caso tenha uma nova sidebar, use o código abaixo:


 

#newsidebar .widget{


 

height:200px;


 

overflow:auto;


 

}


 

3 - * Scrollbar em um unico widget*


 

Anter da colocação do código temos que localizar no layout o "id" Esta “id” é a identificação do elemento que queremos adicionar o Scroll.


 

Em nosso template sem expandir os widgets veremos algo parecido com isto:


 

<div id=’sidebar-wrapper’>


 

<b:section class=’sidebar’ id=’sidebar’ preferred=’yes’>


 

<b:widget id=’LinkList1’ locked=’false’ title=’Meus amigos’ type=’LinkList’/>


 

<b:widget id=’Archivelist’ locked=’false’ title=’’ type=’ArchiveL’/>


 

<b:widget id=’Label1’ locked=’false’ title=’Label’ type=’Label’/>


 

</b:section>


 

</div>


 

Observem que as palavras em negrito referem-se a “id” de cada widget.


 

Exemplificando: Vamos colocar o scroll em nossa lista de amigos. Logo a “id” a ser procurada é: "LinkList1". Vamos agora procurar /* Sidebar Content */ referente ao Linklist e abaixo colocamos o seguinte código:


 

#LinkList1 ul{


 

height:200px;


 

overflow:auto;


 

}


 

4- * Scrollbars no corpo das entradas *


 

Localizar a seguinte linha: .post {


 

Logo abaixo coloque o seguinte:


 

height:200px;


 

overflow:auto;


 

}


 

5- * Scrollbars para uma parte da postagem *


 

Inserir este pequeno código no CSS do template.


 

.scrollbox {


 

height:100px;


 

width:300px;


 

overflow:auto;


 

}


 

No editor das postagens escreva seu artigo normalmente e na parte que vai aparecer como scroll coloque o seguinte:


 

<div class="scrollbox">TEXTO DENTRO DA SCROLL</div>


 

¡¡¡Nota!!!


 

Em alguns templates você poderá não encontrar: /* Sidebar Content */, Neste caso coloquem os códigos antes de: ]]></b:skin>.


 

image003 Fonte: Elescaparate image004


 

http://elescaparatederosa.blogspot.com/2007/10/scrollbars-en-cualquier-parte-del-blog.html

 

 

 

 

Scroll em elementos de página

 

Economize espaço em seu layout adicionando função Scroll em elementos de página. É uma simples solução. Ideal para marcadores com grande quantidade de itens ou aquela lista enorme com Links recomendados ou de parceria. gelakguling

Para inserir: Vá em adicionar um gadgets: (HTML/JavaScript AdicionarAdicionar funcionalidade de terceiros ou outro código a seu blog.)
 

babaiColoque as linhas em azul e insira os links e titulos no meio. (Em vermelho)

O tamanho pode ser alterado, modificando os valores que estão em verde.:-D

 

<ul>

<div style="overflow:auto;width:200 px;height:100 px;padding:8 px;border:1px solid #eee">

<li><a href= " url completa " target="_blank"> título </a> </li>

</ul>

</div>


Exemplo:

<div style="overflow:auto;width:200px;height:100px;padding:8px;border:1px solid #eee">

<ul>

<li><a href= " url completa " target="_blank"> título aqui </a> </li>

</ul>

</div>

FONTE: Blogspottutorial babai

 

 



get this clock

Gadgets de Relógios digitais totalmente configuráveis.

Depois de configurar cores e tamanho adicione facilmente em qualquer das plataformas clicando sobre o ícone, ou ainda copiar o código e colar na sidebar de sua página.

image001

Não vá chegar atrasado! Confira: http://www.pyzam.com/toys/view/digitalclock

publicado por ana às 20:58


Este código é para colocar uma seta para subir a página. Ideal para quem tem postagens longas, ou muitas postagens na primeira página.

Coloque-o acima da tag: </body>

Código:

<a href=’#’ shape=’rect’>

<img alt=’Subir Página’ border=’0’ src=’ Url de sua Imagem ’ style=’position: fixed; bottom:0; left:0;’/>

</a>

Para mudar a posição da seta.

Left= Esquerda

Center: centro.

Rigth: Direita

Fonte: http://patopatan.blogspot.com/

publicado por ana às 20:57
assuntos:


Com este código, Blogueiros poderão colocar facilmente o link com imagem de seu Blog, sem que tenham de copiar e colar absolutamente nada. Basta que você tenha o endereço de sua imagem para inserir no código abaixo. A imagem quando clicada vai automaticamente levar a uma página do Blogger, Onde deverá ser escolhido o Blog para inserção do link. A inserção do link aparecerá em elementos de página, Arraste-o para onde quer que apareça.


 

O código é este. Não esqueça de substituir o texto em vermelho.

<center><form action="http://beta.blogger.com/add-widget" method="post">

<input value="Amigos " name="widget.title" type="hidden"/>

<textarea style="display: none;" name="widget.content">

<a href="http://NOME DO SEU BLOG.blogspot.com" target="_blank">

<img alt="NOME DO SEU BLOG " src="Endereço da sua imagem "/>

</a>

</textarea>

<input value="http://buzz.blogger.com" name="infoUrl" type="hidden"/>

<input value="http://www.blogger.com/img/icon_logo32.gif" name="logoUrl" type="hidden"/>

<input src="Endereço da sua imagem" type="image"/>

</form></center><hr/><br/>

publicado por ana às 20:54


 Que tal dar uma animadelaa nas  suas buscas! Cansado de procurar no Google?


 

A zebra vermelha além de ser animada ainda mostra os resultados de várias formas.


 

image001


 

image002



 

Home da Zebra: : http://redzee.com/


 

Fonte: http://keytrucos.blogspot.com/

publicado por ana às 20:49


Quer saber quantas pessoas têm visitado de seu blog ou site? É muito fácil incluir um deles gratuitamente em seu Site ou Blog.

 

 

 Flag Counter - Basta configurar cores, Background, bordas, colunas, numero de bandeiras, etc. Depois clicar em : Get my flag counter . Na próxima página copie o código e insira na sidebar de seu blog.

image001

Home Page: http://www.flagcounter.com/index.html


 

 Histats - Ao meu ver o melhor e mais completo. É necessário fazer cadastro no site. Dezenas de formato e cores.. Recomendo.

image002image003image004image005

Home Page: http://www.histats.com/

 

image006 

S

 

 

 

itemeter - Bastante simples e completíssimo. Recomendado. Tenha controle geral das estatísticas recebendo-as por E -mail. Usado por blogueiros no mundo todo! http://www.sitemeter.com/

Bravenet - Entre outros recursos apresenta vários formatos de contadores

image007

Home Page: http://www.bravenet.com/webtools/counter/index.php


 

image008 Real Tracker - Completo no que se refere à origem do visitante.

Saiba mais: http://www.realtracker.com/

image009 CQ Counter - Obtenha informações sobre os visitantes do seu site. Você precisa apenas inserir um pequeno selo. No site você terá todos os gráficos com as informações sobre suas visitas. Home Page: http://www.cqcounter.com/

image010 Extreme Tracking - Simples e eficiente ao mostrar estatísticas.

Home Page - http://extremetracking.com/?home
 

Hit Counter - Mais um contador gratuito oferecido pelo Bpath.com.

image011

http://www.bpath.com/counter/


 

Outro um pouco mais simples, porem eficiente.Basta preencher um pequeno cadastro com os dados do blog, pegar o código e inserir na sua página.

image012 http://www.contadordevisitasgratis.com/


 

Este site tem contadores gratuitos com vários formatos, Confira:

image013image014image015

Home Page: http://contadorgratis.web-kit.org/


 

publicado por ana às 20:46


Aumente o número de canais para facilitar a comunicação com seus leitores, Adicione em seu Site ou Blog o cbox.

Siga este link: http://www.cbox.ws/getone.php, preencha o formulário, Click em”See all styles) para escolher o que melhor combinar com seu lay-out

 

image002 image003image005image004

publicado por ana às 20:42


Tradutores com bandeiras para inserir em seu blog.
 

 

Incremente seu blog ou site, com os tradutores do Google. Tradutores com bandeiras em diversos tamanhos. Formatos horizontal ou vertical
 

image001

image002

Para escolher formatos e pegar os codigos acessem este LINK.

publicado por ana às 20:40
assuntos:


Google Gadgets para sua página da web, Escolha entre as seguintes categorias: Notícias , Ferramentas, Comunicação, Diversão e jogos , Finanças, Esportes, Estilo de vida, Tecnologia e Coisas novas

 

Saiba mais aqui.
 

image001

publicado por ana às 20:26
assuntos:


 

Quer saber quanto tempo é gasto para carregar sua página de Blog/Web? Acesse agora mesmo este endereço: http://www.linkvendor.com/seo-tools/speedtester.html , Digite a URL de seu blog e será mostrado o tempo de carregamento em várias formas de conexões, numero de javascript, quantidade de imagens e outros serviços como: Analise de Meta tag, PageRank, Multi PageRank, Bookmarks

image001

publicado por ana às 20:24

Terça-feira, 04 de Agosto de 2009

«Um blog é uma página web actualizada frequentemente, composta por pequenos parágrafos apresentados de forma cronológica. É como uma página de notícias ou um jornal que segue uma linha de tempo com um facto após o outro. O conteúdo e tema dos blogs abrange uma infinidade de assuntos que vão desde diários, piadas, links, notícias, poesia, ideias, fotografias, enfim, tudo que a imaginação do autor permitir.

Usar um blog é como mandar uma mensagem instantânea para toda a web: você escreve sempre que tiver vontade e todos que visitam seu blog têm acesso ao que você escreveu.

Vários blogs são pessoais, exprimem ideias ou sentimentos do autor. Outros são resultado da colaboração de um grupo de pessoas que se reúnem para actualizar um mesmo blog. Alguns blogs são voltados para diversão, outros para trabalho e há até mesmo os que misturam tudo.

 

A melhor forma de entender o funcionamento de um blog é visitando um

(texto retirado do Blogger Brasil)

publicado por ana às 20:14

Segunda-feira, 03 de Agosto de 2009



Esta poderá ser a sua página inicial, quando abre o
seu navegador (browser) da web.
Sou utilizador de á cerca de dois anos desta página
inicial, cujas vantagens serão:

Página toda customizável de acordo com as suas
preferencias, desde tamanho, cores, colunas,etc;

Pode acrescentar tab's, adicionando por exemplo: Blogs,
Games, etc;
Cada tab pode conter até 50 screenshots em miniatura,
de modo a que possa reconhecer melhor o site ou blog.
Tem caixa de pesquisa, baseada nos motores de busca:
Google Search, MSN Search, Yahoo! Search, Ask.com Search,
Wikipedia English, entre outros.

Cadastre-se no site, com nome e email válido e tenha a
sua página, em qualquer PC ou MAC.

Que posso dizer mais? O melhor mesmo é experimentar.
E dê a sua opinião.


Link do Homepagestartup:
www.homepagestartup.com

Fonte: Recebido por email

publicado por ana às 00:30





39 Ferramentas para WEB que não requerem registo

Temas:

Online Conversion
Generators
Message Tools
Video-Mail
Easy Storage and Sharing Files
Text Tools
Quick Statistics of your Site
Picture this...

Se gosta também de "mexer", vai valer a pena dar um
saltinho ao blog da Orli Yakuel.

Foto da homepage:
blog.go2web2.0

Link:
39 web based tools that dont require

Fonte: StumbleUpon



 



O que vos trago hoje é uma compilação feita pelo blog wwwhatsnew
de 2700 aplicações para Web gratuitas.
Aproveite para treinar o seu espanhol.
Estive a apreciar algumas aplicações e acho que vale a pena dar uma
olhada, nesta lista enorme.(*)
Dê a sua opinião e boas aplicações.

Foto: cooltownstudios
Homepage: wwwhatsnew.
publicado por ana às 00:25





O Berilium é um motor de busca criado com recurso ao Google Custom Search Engine que permite pesquisar downloads directos alojados em sites como o Rapidshare, MegaUpload, MegaRotic, GigaSize, MegaShares, FileFactory, Badongo, SendSpace, YouSendIt, FileFront entre outros e ainda pesquisar ficheiros por extensão e vídeos alojados no Google Video, YouTube, MetaCafe, Break.com, entre outros.

via: Webtuga

publicado por ana às 00:20


 

publicado por ana às 00:19
assuntos:

Sexta-feira, 24 de Julho de 2009

COMO INSTALAR O LAYOUT:

Para instalar o layout no blogger é simples, apenas siga esses passos:

1 - Primeiro, modifique ou instale (se for a primeira vez) o template Minima, a primeira das opções oficiais no blogger.

2 - Depois de instalado o Minima, vá em layout, uma das opções para arranjar seu blog.

3 - Layout/Adicionar Elementos de Página.

4 - Adicionar Gadget

5 - Escolha o Gadget Html/Java Script

6 - Cole no espaço apropriado o código do modelo que escolheu

7 - Click na opção Salvar

8 - Visualize seu blog, estará com o novo template, apenas aguarde um pouco até que a imagem carregue por completo.
publicado por ana às 22:24


pensandonavida.gif barrinhas image by alessandrabm

Barra_497-1.gif barrinhas image by leninovas

2035PL.gif image by adnavsneto

i180993513_30081.gif menina image by monetex

 

 

 

publicado por ana às 22:21
assuntos:


Cute Welcome Pictures, Images and Photos Welcome cute sign Pictures, Images and Photos welcome Pictures, Images and Photos welcome Pictures, Images and Photos welcome cute gurlz Pictures, Images and Photos

publicado por ana às 22:20


mais sobre mim
pesquisar
 
Últ. comentários
Muito legal gostei mesmo...parabens!!
Há quem goste de ler ouvindo música, principalment...
Muito boas as suas dicas!Acho o blogspot uma ótima...
Nao curto colocar musica no blog. Mas ficou legal ...
Não curto colocar música em blog. Ma...
Este artigo foi-me muito util ajudando na configur...
como é que se poem esta "coisinha" a volta do rato...
Um lugar interessante para criar um blog gratuito ...
ola.Eu tenho um blog tambem na sapo.MAs tenho outr...
www.emma-actividades-musicais.pt
arquivos
Awareness Ribbons Customized - ImageChef.com
subscrever feeds