O site DATAHOSTING oferece um serviço totalmente gratuito, basta preencher um pequeno formulário com os dados do site e enviar.
Preencher o formulário DATAHOSTING e divulguar o seu Site/Blog.
outubro 2008
O site DATAHOSTING oferece um serviço totalmente gratuito, basta preencher um pequeno formulário com os dados do site e enviar.
Preencher o formulário DATAHOSTING e divulguar o seu Site/Blog.
Com este código irá permitir aos seus visitantes, imprimir os artigos individuais do seu blogue. - Claro que é sempre possível a um leitor escolher a opção "impressão", a partir da sua janela do navegador, mas isso fará a impressão do cabeçalho, barras laterais e outras secções irrelevantes do blogue, desperdiçando tempo papel e tinta.
Mas utilizando esta combinação de CSS e JavaScript simples mas eficaz poderá apenas imprimir a postagem e os comentários de cada página do blog.
Vou explicar como fazê-lo embora o seu original deva ser atribuído a Amanda in blogger Buster.
Existem apenas duas etapas para adicionar esta funcionalidade ao seu próprio modelo do Blogger:
1. Adicione algumas linhas de código CSS para que as páginas impressas apareçam da forma desejada.
2. Adicione uma linha de JavaScript abaixo dos seus posts (que cria uma ligação para os leitores imprimirem a postagem).
Adicionando o CSS:
No painel de controlo do blogger click em ESQUEMA/LAYOUT > EDITAR HTML, após o carregamento da página localize no seu template o encerramento da tag: </head>.
Logo antes desta linha, adicione as seguintes linhas de código (copiar e colar directamente para o seu modelo do Blogger):
<style media='print' type='text/css'>#header-wrapper, #header, .header, #sidebar-wrapper, .sidebar, #footer-wrapper, #footer, .date-header, .post-meta-data, .comment-link, .comment-footer, #blog-pager, #backlinks-container, #navbar-section, .subscribe_notice, .noprint {display: none;}#main-wrapper {width: 95%}</style>Salve o seu modelo.
Adicionando o Link Print this Post:
Para notificar os seus leitores de que suas postagens podem ser impressas de forma eficaz, adicione um link "Imprimir" abaixo cada uma de suas postagens do Blogger.
Para adicionar o link "Imprimir" vá para a secção "Editar HTML" novamente, e desta vez marque na caixa correspondente a opção "EXPANDIR MODELOS DE WIDGETS" .
Agora procure esta linha de código:
<p > <data:post.body/> </ p>
Imediatamente após essa linha, cole o seguinte código:
<b:if cond='data:blog.pageType == "item"'><span style='background: url(http://bloggerbuster.com/images/print.gif) left no-repeat; padding-left: 20px;'> <a href='javascript:window.print()'>Print this post</a></span></b:if>Salve o seu modelo.
Esse link só será visível nas páginas de postagem (para permitir aos visitantes imprimir o post completo e todos os comentários que aparecem abaixo da postagem).
Se tudo correu bem deverá ver nas páginas individuais do blogue o link,
Print this post.Obs. Os comentários podem acrescentar muita coisa de valor dos post, e podem conter informações para o leitor que não estão incluídas no corpo do próprio post.
O favicon é um ficheiro no formato ICO (*.ico) de tamanho 16x16 px , significando Ícone de Favoritos, e que aparece ao lado do endereço de um site ou blog na barra de navegação .
Alguns browsers como o Internet Explorer até à versão 6, só exibem os favicons quando o site é adicionado aos favoritos. - Neste caso, apenas no menu correspondente aos favoritos se pode encontrar a imagem.
Noutros browsers como o Firefox, Opera e Internet Explores 7, os favicons podem ser encontrados também nos separadores e na barra de endereço.
O modo tradicional de personalizar esse ícone é criar um, com o tamanho de 16x16 ou 32x32 px e salva-lo com o nome de favicon. ico na raiz do seu domínio.
Alternativa é usar os serviços do Favicon from Pics ou Favicon.CC, nestas páginas você pode enviar uma foto e esta será transformada num ícone, assim, basta baixar e transferir para o seu site.
Se você não puder gravar o favicon na raiz do seu site, pode gravar-lo num outro diretório e indicar na página que quer personalizar, qual é o ícone a ser utilizado usando as seguintes tags no seu template:
Entre no painel de configuração do seu blog e escolha "Layout" - "Editar HTML". Logo abaixo de <head >, digite:
Obs: Substitua o endereço a “vermelho” pela url e diretório do seu site ou blog.
- Salve o template.
Apesar de apenas a segunda tag, ser suficiente para a maioria dos browsers actuais é recomendável utilizar também a primeira para garantir compatibilidade com browsers antigos e que não acompanham os padrões adequadamente.
Assim os seus visitantes podem identificar o seu site ou blog com mais facilidade.
Noutros browsers como o Firefox, Opera e Internet Explores 7, os favicons podem ser encontrados também nos separadores e na barra de endereço.
O modo tradicional de personalizar esse ícone é criar um, com o tamanho de 16x16 ou 32x32 px e salva-lo com o nome de favicon. ico na raiz do seu domínio.
Alternativa é usar os serviços do Favicon from Pics ou Favicon.CC, nestas páginas você pode enviar uma foto e esta será transformada num ícone, assim, basta baixar e transferir para o seu site.
Se você não puder gravar o favicon na raiz do seu site, pode gravar-lo num outro diretório e indicar na página que quer personalizar, qual é o ícone a ser utilizado usando as seguintes tags no seu template:
Entre no painel de configuração do seu blog e escolha "Layout" - "Editar HTML". Logo abaixo de <head >, digite:
<link rel="shortcut icon" href="http://jametinhastell.blogspot/favicon.ico" type="image/x-icon"/ ><link rel="icon" href="http://jametinhastell.blogspot/favicon.ico" type="image/x-icon"/ >Obs: Substitua o endereço a “vermelho” pela url e diretório do seu site ou blog.
- Salve o template.
Apesar de apenas a segunda tag, ser suficiente para a maioria dos browsers actuais é recomendável utilizar também a primeira para garantir compatibilidade com browsers antigos e que não acompanham os padrões adequadamente.
Assim os seus visitantes podem identificar o seu site ou blog com mais facilidade.
Subscrever:
Mensagens (Atom)