A PINGA TEM O MESMO EFEITO DA YOGA!

Resebi no meu e-mail hoije, quem que inventa isso em? muito legal.

 

Savasana
É uma POSIÇÃO de relaxamento total.

Lugares mais esquisitos do mundo

Colocar um menu fixo na lateral do site/blog

Esse menu assim dito por mim e na verdade um incremento do código que faz a pagina voltar para o topo rapidamente.

 

Depois de alguns teste com o código,  percebi que daria para colocar qualquer coisa na lateral e ficar bem destacado,  como esse que você ver ai do lado direito do site(topo, home, twitter, contato, cbox), mas pode ser qualquer coisa mesmo, um anuncio, imagens , ou só escrita mesmo.

 

Achei muito eficiente este menu, e tenho planos para o futuro, mas deixa para o próxima dica, vamos aos códigos.

 

O código original e assim:

<div style="position:fixed; bottom:0px; right:0px;"><a href="#">TOPO</a></div>

 

Desse jeito ele fica colado na lateral direita, position:fixed(posição:Fixo)

Bottom:0px ( botão:0px) e right:0px(direita:0px).

 

Lembrado que pode colocar ele em qualquer lado, basta trocar  o right, por left.

 

Vamos a implementação e um melhor uso desse código.

 

E muito simples , e só continuar o código  depois de </a><P>, eu adicionei  no bottom20px e right: 6px para  nao ficar muito colado na lateral,

 

e uma cor branca no escrito pois o meu site e vermelho e ia fica tudo vermelho, mas isso e opcional, dependera do seu fundo do site, ai o código ficou assim:

 

<div style="position: fixed; bottom: 20px; right: 6px;"><a style="color: rgb(255, 255, 255);" href="#">Topo</a><p>

 

<a style="color: rgb(255, 255, 255);" href="http://www.oficina-blogger.com/">Home</a></p>

<a href="mailto:tudomio@bol.com.br"target="_blank"><img alt="Contato" src="http://img207.imageshack.us/img207/1779/contatos.gif" title="Contato"/></a><p>

 

<a href="http://twitter.com/oficinablogger"target="_blank"><img alt="twitter" src="http://img8.imageshack.us/img8/2990/twittermd.gif" title="twitter"/></a><p>

 

<a href="http://oficina-blogger.cbox.ws/" target="_blank"><img alt="Cbox" src="http://img30.imageshack.us/img30/6677/title4.gif" title="Cbox"/></a><p>  </div>

 

O importante e fecha o código com o </div> e cola num gadget   HTML/JavaScript , e tudo correra tudo perfeito.

 

 

Se acha um pouco complicado copie o código e só troque o que esta em vermelho, que sao os links e as imagens, e faça um bom uso.

 

Uma postagem muito interessante com esse código de volta a pagina para o topo você vera no:

 

                         Dicas para blogs  e varias outras de muita valias para nos blogueiros.

 

Ate a próxima e qualquer duvida comente, que estarei  sempre a ajudar.

Imagens para o cabeçalho do blog, 1 parte

 

Caricatura-Avatar manga Fácil.

FACE YOUR MANGA

 

Depois de muita procura e varias tentativas, ate quem fim encontrei um site

que realmente faz uma caricatura.

 

Tem varias opções para a caricatura, o site esta em espanhol, mas e super fácil de mexer, entre em “faceyourmanga” procure o grátis, e e só escolher e usa.

 

Olha a minha aqui.

 

O chato e que quanto você tiver terminado o site te pedira algumas informações e um e-mail, para manda a caricatura, com um aviso de todo tamanho que  poderá demora ate 30 minutos.

 

Ate eu que não sei nada de espanhol entendi.

 

Mas você pode pegar a imagem na hora.

 

Faça o cadastro normalmente, depois de tudo preenchido, aperte  para enviar.

 

Espere abri a pagina chata que falei dos 30 minutos , e então aperte na imagem em baixo, a dos anuncio do site, tipo essas

 

Depois que clicar aparecera sua imagem, ai basta clicar com o lado direito mouse em cima dela e salva a imagem.

 

Pronto está data a dica, bom proveito, e  vá logo lá no FACE YOUR MANGA

 

e faça a sua caricatura.

Seja Parceiro

Ser parceiro do Oficina-blogger, e muito simples,tem Três opções:

Colabore de algum jeito, divulgando incrementando, qualquer coisa que seja valida de colocar seu link na pagina inicial, por um bom tempo independente se manda visitas ou nao.

A segunda opção e me manda uma dica de postagem, um tema, uma duvida que você tem, algo que seja do nosso nicho, algo novo se possível.

Que farei a postagem e uma dedicatória com o seu link na postagem, só peso que coloque meu link na sua pagina também.

Isso fara cresce nossos conhecimentos e nossa futura amizade, uma ajuda mutua entre blogueiros.

E a terceira um pouco mais radical e, pagando uma quantia rasurável colocarei o banner 120X60 bem destacado e divulgado.

Me mande por e-mail, sua opinião, que te responderei o mais rápido possível.

E-mail: iguim.rox69@yahoo.com.br.

Photo-Shop Radical

Banner free Parte 2.

Leia a primeira parte, e saiba como adiquerir seu banner Free.

Imagens de Fundo para para blog/site-Repetição

 

Se seu blog tem um fundo com uma imagem que se repeti por toda extensão, esta ai mais algumas para testa e muda o visual.

 

Basta pegar o link da imagem aqui, e troca pela sua, mas guarde o link de sua imagem, para um eventual imprevisto.

 

      

Banner Free Parte 1.

Estou disponibilizando algumas imagens para banner 468X60, para  120X60 basta redirecionar a medida da imagem.

 

E para aqueles que ainda não sabem fazer um banner, basta pegar o link da imagem, ou manda a imagem, pode ser ate uma que você já tenha, e

 

mande para meu e-mail (tudomio@bol.com.br) com os seguintes dados:

Seu Nome:

 

Nome do site/blog:

 

Se for 460X60 uma pequena descrição:

 

Link do seu blog/site:

 

Todos podem pedir, mas será prioridade para quem nao sabe fazer, farei o banner simples, só escrito, sem relias.

 

Entregarei o banner já hospedado, com a caixa de copiar o banner e tudo,  e só colocar no blog e pronto.

 

E se possível só peso que divulguem o site, para ajudar mais pessoas que precisem.

 

Mais banner na segunda parte, nao deixe de ver.

 

Usar o “Visualizar” eficientemente do Layout, do Blogger.

 
Logo que entra na sua conta do blogger, você vera uma lista de seu blogs se tiver, ou o seu blog, ate ai tudo bem.

A partir de quanto você entra em layout, área  que pode-se ir ao html  xml (XML significa EXtensible Markup Language ) do seu blog, e a onde esta todos os seus widget da sidebar (menu lateral, ou coluna).

Tem um comando muito interessante, e pouco usado, o Botão Visualizar,  limpa Edições e salva.

Com estes tres comandos você pode mudar qualquer elemento do seu blog extantaniamente para qualquer lugar, sem se preoculpar se sera alterado.

Simples, faça um teste, mude qualquer coisa de lugar, e aperte visualizar, vai ser aberta uma nova janela, maxsiminize ela, e veja em tempo real como ficara seu blog, depois aperte limpa edições, e pronto não foi feita nem uma alteração em seu blog.

Com essa feramenta, você pode escolher e visualizar,  qual melhor lugar será colocado seus elementos da pagina inicial, por exemplo:

Um anuncio, um contador de visita uma mensagem de boas vinda, no cabeçalho do blog etc....
Depois de fazer as mudanças, visualize, gostou do modo que ficou, e só aperta em salva, e pronto.

Essa ferramenta impede de cometer erros e ter que fica voltando e indo para a pagina que esta mexendo,e o mais importante, seus visitantes nunca, vão ver oque esta fazendo.

Mas vale lembra que ela serve mais para muda elementos que já estejam  na sua pagina.
Espero ter sido o mais claro possível.

Volte sempre, e se eu puder ser útil em alguma coisa e só comenta.

Tags Html-Que todos os Blogueiros tem a Obrigação de conhecer.

  Este titulo e um mais sermão, a todos os blogueiros.
Talvez pela facilidade de se fazer um blog blogger, com suas parafernálias, de só copiar e colar! tenho notado que a maioria  nao sabe nada  de HTML.

Tudo bem, ninguém e obrigado a saber, mas o que que custa pelo amenos saber oque esta colocando em seu blog.

Será que só porque, não tem como mudar a cor de um determinado elemento no painel, você nao vai mudar ele diretamente no html, e se vc precisar de tira uma borda, fazer um link, colocar uma imagem com link, um script etc...

Isto tem acontecido muito de eu ajudar, em uma coisa que era só saber aonde o determinado  elemento html estava, e trocar, ou retira.

Preguiça de aprende nao leva a nada.

Mas chega de sermão, e vamos as Tags:

Tags html – As mais utilizadas serão as seguintes:

<html></html> --> Marca o início e o fim de um documento em html

<body></body> --> Marca o início e o fim do conteúdo de um documento exemplo de atributos: bgcolor, background

<b></b> --> Coloca o texto em negrito

<i></i> --> Coloca o texto em itálico

<p></p> --> Marca um parágrafo e acrescenta uma linha em branco depois de cada um.

Exemplo de atributo de alinhamento do texto: align=center (centralizado), align=left (à esquerda)

<br> --> Insere uma quebra de linha

<table></table> --> Marca o início e o fim de uma tabela

exemplo de atributos: bgcolor, bordercolor, widht, align

<tr></tr> --> Indica a linha da tabela

<td></td> --> Indica uma célula da tabela

<font> --> Para alterar cor do texto

Essa são as mais usadas, mais tem varias , e algumas bem uteis por exemplo:
Quanto você faz um link e quer que ele abra em outra janela  ou aba.

Em maioria dos navegadores se abre em aba.


Você faz assim < a href=”http:outra.janela.com/”target="_blank">Outra janela</a>.

Pronto esta fechado seu link com uma tang, que Dara o comando de abrir em outra janela, a tang target=”blank”.

Essa tang Target tem varia funções  com seus devidos atributos, vamos a alguns tributos :

Utilizando target = "_top" target = "_top" dentro de uma tag de link faz com que a nova página  carregue no corpo completo da janela, que é útil se você quiser sair de um frameset que criou e tem uma página sem armação.

Utilizando target = "_parent" target = "_parent" é semelhante ao target = "_top", mas referem-se ao pai imediato de um quadro. No uso de quadros mais avançados podem existir vários quadros aninhados e isso permite mais controle sobre os quadros que são especificadas.   (É realmente algo que desenvolvedores raramente precisam utilizar).

Utilizando target = "_self" target = "_self" carrega a página dentro do mesmo quadro com a tag de link.

Agora se usar uma <base> tag, essa especifica um padrão ou um endereço
de destino padrão para todos os links em uma página.

Agora vai uma dica boa , para poupar tempo, mas nao e aconselhado a todos,vai depender do seu site, e conteúdo.

Esta tag colocada no cabeçalho do código depois de <head> fara que todos os links da pagina se Abrão em outra aba .

Este código:  <base target='_blank'/>
E se você precisar de um link que  abra na mesma pagina coloque este diretamente no link  target="_self" que ficara assim:

 <a href = http:www.seu.site.com ”target="_self" >seu site</a>.
Pronto, chega de ficar colocando  ”target="_blank" em todos links, mas cuidado, dependendo do seu conteúdo, pode ficar chato para alguns usuários ter que abrir toda hora uma nova pagina.

Veja um exemplo  desta tang base neste site  Security Total .

Ate mais, e fação a experiência e depois comentem.

Novos Desenhos de Julian Beever nas calçadas... IMPRESSIONANTE e Super Real!‏

CBOX-Saiba usa-lá Mais Profissionalmente.

Muitos ou ate vários blogs/sites tem uma CBOX em sua pagina, por causa da facilidade de deixa um recado, e um link para responder.

Mais o Cbox e um Iframe, e todo Iframe tem seu tempo de resposta Para carregar por completamente, assim acarretando uma demora a mais em seu site, desnecessariamente.

Muitos pegam o código do cbox, e só passa o Olho, então repare no código agora:
-----------------------------------------------------------------
<!-- BEGIN CBOX - www.cbox.ws - v001 –>

<div id="cboxdiv" style="text-align: center; line-height: 0">

<div><iframe frameborder="0" width="200" height="305"
src="http://www7.cbox.ws/box/?
boxid=92814&amp;boxtag=lczm70&amp;sec=main" marginheight="2"
marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain"
style="border:#DBE2ED 1px solid;" id="cboxmain"></iframe></div>
-----------------------------------------------------------------
Esta ai o iframe, os códigos nunca mentem.
Mas agora oque eu Fasso para melhorar?

Então vamos lá, entre no site do Cbox.
Entre na sua conta (Se nao tive Faça a sua).
Aperte o primeiro link de Cima no menu  “Publish!”.

Agora vá ate no fim da pagina e copie o link que esta em vermelho,o ultimo em.
Ai você me pergunta: mas e agora, oque  fazer com este link?
vamos a parte boa.

Faça uma imagem tipo um Banner (120X60)bem Chamativa, escreva CBOX, bem bonito, aconselho o photo-shop.

Ou faça uma imagem menor e coloque no seu  menu como este que tem aqui de lado

Feita a imagem, hospeda ela,pegue o link da imagem e do cbox, e introduza os links neste  código:
< a href=”  link do CBOX aqui ”target="_blank”><img src=” link da imagem aqui ”width="120" height="60"/>
Estas medidas (width="120" height="60") você pode alterar à-vontade.

É coloque em qualquer lugar no seu site.

Com isso você nao terá o iframe na sua pagina, pois quanto clicar no banner, será aberta uma outra janela, e usara a pagina do cbox, e nao a sua.

Sao alguns segundos  a menos de carregamento na sua pagina que pode fazer a diferença.
Isso deixara sua pagina “Simples e muito mais Profissional”.

Ate a próxima, qualquer duvida
Faça um comentário.