sexta-feira, 16 de outubro de 2009

WobZip – Descompacte com facilidade e online!

Wobzip é um site que permite que você descompacte (deszipar, unzipar ou como queiram) os seus arquivos via internet.

Muito útil em computadores onde não temos um programa com o Winrar instalado e também não temos acesso para instalá-lo, como em faculdades por exemplo. 

 

image

 

Enfim, o site converte nos seguintes formatos:

7z, ZIP, GZIP, TAR, BZIP2, RAR, CAB, ARJ, Z, CPIO, RPM, DEB, LZH, SPLIT, CHM e ISO.

 

O link é este.

Leia mais>>

sábado, 10 de outubro de 2009

Redirecionamento no Blogger

Quem disse que não dá? Muitas vezes, trocamos de blog, mas não queremos que nossos antigos leitores que acessem pela URL antiga, nos percam. Então muitas vezes optamos pelo post explicando, mas o mesmo dá uma impressão de blog, largado, e atirado, o que podemos fazer é um redirecionamento de url. Para isso devemos adicionar o seguinte código no antigo blog, antes da tag </head>
<script language='JavaScript'>window.alert (&quot;O blog mudou de endereço! Você será redirecionado para nossa nova URL&quot;) </script>
<script language='javascript' type='text/javascript'>
location.replace(&quot;endereço do blog&quot;)
</script>
Lembrando que, o que está em negrito, é a parte opcional, pois gera um aviso antes de ser redirecionado, e a parte em preto, você digita o endereço para qual o visitante será redirecionado.
Você pode ver o demo aqui.
Leia mais>>

terça-feira, 29 de setembro de 2009

Efeito Drop Caps

O efeito "Drop Caps"  é muito utilizado em jornais e em certas revistas, e está sendo usado aqui no blogando bem, pois dá um efeito interessante no primeiro parágrafo do texto, aumentando a primeira letra dele.

Confesso que o que me fez adicionar este hack no blog, foi por eu já ter tentado várias vezes, e agora percebi o quanto o código é simples, e leve de ser usado, pois o mesmo não utiliza JavaScript, nem imagens.

Bom, vamos ao código, insira isto acima de ]]</b:skin>

/* –- Drop Caps --- */

.dropcaps {

float:left; /*flutuação da letra*/

color: #000000; /*cor da letra */

font-size:40px; /* tamanho da letra*/

line-height:45px;  /* altura da letra*/

}

Depois em cada post, que você gostaria de usar o efeito, insira:

<div id=’dropcaps’>X</div>[…]

Onde X é a primeira letra do texto e […] a continuação.

 

Espero que funcionem em todos os blogs! :)

Leia mais>>

segunda-feira, 28 de setembro de 2009

Linkbar editável – simples e fácil

Fazer ou ter uma linkbar muitas vezes é sinônimo de desespero, muitos código e CSS, ainda mais pros iniciantes. Há um tipo de linkbar, que é mais ou menos assim: 

 

“<li><a href=’’>Nome link</a></li>”


Para iniciantes o ‘manuseio’ dela é complicado, pois deve ir na aba editar HTML, e procurar pelo código, por isso há um outro tipo de linkbar, que pode ser alterada na aba ‘Layout’:image

 

Para isso insira o seguinte código antes de ]]</b:skin>

 

                                                                                             

/* -----   LINKBAR   -------------------------------------------------------------  */

  

#linkbar-wrapper {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 978px;
position: relative;
background: $linkbarbgColor;
border: 1px solid $linkbarmainBorderColor;
}

#linkbar .widget {
margin: 0px 0px 0px 0px;
padding: 4px 0px 7px 0px;
text-align: left;
}

#linkbar ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type:none;
}

#linkbar li {
display: inline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#linkbar h2 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: none;
visibility: hidden;
}

#linkbar a {
clear: both;
margin: 0px -4px 0px 0px;
padding: 7px 10px 7px 10px;
width:100%;
text-decoration:none;
font: $linkbarTextFont;
color: $linkbarTextColor;
text-transform: uppercase;
border-right: 1px solid $linkbarBorderColor;
border-left: 0px solid $linkbarBorderColor;
}

#linkbar a:hover {
color: $linkbarHoverTextColor;
background: $linkbarHoverBgColor;
}

A seguir procure por  /* Variable definitions que fica bem no ínicio do código, e ABAIXO dele cole

 

<Variable name="linkbarbgColor" description="Linkbar Background Color"
type="color" default="#C94093" value="#333333">
<Variable name="linkbarmainBorderColor" description="Linkbar Main Border Color"
type="color" default="#C94093" value="#b3b3b3">
<Variable name="linkbarBorderColor" description="Linkbar Border Color"
type="color" default="#9D1961" value="#333333">
<Variable name="linkbarTextColor" description="Linkbar Texto Cor"
type="color" default="#ffffff" value="#b3b3b3">
<Variable name="linkbarHoverBgColor" description="Linkbar Hover Background Color"
type="color" default="#ffffff" value="#333333">
<Variable name="linkbarHoverTextColor" description="Linkbar Hover Text Color"
type="color" default="#9D1961" value="#ffffff">

 

Isto irá criar variáveis, para você mudar as cores no painel ‘fontes e cores’.

Procure por (Ctrl + F)

 

(Cabeçalho)

 

Agora decida se você quer colocar a linkbar acima ou abaixo do cabeçalho (header) do blog, se decidir acima, coloque o código antes, e abaixo depois de:

 

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Blogando Bem (Cabeçalho)' type='Header'/>
</b:section>
</div>

Código:

<div id='linkbar-wrapper'>
<b:section class='linkbar' id='linkbar' showaddelement='no'>
<b:widget id='LinkList1' locked='true' title='Linkbar' type='LinkList'/>
</b:section>
</div>

<div style='clear: both;'/>

 

Até o próximo tutorial!

Leia mais>>

domingo, 27 de setembro de 2009

Criar feed com FeedBurner – Parte II

Ontem, eu publiquei um post que ensinava a criar uma conta de feed com o FeedBurner com seu blog. Hoje irei ensinar a mexer no painel de controle e algumas de suas funções.  image

 

 

Idioma

O idioma é algo bem importante, pois se você quiser explorar “mais a fundo” o serviço, é recomendável que vcê saiba onde clique. Por isso clique em “Language”, no topo direito.

 

 

Aba ‘analizar’

image           Na aba analizar você visualiza as estastistícas de seu feed. Essa aba não é o foco do post, por isso vamos adiante.

 

Aba ‘Optimizar’

image Na aba optimizar, e no seu menu, você conta com dicas de como deixar seu feed mais bonito, como fazer as pessoas o assinar e com diversas opções para isso como assinar direto da conta do Flickr.

Aba ‘publicar’

Este sim é o foco do post, com ela que você dá vida ao seu feed.

imageO menu:

   HeadLine Animation: 

Cria um banner animado, que exibe as últimas postagens de seu blog.

   BuzzBoost

Usa script para criar uma área estática com seus últimos posts.

  Email Subscriptions

Oferece o HTML ou link de uma pop-up para que seus leitores possam se inscrever para receber os posts por e-mail.  

    PingShot

PingShot é para que assim que você postar, avisar os leitores de feed, como Google Reader, entre outros.

   FeedCount

São os famosos botões qeu mostarm o número do leitor de feed.

image

 

 

Aba ‘monetizar’

Serve para você colocar anúncios adsense no seu feed.

Sinta-se livre para mandar sua opinião pela caixa abaixo.

Leia mais>>

sábado, 26 de setembro de 2009

Criar feed com FeedBurner – Parte I

Lá o ínicio, quando estava começando à blogar, descobri o que era Feed. E que um bom serviço do mesmo era o FeedBurner, não sabia o que era isso. Agora já sei! :) Por isso quero ensinar sobre tudo que aprendi sobre este serviço, como é cheio de recursos, os posts terão duas ou três partes.

image

Parte I – criando a conta

Como alguns de vocês sabem, ou não o FeedBurner foi fundido com o Google, então para acessá-lo visite este site. E faça login usando sua conta do Google (imagem)

.

image

Parte II – inscreva seu blog

Coloque a url de seu blog, e clique em '”next”image                           Marque em seguida a primeira caixa e clique em ‘next’ novamente

  

image                                Coloque o título do feed (pode ser o do seu blog) e a url do feed (sujeita a disponibilidade)

em seguida ‘next’ novamente.

image                             Nas duas próximas páginas dê ‘next’ novamente.

Você será direcionado para a painel do FeedBurner. Com várias opções para publicar seu feed. Continuaremos vendo isso no próximo post.

Leia mais>>

terça-feira, 22 de setembro de 2009

Alterando Favicon! Post único!


Antes de tudo algumas explicações;
Post Único, por que já pesquisei em vários blogs de ajuda a blogueiros e em apenas um encontrei o código de favico em um único post. O favicon é algo que se atualiza muito, ou seja, (cerveja!) seu código está sempre em mudanças para atender a todos os navegadores. E sim, este post será bem longo!  


Leia mais>>

PageRank!


Antes:
A classificação das páginas (PageRank) confia na natureza excepcionalmente democrática da Web, usando sua vasta estrutura de links como um indicador do valor de uma página individual. Essencialmente, o Google interpreta um link da página A para a página B como um voto da página A para a página B. Mas o Google olha além do volume de votos, ou links, que uma página recebe; analisa também a página que dá o voto. Os votos dados por páginas "importantes" pesam mais e ajudam a tornar outras páginas "importantes."
Sites importantes, de alta qualidade recebem uma nota de avaliação maior, que o Google grava a cada busca feita. Naturalmente, uma página importante não significa nada se não combinar com a sua busca. Assim, o Google combina os resultados de alta qualidade com a busca que você está realizando para que o resultado seja o mais relevante possível. O Google pesquisa quantas vezes a palavra procurada aparece nas páginas e examina todo o aspecto delas (e conteúdo das páginas ligadas a ela) para determinar o melhor resultado para a sua busca.
Fonte: Google



Todos querem ter um bom PageRank, 8, uma boa meta, talvez?! Ou aos mais ambiciosos (como eu) 10? Ter um PageRank, mesmo que seja 1 já faz um blogueiro feliz.
Como ter pagerank? Não é muito fácil, não. Não se cadastrar com nome, e-mail, blog. Para ter esse tão adorado numerozinho, você tem que ter indicações, como você pode ver na imagem acima. Isso, então faça parcerias, coloque seu blog em indexadores (em breve um post sobre isso), e busque em PCs diferentes seu blog no Google e clique no resultado :P.
Abaixo vários sites para ver seu PageRank;
UrlTrends




PrChecker





Webdevelopman

Leia mais>>

Wufoo

Uma excelente pedida para blogueiros, quando o assunto é pedir a sugestão, crítica, dúvida, parcerias, etc é o Wufoo! Form Builder, dá sim um pouco de trabalho por ser em inglês, mas o resultado realmente é muito bom. Após acessar o site clique em "Sign up for free", então selecione seu tipo, se quiser de graça o registro clique no último link. O laranjinha que está escrito Free bem grande.


Com esse cadastro: 
1 usuário
3 formulários
3 relatórios
100 entradas por mês (que significa que você pode preencher o formulário 100 vezes por mês)
Mas nada impede que se precisar de mais formulários você não possa criar outra conta com um outro e-mail, para ter acesso a mais 3 forms.
Preenchendo o cadastro.
Campo 1 = seu  e-mail (uma verificação será enviada, então nada de oi@blabla.com)
Campo 2 = sua senha (no próximo campo redigite-a)
Campo 3 = seu endereço para o wufoo (pode ser qualquer coisa, mas cuidado pois na url do formulário ficará assim http://o_que_foi_digitado_no_campo3.wufoo.com/nome_do_seu_formulario)
Quadrado de marcar 1 = você recebe no seu e-mail atualizações do Wufoo!, uma baboseira com inglês, mas... Sem nenhuma influência não assine!! a decisão é sua.
Quadrado de marcar 2 = dessa vez marque, significa que você aceita os termos de serviço da Wufoo.
Clique em 'Create Account' e pronto!
Agora irei dar liberdade à você e deixarei você navegar a vontade no Wufoo. E só mais uma o link que será muito útil para você fazer seu formulário: Tradutor do Google
Leia mais>>

Como exibir mais posts em uma página


Olá,
este post vai ser bem rápido e simples, até por que ainda tem os links! É um mini-tutorial, por que é muito simples e não precisa nem ser blogueiro, basta ser leitor. :) Nós blogueiros usuários do blogspot colocamos um número determinado de postagens para aparecer por página, que combinem com o nosso layout ou de nossa preferência. Mas não devemos exagerar, pois já visitei um blog que por padrão exibia 2 posts por página. O que cansa muito o leitor, pois ele terá que ficar clicando, e clicando para avançar. O que eu fiz neste blog? Utilizei esse método que vou ensinar, mas se eu não o conhecesse, eu iria fechar a página e menos um leitor para esse blog. Para casos como esse irei ensinar como mudar esse número "padrão".



Mas repito, este método é para blogs do Blogger.
Na página inicial e nos arquivos

Geralmente quando se visita um blog do blogspot a URL é parecida com isto: http://nomedoblog.blogspot.com/ ou http://nomedoblog.com/ (se o blog tiver um domínio próprio)
Se o autor desse blog definir o número de posts para 5, aparecerá 5 posts. Mas como mudar isto?
É muito simples, no caso do Boletim, a URL é:
http://boletimdaweb.blogspot.com/ -Neste caso 5 posts aparecerão
Se eu quiser ver outros números:
http://boletimdaweb.blogspot.com/search?max-results=10
O 10 em negrito é a quantidade de posts.
E os arquivos?
Se você já esta visualizando a home, com 10, no arquivo também será 10 posts. E assim com qualquer outro número. Se você esta visualizando a home sem o search?max-results=10 no final da URL do arquivo estará assim:
http://boletimdaweb.blogspot.com/search?updated-max=2009-09-05T17%3A23%3A00-07%3A00&max-results=5
Troque o número 5, pela quantidade de posts.

Resumo:
Home: adicione "search?max-results=10' mudando o dez pelo número de sua preferência.
Arquivos: no final da URL, em  'max-results=5'  edite o 5 pelo número de sua preferência.

Leia mais>>

Como escolher os blogs que aparecem em seu perfil

Uma coisa que já foi, e é útil, é esta opção, que esta lá bem escondida no seu canto. Mas é muito útil. Eu por exemplo, não sabia disso. Mas já utilizo. E principalmente se você tem vários blogs de testes (como eu), ou projetos de templates secretos. Então leia este tutorial ensinado a escolher os blogs a serem mostrados no seu perfil.


Primeiro:
Acesse o painel do Blogger, e clique em editar perfil.


















 



Segundo:


Terceiro:


Prontinho!!
.
Leia mais>>

segunda-feira, 21 de setembro de 2009

Contato



Leia mais>>

domingo, 20 de setembro de 2009

Parceria





Uma parceria é uma das principais formas de atrair visitantes ao seu blog, seja estes blogs relacionados ao seu ou não. Mas como qualquer coisa as parcerias precisam de algumas regras para funcionarem direitinho.
As regras desse blog para parceria são:

Os blogs devem ter atualizações no mínimo semanal.

Devem poder ser vistos por públicos de todas idades (sem conteúdo adulto.)

Não conter o download de conteúdos ilegais.

Depois disso você deve entrar em  Contato, e adicionar um de nossos banners: (para banners de tamanhos diferentes de 120 x 60 px, especificar no contato.) 






<center><a href="http://blogandobem.blogspot.com/"  target="_blank">
<img border="0" src="http://2.bp.blogspot.com/_3sAmgBC7XGo/Sro44Xn8axI/AAAAAAAAAFk/mGTdN070ltw/s1600-h/logo01parceiria.jpg" /></a></center>





<center><a href="http://blogandobem.blogspot.com/"  target="_blank">
<img border="0" src="http://3.bp.blogspot.com/_3sAmgBC7XGo/Sro7KcXpEkI/AAAAAAAAAFs/h7lWHRxJ4WE/s320/logo02parceiro.jpg" /></a></center>
 

Leia mais>>

  © Blog por ISADORA FRAGA

TOPO