Posts sobre | Dicas blog, imagem Pc e Web
Mostrando postagens com marcador Link. Mostrar todas as postagens
Mostrando postagens com marcador Link. Mostrar todas as postagens

Como criar um menu fácil em blogs do blogger

Veja como criar um menu horizontal em blogs do blogger, ou um menu lateral, se bem que o menu horizontal no topo é o mais usado.

Menu no blogger
Quem usa o blogger pode criar um menu sem uso de códigos, é o menu de páginas do blogger tipo uma barra de menu horizontal.

5 sites simples para divulgar grátis seu blog ou site na internet

Encontrei mais 3 sites para divulgar blogs e sites, divulgação grátis, esses sites é muito rápido e simples para fazer a divulgação, isso porque você não precisa se registrar, basta colocar a descrição de seu site ou blog, o nome, Url e título.

Adicionar links no menu de página de blogs do blogger

Vou mostrar como adicionar links no menu Páginas do blogger, esse menu é um gadget tipo uma lista de links que geralmente fica no topo dos blogs do blogger, no sentido horizontal, isso quando o blogueiro cria uma página P

Como colocar gadget pela Url no blogger

Vou mostrar algumas dicas ou maneiras de inserir coisas no blog com blogger, isso porque, já pela segunda vez percebi que buscaram aqui por algo como:

'Quero colocar um gadget pela url e não consigo'

Um visitante do blog também já havia me dito que não consegue colocar a Url de gadget no blogger. Saiba o porque.

Como adicionar o menu Arquivo do Blog do blogger

Vou mostrar como adicionar o arquivo do BlogSpot, só para quem usa o blogger(tem um BlogSpot ou "site no blogger")

O procedimento é fácil sem uso de códigos e, a minha sugestão é usar o modelo de arquivo Hierarquia, isso porque ele vai mostrar os links das postagem com os títulos, porém, ele é mais pesado um pouco que os outras opções de arquivo, mas, é importante você ter uma opção de mostrar os links de posts que você fez, se você quer uma opção de arquivo diferente onde não mostra os links das postagens tem outras opções que é "menu suspenso" ou lista simples onde mostra links apenas com as datas, nesses casos, seria bom criar uma lista de links na lateral do BlogSpot para os visitantes terem opções de, além de navegar em seu blog, ver o que irão ler.
Finalizando, o Arquivo hierarquia é mais atrativo, pois a pessoa pode ver o título do post antes de clicar no link.

Texto com link na sidebar do BlogSpot

Mostrarei como adicionar texto com link na lateral do blogger, sem o uso de códigos e parecido com Adicionar link na postagem do BlogSpot

Daniel M M do blog Carvão Vermelho, que está começando a ser bem visitado, não de graça pois os textos estão bons, me perguntou como fazer um link a partir de palavras, ou frases de um texto?

Fazer imagem virar um link no blogger

Vou mostrar como fazer uma imagem virar um link, sem mexer em código, ou seja, quando alguém clicar na imagem vai ser direcionado para outra página que você escolher.

Adicionar blog em site de pesquisa Google, msn e Yahoo

Mostrar ao Google, Yahoo e Live-msn que seu blog existe.

Vou postar os endereços de, onde adicionar o seu blog ou site nos buscadores(site de pesquisa) mais usados do momento.

Mas vou avisando que isso é só para dizer a eles que seu blog existe, para convence-los a trazer visitantes para seu blog é preciso empenho.

  • Clique aqui para adicionar na pesquisa do Google.

  • Clique aqui para adicionar na pesquisa do Yahoo. Para o Yahoo mudou, basta usar a opção do Bing ou Msn que eles tem uma parceria de sites de busca Yahoo e Bing da Microsoft

  • Clique aqui para adicionar na pesquisa do Live-search.msn


  • Vai um diretório do google que também é interessante para quem tem bastante postagens em seu blog, posta sobre noticias ou segue um padrão de termos ou assuntos parecidos em seus posts.

    Os diretórios são boa fonte de link, por isso é bom procurar categorias que descrevem melhor seu blog, assim eles estarão próximos a palavras que tem uma característica em comum com o que você escreve.

    Antes de adicionar seu blog em um diretório leia as instruções, o que elas dizem, regras, etc.

    É bom ler também dicas sobre técnicas SEO e como fazer para posicionar melhor seu blog nos sites de busca. São muitas técnicas, pode ser algo cansativo para quem não gosta de ler e pensar.

    Coisas simples que podem ajudar:
  • escrever bem,

  • algo que as pessoas possam ter proveito,

  • que ninguém escreveu,

  • usando suas próprias palavras(desde que as pessoas entendam bem),

  • título bom, que descreve bem seu texto,

  • palavras do título no contexto

  • links apontando para seu post(de outro parecido é melhor)



  • Como por caixa de pesquisa google no BlogSpot(sem código)
    Caixa de busca do google para seu blog ou site

    link aumentar mudar imagem dhtml onmouse

    Esse link pode ser útil, já que ele faz o efeito de mudar, aumentar ou apresentar uma imagem escondida, usando algumas tags fáceis de aplicar e entender, tags javascript ou DHTML.

    Vou mostrar duas maneiras diferentes de utilizar:


    1º, o usuário passa o mouse sobre uma imagem e aparece outra, assim que ele retira o mouse da imagem volta a imagem anterior, causando ou efeito de mudança de imagem ou a ilusão de aumentar a imagem.










    <A HREF="http://seusite.com/etc/pagina">
    <img src="ENDEREÇO DA IMAGEM 1 menor .png .JPEG .GIF"
    onmouseover="this.src='ENDEREÇO DA IMAGEM 2 MAIOR .png .JPEG .GIF';"
    onmouseout="this.src='
    ENDEREÇO DA IMAGEM 1 menor .png .JPEG .GIF';" />
    </A>



    2º, passando o mouse sobre a imagem, aparece outra, e, essa permanece, a utilidade desse efeito poderia ser usado para que a página carregue mais rápido.


    site criou abaixo assinado online contra o trabalho escravo, nao ao trabalho escravo


    <A HREF="http://seusite.com/etc/pagina">
    <img src="ENDEREÇO DA IMAGEM 1 menor .png .JPEG .GIF"
    onmouseover="this.src='ENDEREÇO DA IMAGEM 2 MAIOR .png .JPEG .GIF';"/>

    </A>



    Para entender, esse código <a href=" é o link , e http://s... é o endereço do link, ou seja, a página onde a pessoa irá ao clicar no link-imagem:
    <A HREF="http://seusite.com/etc/pagina">

    Esse código "puxa(faz aparecer) imagem na pagina" <img src=" ENDEREÇO DA IMAGEM o correto é algo como "http://foitestado.com/412223.GIF"
    <img src="ENDEREÇO DA IMAGEM 1 menor .png .JPEG .GIF"
    onmouseover="this.src='ENDEREÇO DA IMAGEM 2 MAIOR .png .JPEG .GIF';"/>
    fim do código link
    </A>

    Agora vejam as imagens do 1º efeito
    Para o primeiro efeito talvez seria interessante criar uma imagem "escondida" antes, ou seja de 0 px, isso fará o navegador baixar a imagem e quando passar o mouse ele não precisará fazer isso.


    Imagem antes de passar mouse e ao retirar o mouseImagem texto ao passar ratoImagem texto ao passar Mouse-OverImagem text ao tirar o Mouse-menosSe quiser ver outro ponto de vista ou confundir mais clique aqui

    Petição online no orkut, msn, blog, use as imagens

    Participe da divulgação dessas petições online, coloque no seu perfil no msn, comunidades do orkut para que seus amigos vejam e decidam se querem assinar a petição online que você ajuda a divulgar.

    No Msn é só clicar no menu no topo em ferramentas, opções..., abrira nova janela, selecione no lado esquerdo a opção pessoal e Digite a mensagem pessoal para que todos vejam: http://www.petitiononline.com/plcircos/ Assine, mande Email, Orkut, avise....http://www.petitiononline.com/veto2008/

    A petição abre nova página:
    Para blogs(qualquer um, myspace, blogger...) eu criei alguns códigos, abaixo, de link com imagem que podem ser colocados no post ou em um lugar de destaque, onde todos que acessem seu blog possam ver.
    Isso deu bastante trabalho, então se você gostar da idéia faça valer...

    Não vai nada mais que uma imagem que é link para a petição, não faz Marketing de nada, só da petição, mais a idéia é boa.

    A petição abre nova página:
    Copie todo o código, CTRL+A, CTRL+C, ...

    Circo legal não tem animal
    Assine, petição online, circo legal sem animal

    183x193
    Tomei o conhecimento de duas petições importantes e um abaixo assinado que tem pouca divulgação.

    Petição contra a nova plc que criminaliza o uso de internet.

    Petição para a proibição de uso de animais em circo, até dia 21/08, e só tem 17.000 assinaturas, creio que por falta de divulgação.
    Na questão dos circos é só ver que existe grandes circos como...(o ignorante aqui não sabe escrever os nomes em ingleis...)



    Online contra o trabalho escravo
    site criou abaixo assinado online contra o trabalho escravo, nao ao trabalho escravo
    imagem 162px × 219px


    Site reporterbrasil está promovendo um abaixo assinado online pela aprovação da PEC do Trabalho Escravo,
    "é necessário confiscar a terra dos que utilizam trabalho escravo. A desapropriação das terras onde for flagrada mão-de-obra escrava é medida justa e necessária e um dos principais meios para eliminar a impunidade."



    Mais opções de imagens: Petição online, imagens

    Online contra criminalização da web
    Petição online, contra PLC que criminaliza o uso de internet
    Imagem 170px × 196px

    Explicando o código:
    Não deixa cair nem um pedacinho....


    <a href="http://www.petitiononline.com/veto2008/" target="_blank"><img alt="Petição online, contra PLC que criminaliza o uso de internet" border="0" height="196" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjof9xv5dI0djZ98GJfkF7AM1n8QuVTeWMAKWCB_Dz-gznydsxfhNYQvnBQtW3Q7VlUoR_efOq4DqOZzzRm6SzX_E7KXj_wuLvOcyO0AkGS8GuMPv14AVk1_rGBqL9qcvpCipQsa2SC3w6_/s320-r/contra-plc.JPG" title="Petição online, contra PLC que criminaliza o uso de internet" width="170" /></a>

    Prestenção nas cores:
    Não é código, é explicação dele:
    href="site da petição"
    target="abre em nova janela"
    alt="se não aparece imagem, o texto..."
    src="endereço web da imagem"
    title="texto aparece quando passa o mouse na imagem"
    width="largura em px"
    height="altura em px"
    border="borda em px"

    Iframe, como funciona?

    Tags para iframe; tamanho, links, endereço, como mudar a página que está no iframe.
    scrolling="no" ou "yes" é para a barra de rolagem, name="iframe01" é o nome do iframe caso eu queira usar um link... o uso de scrolling="yes" vai depender da necessidade e de alguns testes de como funciona em diferentes navegadores se for usar % para especificar o tamanho, pode ser interessante e necessário.
    width="85%"(largura) height="40 px". px=pixel ou % isso vai variar do gosto, necessidade ou alguns funcionam melhor com determinado navegador... ou o style css da pagina.

    Iframe não funciona bem na postagem de Blog do blogger
    Se alguém tiver mais alguma dica. Deixe seu comentário, link...

    Um iframe você pode colocar no html de uma página, após a tag <body>
    Abaixo está o código do iframe

    <iframe name="iframe01" src="http://www.google.com" width="300 px" scrolling="yes" height="140 px" style="border: solid 2px red"> </iframe>


    teste link para mudar pagina do iframe, google search para yahoo

    Abaixo esta o código do link

    <a href='http://search.yahoo.com' target='iframe01' title='testar como funciona link para iframe'> teste link para mudar pagina do iframe, google search para yahoo </a>




    <iframe name="iframe02" src="http://www.google.com" width="85%" scrolling="no" height="240 px"></iframe>


    Para ver como a % pode mudar de acordo com o css de cada pagina
    Faça um teste indo nesse blog e diminuindo a janela do navegador para ver como o iframe se comporta, o iframe terá o tamanho em porcentagem (%) do elemento que o contém(DIV) dentro do HTML.

    Div, imagem não respeita scroolbar

    Div, imagem não respeita scroolbar, fica fixa mesmo rolando a página ou o mouse.

    As imagens que usei são essas, ficaria melhor com uma gif transparente, mais ta funcionando.
    Se clicar na imagem no canto direito e inferior da pagina a mesma sobe.
    Se for usar uma imagem publicada no blogspot, como eu fiz é bom não pegar essa que abre em uma pagina quando clica sobre ela, mas sim aquela indicada no código fonte <img src="http.... Um exp: é link que deixei abaixo de 2 imagens. ir top
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2wp0apXfDdSHEwxjoKSzckrD11cNCVIYXM6f9IOPii0ZrCyzrRyy0eULD0R2_-u8wyOvO1x18ONqqkESq5sEL_GPeMjt77nhYggpgVB63XYuMMNlIf5xwrs7116e4IV2ed8HFaNO7f8-C/s200/top.GIF



    subir
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzC69ITrsXyb3cWkLqVzxxE4lxOwz9PVYmtgEzU7Vhy4ABNiOvAYg1mPoHflY1HDIs4XTynSfaPm53BcGRD5lAtA0uZgi9u86szj8GZjstBb0dZ3yj2_3oDkw-bgjT9dlWVu2VV6UvVeC0/s200/subir.GIF




    <style type='text/css'>

    div.irtopo img { position:fixed; bottom:0; right:0;display:block;color:#333;text-align:center;
    }/* a.irtopo img {display:none;} */
    <!--[if lte IE 6]>
    div.irtopo img {
    position:absolute; bottom:-100px; right:0;
    text-align:left; width:expression(document.body.clientWidth
    > 1000? "1000px": "auto" ); width:73%;
    }<![endif]-->

    </style>





    Div ou imagem que fica parada e ou sobreposta mesmo subindo a pagina usa apenas CSS





    A DIV coloquei no final do HTML

    <div class='irtopo'><a href='#header'><img alt='Subir ao topo' src='http://3.bp.blogspot.com/_NrcfzTud13U/R_nZC8mUR7I/AAAAAAAAA

    BA/emL7FGn8soc/s200/top.GIF'/></a></div>
    O #header É UMA PALAVRA(qualquer) QUE DEVE ESTAR NO TOPO do código da pagina, de preferência deve-se colocar uma descrição para ela Expl: <a name="header"></a>





    Usando apenas CSS



    Div ou imagem que fica parada e ou sobreposta mesmo subindo a pagina. usando apenas CSS
    Pode ser um menu, um link bastante usado ou o que for interessante ==>>¬


    Outros

    testes como funciona SCRIPT e CSS

    Pesquisar

    Google

    Newsletter

    Digite seu Email:

    Postagens populares

    Arquivo do blog

    Recentes postagens populares