Blogando Bem

“Roubar” domínios no blogspot, ou querer vendê-los

2010-01-10T07:37:00.001-08:00

Gostaria de falar pela primeira vez aqui, sobre a falta de ética e bom senso na blogosfera. Este assunto o BBB10, nem me interessa tanto agora, mas quando me interessava eu tentei criar um blog sobre o tema, com a seguinte url bbb10.blogspot.com mas visitando ela vemos que uma pessoa registrou a url, e agora quer vendê-la, por que motivo? Para lucrar. Se você também quer lucrar na web, lucre de forma honesta, crie um blog, faça ele crescer, e monetize ele. Pois é com pessoas assim que a blogosfera irá crescer, e não vendendo URL’s que eram para ser gratuitas. Não que eu tenho alguma coisa contra vender blogs, desde que ele tenha algum conteúdo. Sei que só com esse post a blogosfera não mudará, nem com milhares de posts sobre o tema, apenas espero que quem leia este post tenha a consciência de que a blogosfera não é um lugar apenas para se ganhar dinheiro.

WobZip – Descompacte com facilidade e online!

2009-10-16T12:54:00.001-07:00

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.

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.

Redirecionamento no Blogger

2009-10-10T14:06:00.001-07:00

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 ("O blog mudou de endereço! Você será redirecionado para nossa nova URL") </script>
<script language='javascript' type='text/javascript'>
location.replace("endereço do blog")
</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.

Efeito Drop Caps

2009-09-29T08:35:00.001-07:00

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! :)

Linkbar editável – simples e fácil

2009-09-28T12:42:00.001-07:00

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’:

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!

Criar feed com FeedBurner – Parte II

2009-09-27T11:01:00.001-07:00

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.

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’

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’

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.

O 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.

Aba ‘monetizar’

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

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

Criar feed com FeedBurner – Parte I

2009-09-26T08:40:00.001-07:00

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.

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)

Parte II – inscreva seu blog

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

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

em seguida ‘next’ novamente.

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.

Alterando Favicon! Post único!

2009-09-22T16:21:00.000-07:00

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!

E agora, leitor, saiba o que é favicon segundo a Wikipédia:

Favicons (palavra derivada de favorite (favorito) e icon (ícone)) são pequenas imagens no formato *.ico com de cerca de 16x16 pixels que ficam guardados em um site para visualização pelo navegador. Em alguns navegadores como Internet Explorer até a versão 6, só exibem os favicons quando um site é adicionado aos favoritos. Neste caso, apenas no menu correspondente aos favoritos pode-se encontrar a imagem. Em outros navegadores como Firefox, Opera e Internet Explorer 7⁽⁺⁾, os favicons podem ser encontrados também nas abas e na barra de endereço.
Os favicons também tem teor de acessibilidade pois ajudam um usuário comum a identificar uma página quando ela está exibida em uma lista ou em uma barra de abas. Visando isto, muitos favicons são imagens simplificadas do logotipo da marca que representam.
Na ausência de um favicon, os navegadores exibem seu próprio ícone ou um ícone padrão como uma folha em branco.

Agora sim! Mãos a obra:
Primeiro você deve acessar este site ou usar algum photoshop para fazer seu favicon. Esta imagem (no caso de você usar um photoshop) deve ser de 16x16px. Após você ter esta imagem baixada em seu computador, transforme-a em *.ico a seguir, hospede-a, mas poucos hospedadores suportam o formato ico. Mas minha dica é o : Image Boo Hosting que hospeda nesse formato. Então para o código funcionar em todos os navegadores (claro tirando aqueles que só o próprio criador usa):
Agora entre no HTML do seu template e procure (Ctrl+F) por:

]]>

Logo APÓS cole:

<link href='URL_DA_IMAGEM_ICO' rel='shortcut icon'/>
<link href='URL_DA_IMAGEM_PNG' rel='shortcut icon'/>
<link href='URL_DA_IMAGEM_PNG' rel='apple-touch-icon'/>
<link href='URL_DA_IMAGEM_PNG' rel='shortcut icon' type='image/x-icon'/>

Visualize para ver se está tudo certo e salve!

PageRank!

2009-09-22T16:17:00.000-07:00

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

Wufoo

2009-09-22T16:15:00.001-07:00

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

Como exibir mais posts em uma página

2009-09-22T16:14:00.002-07:00

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.

Como escolher os blogs que aparecem em seu perfil

2009-09-22T16:14:00.000-07:00

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!!

Contato

2009-09-21T16:19:00.001-07:00

Parceria

2009-09-20T07:45:00.000-07:00

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>