Mundo dos Blogues

Ativando os avatares no seu blog

2009-10-26T16:07:00.004-03:00

O recurso que muitos usuários da plataforma blogger esperavam era o de inserir Fotos/avatares nos seu sistema de comentários. Até então isso era luxo somente do Wordpress e Campânia.

Creio que nossos problemas acabaram pois com a comemoração de 10 anos, o blogger inseriu e ativou esse recurso na plataforma. Mas por enquanto ele não está disponível nos templates customizados, ou seja, ele só está funcionando corretamente nos templates do próprio sistema.

Mas como um bom samaritano que sou, vim ensinar-lhes a colocar o código diretamente no seu HTML.

Segue o Tutorial:

Entre em "Layout" -> "Editar HTML" -> marque a opção "Expandir modelos de widgets" e encontre o trecho: <dl id='comments-block'>

Depois subistitua por:

<dl
expr:class='data:post.avatarIndentClass' id='comments-block'>

Depois encontre o trecho:

<b:if
cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl'
rel='nofollow'><data:comment.author/></a>

E cole ANTES dele o código:

<b:if
cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>

Tudo deve ficar mais ou menos assim:

<dl
expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " +
data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px'
style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if
cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl'
rel='nofollow'><data:comment.author/></a>

Agora as fotos dos comentaristas irão aparecer corretamente no seu blog. Claro se eles comentarem usando a "Conta do Google"

Encontrando imagens para seus artigos

2009-02-24T10:02:00.002-04:00

(foto por Wp Clipart)

Geralmente um blog possui não só textos, mas também conteúdo multimídia como, vídeos e fotografias. Essas mídias podem ser alojadas em seu blog com muita facilidade, porém temos que ter cuidado com a fonte das mesmas, principalmente quando o assunto for imagens.

Quando estamos iniciando nesse universo da blogsfera nos vemos varias vezes acessando o google e pesquisando a imagem a ser postada, fazer isso é muito fácil, mas não é o correto.

As imagens também possuem direitos autorais, ou seja, você deve tomar cuidado, analisando a origem dela e SE é permitido a reprodução total ou parcial da mesma. Então vou mostrar algumas dicas de sites para vocês procurarem fotos legais e com total acesso.

º Flickr – Esse site é excelente para encontrar imagens para seu blog, as propriedades de cada foto existe uma legenda, indicando se ela pode ser ou não reproduzida por terceiros. As imagens proibidas são seladas por CC.

º 123RF.com - Free Images – Sites com disponibilização de fotos gratuitas, levando em consideração que deve-se dar crédito ao autor.

º Free Stock Photos – Nesse site encontramos fotos com alta resolução que podem ser inseridas em postagens mas não em templates, Seja ele gratuito ou não.

º WP Clipart - Public Domain – Aqui você encontrará clipart ‘s gratuitos, são mais de 21.000 gráficos no arquivo, então você terá grandes chances de encontrar aquela foto perfeita para aquele artigo novo. Boa sorte!

º Stock.xchng – Certamente você achará muita imagem legal no Stock, porém deve-se seguir umas regrinhas para poder usa-las, como não copiar as fotos com logomarcas , conteúdo ilegal (pornografia, pedofilia, etc.). O básico para todo blogueiro.

Por enquanto eu termino essa listinha de imagens, caso encontre algo mais eu vou atualizando esse artigo.

Se você gostou e quer ainda mais, acesse o post da Nospheratt que você encontrará uma lista com nada mais que 31 sites legais.

Lembrete# ”Certifique-se sempre de que a imagem escolhida não possui restrições, evitando assim um problema maior.”

Hospedar seus arquivos agora ficou fácil, use o dropbox

2009-02-21T17:12:00.001-04:00

Antigamente era difícil encontrar um host competente, simples de usar e ainda por cima gratuito.

Depois da chegada do Skydrive tudo ficou fácil, tanto para desfrutar do “link direto” para download quanto na facilidade de uso. Se você ainda não conhece essa ferramenta incrível clique aqui e volte no tempo para saber tudo, ou quase tudo sobre o baú da Microsoft.

Mas hoje em especial eu venho apresentar a todos os leitores desse humilde blog o Dropbox (dica da Rô do BloggerSPhera), que funciona basicamente da mesma forma que skydrive, porém possui algumas funções extras, como realizar o upload dos seus arquivos direto do desktop (via software), sem contar que não tem aquele tempo de espera como o rapdshare, easyshare, megaupload e etc… é só clicar e baixar.

Eu achei ele perfeito para guardar os scripts e códigos java do blog, Ele possui 2Gb de espaço para você guardar o que quiser, fotos, vídeos, documentos, entre outros.

Clique aqui e acesse o site

Instalando e usando o Dropboxs

Bom, o site está em inglês, então vou tentar explicar como tudo funciona por lá:

Clique aqui e faça o download do software para poder transferir seus arquivos. São 14Mb de pura alegria e comodidade.

Depois de baixa-lo, execute o programa e essa tela surgirá:

Logo em seguida marque a opção “I’m new to Dropbox” e clique em next;

Logo preencha os campos com seus dados:

First name: Primeiro Nome;

Last name: Sobrenome;

Email: E-mail;

Password: Senha;

Verify password: Confirmar senha;

Computer Name: Seu lindo nome, etc..

Se você quer saber mais sobre o programa é só clicar em “Next” quando surgir a tela acima.

Caso queira pular o tour e seguir logo para upload é só apertar “Skip tour and finish” nas duas janelas que irão aparecer.

Pronto, agora você já pode mandar seus arquivos para o host arrastando e soltando.

Nota# “Lembrando que a pasta públic é a pasta onde você deve guardar seus arquivos públicos, como os do blog.”

Ai fica minha dica, espero que curtam e viva a blogsfera!

Inserindo códigos adequados no html

2009-02-19T10:46:00.001-04:00

Bom, Há algum tempo atrás eu estava com dificuldades em inserir anúncios no HTML do meu template, Isso me causava uma frustração enorme pois não tinha a mínima noção de como proceder e resolver tamanha dúvida. Foi ai que encontrei o Scape HTML, onde ele funciona como um conversor, fazendo todo o trabalho pesado para você.

Como funciona

Ele é um site próprio para converter linhas de códigos para o formato ideal, facilitando sua vida na hora de inserir aqueles anúncios do Google Adsense, Buscapé entre outros.

Geralmente quando montamos o código ele possui acentos como aspas, sinais de maior e menor, dois pontos e etc.. Esse é o grande problema, pois a plataforma blogger tem incompatibilidade com os tais formatos originais, recusando assim a maioria dos anúncios.

Nessa hora o scape HTML entra e monta um novo código, fazendo seu template aceitar facilmente o anúncio.

Como converter

Converter um código é bem simples, você pega o código que quer colocar no template, depois basta copiar e colar no campo “Parse HTML”;

Em seguida clique no botão “Parse”, espere alguns segundos e pronto.

Clique aqui e acesse o site

Espero que tenham aproveitado essa dica!

Abçs!

Google Maps dentro do seu blog

2008-12-20T20:02:00.001-03:00

Google Maps dentro do seu blog Agora ficou fácil mostrar de onde você está postando, foi lançado há algum tempo uma nova ferramenta no blogger. Onde você pode adicionar uma localização qualquer na postagem e mostrar para todo mundo de que lugar do mundo saem suas idéias.

Se você usa a versão draft (blog de testes) já pode visualizar a opção “Adicionar local ou Add location”. O único problema é que por enquanto, essa função não está disponível para blogs com templates personalizados, aplica-se somente nos modelos padrão do blogger.

Como tudo (ou quase tudo) tem solução, vou ensinar a liberar essa nova função para todos, até para você que tem um template todo seu, e cheio de fru-frus. (aprendi com o Compulsivo)

O primeiro passo é acessar “Layout” -> em “Postagens do blog” clique em “Editar”. Em seguida, marque a opção “Local” e salve. (clique na imagem para ampliar).

Isso indicará ao template que você quer que seja exibida a nova opção.

A seguir, entre em “Editar HTML” e encontre o código:

<div class='<b>post-footer-line post-footer-line-3</b>'>

Logo abaixo adicione:

Feito isso seu template estará pronto para rodar a nova funcionalidade. Mas antes de salvar dê uma conferida visualizando para não estragar seu template.

Um fenômeno chamado crepúsculo

2008-12-18T21:31:00.001-03:00

## Satisfações -- Todos já devem estar preocupados com a ausência desse mero blogueiro, mas agora já podem parar de procurar nos hospitais e podem avisar os policiais que estou de volta.

Depois de parar alguns dias para esclarecer as idéias eu resolvi voltar, confesso que estava com saudades de escrever meus textos e me divertir com posts alheios. Todo esse tempo serviu para liberar minhas idéias e dar um rumo na minha vida, essa é a única coisa que posso lhes dizer, pois o fato em sí eu não posso revelar, por se tratar de problemas pessoais que me impediam completamente de acessar o blog. Mas o que importa é que voltei depois de + - 20 dias.

Bom, todos estão avisados, o blog está online novamente e espero ter os meus visitantes fiéis por aqui de novo.

Para dar início a uma nova temporada de postagens, diversão, stress e trabalho árduo, vou falar sobre a nova febre dos cinemas (pelo menos aqui em Cg), o Filme “Crepúsculo”.

Sinopse:

Isabella Swan, 17 anos, vai viver com o pai para Forks, uma pequena cidade onde pensa que aí a sua vida tornar-se-á tão aborrecida como o local onde vai morar. Mas, no liceu conhece o misterioso Edward, um rapaz inteligente e divertido e diferente de todos os outros que já conhecera. Entre os dois começa uma sensual e perigosa relação. Edward consegue correr tão rápido como um leão, travar um carro em andamento com as próprias mãos e é imortal. É vampiro, mas conseguiu até hoje resistir à tentação de beber sangue. Mas agora que encontrou a sua alma gémea, o seu instinto chama-o. Bella é aquela com que ele sempre sonhou e quando ela descobre que ele é um vampiro já é tarde demais.

Trailer:

Ele será exibido em todos os cines do Brasil amanhã, 19/12/08.

O filme deve ser bom, principalmente por ser baseado no próprio livro, de onde saiu tanta polêmica.

O site oficial está com uma grande novidade, onde você poderá ganhar um pôster autografado pelo ator Rob Pattinson.

Para isto, mostre que você é fã de Crepúsculo! Recrie sua cena favorita da estória, do jeito que quiser no formato vídeo.

O tema da obra é: DEMONSTRE DE FORMA CRIATIVA UMA CENA RELATIVA AO LIVRO CREPÚSCULO.

Clique aqui para saber mais sobre essa promoção.

Para as gatinhas de plantão, corra e faça já seu vídeo.

Wallpapers

Também no site, se encontra vários papéis de parede para seu computador, clique aqui e acesse a guia “Extras”.

Espero que tenham gostado das novidades. E lembre-se, visite esse blog muitas vezes.

Agora voltamos com nossa programação normal!

Use a OpenID e gere mais visitas para seu blog

2008-11-30T17:50:00.001-03:00

(Foto por Selena Marie)

Estava fazendo uma mega busca na web a procura de dicas para gerar mais visitas a esse blog, claro que inúmeros truques surgem ao longo dos textos, mas encontrei esse post do Compulsivo, onde ele da uma dica bem simples para você aumentar suas visitas comentando com a opção “OpenID”.

O que dizem por aí…

OpenID é um sistema de identificação desenvolvido por Brad Fitzpatrick do LiveJournal. Se trata de uma rede distribuída na qual a identidade de um usuário é dada por uma URL ou XRI que pode ser verificada por qualquer servidor executando o protocolo.

Em sites que suportam OpenID, usuários não precisam criar uma nova conta antes de poder acessá-lo. Só é necessário autenticação por um site que suporta OpenID, chamado provedor de identidade. Esse provedor pode então confirmar o dono da OpenID para outro site que suporta OpenID. (A Wikipédia que disse.)

Então sabe-se que comentando com OpenID você tem mais chances de ganhar visitas, pois a url do seu blog aparece diretamente no blog que foi feito o comentário, ou seja, nada de ir parar na página de perfil (da qual eu não gosto).

Eu só comento usando essa opção. Garanto que de alguma forma isso funciona.

Se você é usuário do blogspot deverá inserir a url do seu blogue para se autenticar. Caso use a conta do google, seu perfil será mostrado.

Nota# “Quando for comentar pela primeira vez em determinado blog, será necessário confirmar sua autoridade de conta. Isso serve para garantir que você é você mesmo. =D

E quando for responder um comentário dentro do seu próprio blog, use a conta google, que destacará seu comentário dos demais além de mostrar a sua foto.

Tire o dia para arrumar a casa

2008-11-25T18:03:00.001-03:00

(Foto por Manu Sanches)

Como muitos já sabem, a Nospheratt está voltando com o “desafio 21 dias”, (clique aqui e saiba mais), claro que eu estou participando, não sei se terei tempo para realizar todos eles, mas vou fazer o possível, pois não é fácil fazer curso a manhã toda, trabalhar a tarde toda e blogar de madrugada. (mas eu sobrevivo…)

Lembrando que vale o esforço, pois os 11 blogueiros que completarem as tarefas poderão ganhar um prêmio.

A primeira tarefa é fazer uma limpeza geral no blog, seja corrigindo links quebrados, corrigir detalhes no layout, corrigir e realojar scripts ou eliminar widgets inativos e inúteis.

Aqui vai a minha primeira tarefa cumprida:

Descobrir páginas de erro dentro do seu site: (Via Google Webmasters)

Como um bom blogueiro que sou, utilizei a ferramenta para webmaster do google. Para você ter uma idéia não encontrei nenhum errinho nas páginas via Rastreamento da web

Clique na foto para ampliar!

Eliminar plugins ou widgets inativos ou inúteis: (via painel de controle - Blogger)

Os itens circulados são os que foram removidos, notei que eles estavam pesando a página, principalmente aquele script de fade nas imagens.

Agora já posso ver a diferença, do antes e depois dessa mudança.

Eu aconselho você a fazer o mesmo, garanto que vale o sacrifício, pois são muitos erros simples que podem acabar comprometendo a “vida” do seu blog.

Olha só como ficou 10!

Corrigir links quebrados:

Usei o programa Xenu’s Link Sleuth (TM) (gratuito) para ver os links que estavam quebrados, e para minha surpresa foram muitos. A maioria deles estavam com bug nas redes sociais, então, não pude resolver todos eles de imediato, dê uma olhada nas duas imagens abaixo e veja o resultado:

Ainda não ficaram todos 100%, mas com o tempo vou arrumando, afinal são muitos posts para revisar.

Bom, agora é só esperar as outras tarefas..

Feed, saiba mais sobre essa ferramenta

2008-11-23T16:35:00.001-03:00

Blogueiro que é blogueiro sabe como aproveitar seu tempo, organizando suas ferramentas, seu conteúdo e a leitura de outros blogs.

Encontrei um vídeo muito útil no site Antena cwb, ele mostra passo a passo como aproveitar seu tempo lendo somente os blogs que foram atualizados e os artigos que mais lhe interessar.

Se você não tem noção do que é a palavra feed assista o vídeo, garanto que ele expandirá suas idéias e te deixará por dentro da ferramenta mais utilizada pelos blogueiros e por pessoas que adoram ter as notícias de fácil acesso.

Se você quer saber tudo sobre feed, acesse nosso artigo fixo clicando aqui!

Pedofilia – O ato mais cruel desse mundo

2008-11-20T11:58:00.001-03:00

(Foto por Vitorio Benedetti)

Alguns dias atrás eu incentivei os leitores desse simples blog a participar da campanha contra a pedofilia, não foram muitos blogs que aderiram ao movimento, mas sei que não sou o único com razão para ODIAR os pedófilos e aliciadores de menores.

Muito obrigado aos blogs participantes, como prometí, vou coloca-los na lista de indicações do Mundo dos Blogues!

Definição do ato Pedofilia:

De acordo com a Wikipédia a pedofilia é o desvio sexual "caracterizado pela atração por crianças ou adolescentes sexualmente imaturos, com os quais os portadores dão vazão ao erotismo pela prática de obscenidades ou de atos libidinosos".

O uso do termo pedofilia para descrever criminosos que cometem atos sexuais com crianças é visto como errôneo por alguns indivíduos, especialmente quando tais indivíduos são vistos de um ponto de vista clínico, uma vez que a maioria dos crimes envolvendo atos sexuais contra crianças são realizados por pessoas que não são clinicamente pedófilas (e sim, realizaram tal ato por outras razões, tal como para aproveitar-se da vulnerabilidade da vítima), e não por pessoas que sentem atração sexual primária por crianças.

Alguns especialistas acreditam que a atração sexual por crianças é por si mesma um tipo de orientação sexual. Isto vai contra ao entendimento dominante, pelo qual o termo orientação sexual é categorizado como sendo a atração sexual por pessoas do sexo oposto, do mesmo sexo, ou por ambos os sexos. Os proponentes desta idéia divergente alegam que a heterossexualidade, a homossexualidade e a bissexualidade não são normalmente associados com a atração sexual por crianças, e que estas são suficientemente diferentes dos adultos, seja física ou psicologicamente, para que a pedofilia possa ser categorizada como um tipo de orientação sexual.

O caso mais recente foi da menina de 15 anos que após ficar bêbada, foi estuprada por três rapazes, onde os mesmos colocaram imagens e um vídeo na web. Após receber imagens pela internet, um delegado começou a investigar o caso, que ainda não foi resolvido.

Os violentadores foram um universitário e dois alunos de escolas particulares de Joaçaba (SC)

Nota# “Como vocês podem ver, os que mais praticam esse tipo de violência são os de classe alta e média alta”.

Assista o vídeo aqui (Vídeo da reportagem)

Toda pessoa normal sabe como é cruel abusar de crianças, eu não entendo como tem gente que discorda, maltrata, estupra e mata os seres mais inocentes e vulneráveis desse mundo. Eu acho que uma simples prisão não basta, uma nova regra tem que ser imposta, com uma série de tortura diária. Quem sabe assim esses F.D.P não pensam duas vezes antes de praticarem a pedofilia.

Feche o ano com chave de ouro

2008-11-16T01:45:00.001-03:00

(Foto por Zoran Ožetski)

Se vocês acessam com freqüência o blosque, blog da querida e sensata Nospheratt já deve estar sabendo da novidade que ela promoverá. O desafio 21 dias!

Tarefas serão postadas diariamente em seu blog, durante 21 dias, até o final do ano. Como ela mesma disse, esse é o período em que os blogues ficam sem atualizações devido às festas, a cachaça e as mulheres bonitas. (pausa para risos).

Para você ter uma idéia, esse desafio já foi realizado ano passado e ocorreu tudo nos conformes, tanto é que está sendo repetido novamente esse ano.

Espero que todos possam participar para fechar 2008 com chave de ouro, atingindo metas e se preparando para começar 2009 com o pé direito, colocando em pauta tudo que desejas realizar nesse novo período de atualizações e trabalho árduo.

Essa será sua chance de manter uma boa relação com seu blog, personalizando, postando, otimizando e melhorando as chances de você se tornar um verdadeiro sucesso da blogsfera.

Saiba mais no blosque.

Campanha - Mamãe eu quero subir no ranking do BlogBlogs!

2008-11-14T10:21:00.001-03:00

Está rolando na web uma campanha pra lá de inusitada, onde blogueiros querem dominar o ranking da maior ferramenta já inventada. O Blogblogs (jabá?)

Enfim, para participar é muito fácil, basta você comentar nesse post, ou nesse, mandando o link da postagem sobre a campanha e depois divulgar a campanha para o maior número possível de blogueiros. E a cada post, o blog em questão deve linkar TODOS os outros blogs participantes.

Como disseram por ai, “o segredo do sucesso e esse amigão! Links. O esquema é ser linkado!”

Eu estou participando e convido todo mundo para participar também.

Viva o BlogBlogs! Viva a Blogsfera!

Blogs que estão participando até a publicação desse post:

inSUPORTÁveis – RafaBarbosa.com - SNES-Classics – Lazer – Paguei Mico – Totalmente Responsa – NerdPobre – Desconspiração – Até Tu Brutus – Boneco de Meia – Cogumelos - O Crepúsculo - Triplo Sentido - Caixa Pretta - Papibakigrafo - Fester Blog - Estranhos Europeus - Mundo Afora - Igaum - Senhor Coxinha - Macacumor - Jacaré não come Alpiste - Muita Pimenta - Blog Stereo - Portal Brogui - AJ - Seu estranho - E-Fail - Speed Racer Go Brazil - Pica Pau Brazil - Blog da Mandioca - Malcan - Kamikaze Blog - Mamão Papaia - Malvada - Blog Alternativa - Praticando Humor - Resistance Base - Tudo a ve - Esqueci as chaves - Os Gugas - Foodasticos - Medo do Ego - Denker - Quarto Universitário - SlinkBlog - Café com Pão - Blog do Tiago - Pior -XGoogle - Momento Piada - Fábio P. - Blogando Blog - Seu Boga - Drax - Corto Cabelo e pinto - Outside - Balabusca - Void - Torresmo Fresco - Quatro Minutinhos - Que Mario? - O Padre Voador - Mundo Véio - Mente Vazia é Oficina! - Cogumelo Louco - Vipuraí - Velho - N3tho - Corvos de Malta - NadaVe - Na Mosca - Bate Cabeça - Tô Zuando - Xerox66 - Comic World - Bravus - D_Ver@s - Medsi Downloads - Plano Beta - Sónaboa - Blog do Catarino - Dekantalabassi - O que rola na net - Infonet News - Dia Quente - Minino Bobo - Toques de Prazer - Erro 404 - Jose Carlos Jr. - Eh Memo - Gestantes - Blog do Ananias - Humoroto - Dicas na net - CRPO - Um Tudo - Cérebro de Batata - Seita Sempuu - {D}efeitos Especiais - Papo de Buteco - Tio Punk - @Grega - Oncioso - Suspensa - Vai Digitando - Top Pacaralhu - DJ Magu - SempreON - Pigg - Balastraca - Tudo Junto - Cidadão Maluco - ~~Mundo dos Blogues~~ - Usuário Compulsivo -

Quem está organizando essa chonga são os blogs Insuportáveis e Rafabarbosa.com.

Template - twitter para blogger

2008-11-12T23:40:00.000-03:00

Se você é um super viciado em twittar eu tenho uma ótima notícia para te dar.

Encontrei um template muito parecido com o twitter, ele tem um ar de ser simples igual o original e é totalmente customizável.

Como podes ver na foto abaixo, ele é ótimo para quem publica textos pequenos (mini-posts).

Demonstração: (não liguem para a formatação, ele está em outro idioma)

Download

Entendendo esse estranho mundo da blogsfera

2008-11-11T22:20:00.001-03:00

Esse texto foi originalmente criado por Rafael Silveira, do blog Espaço blogger. Caso tenha alguma reclamação a fazer entre em contato comigo.

Olá prezados leitores, aproveitei o espaço que o Douglas – proprietário do Mundo dos Blogues - me ofereceu aqui, para deixar uma ajuda para aqueles que iniciam e não compreendem muito bem o que se passa por este imenso universo.

Talvez você já tenha ouvido o termo “Blogsfera” e não entendeu muito bem o que isso significa. Pois é, eu ainda não entendo direito também. A primeira vez que escutei logo deduzi que se tratava de um universo digital em que você coloca a disposição dos internautas informações, noticias, dicas, tutoriais, e etc.

Então meu primeiro blog oferecia ao internauta a oportunidade de ele encontrar softwares, tutoriais, apostilas, dicas referentes a Informática em si. Ali o usuário tinha acesso a programas espalhados pela Web, que eu procurava e concentrava tudo dentro deste blog. Ainda possuo mais atualizo casualmente, pois investi em um novo projeto a pouco tempo. Mas voltando ao nosso assunto, na blogsfera é oferecida a oportunidade para você - novo blogueiro – criar seu diário on-line.

Muitos optam por oferecer ajuda, outros decidem abrir seu coração, falar de seus sentimentos e há ainda aqueles que simplesmente tem o Blog por ter, para ter um lugar onde confidenciar seus segredos. Eu particularmente criei um Blog para disponibilizar uma ajudinha básica aos internautas, fazer novas amizades e ser ajudado também.

Podemos começar então com as dicas básicas mais importantes para você ter um blog original e interessante.

4 Dicas fundamentais para seu desenvolvimento como blogueiro:

1 - Blogsfera

A blogsfera é flexível, mas se você quer ter um blog de sucesso, é necessário saber escolher seus assuntos. Visualize e imagine um público alvo, fale sobre assuntos que chamem a atenção desse público, use sua criatividade para dar ajuda aos outros, você pode não saber, mais com certeza tem um dom escondido ai dentro desse cérebro.

2 – Não tenha vergonha de se expressar

Para expor seu dom é necessário perder a vergonha. De começo eu tinha vergonha de comentar, tinha vergonha de perguntar, tinha vergonha de errar, tinha vergonha até de criar uma postagem com minhas próprias palavras. Mas logo entendi que era necessário que eu perdesse esse medo e investisse em criações próprias. E realmente tenho percebido o retorno que isso tem.

3 – Comunique-se

Ainda acho necessário você criar novas amizades, fale com outros blogueiros que estejam dispostos a lhe ajudar, que estejam dispostos a dar dicas, isso também ajuda em muito.

4 – Não copie conteúdo alheio

Outro assunto que muitos blogueiros falam é o de evitar o plágio, isso e crucial, se você copia uma postagem de outro blog, isso prejudica seu blog, pois o Google não gosta de “repetecos” e muitas vezes deixa de incluir seu blog nos mecanismos de busca.

Bom, se fossemos ficar aqui conversando sobre isso, ficaríamos um dia inteiro só neste assunto.

- Aproveito para agradecer ao Douglas mais uma vez pela oportunidade que ele abriu aqui, e façam como eu. Aproveitem!

Se você também quer que seus artigos apareçam nesse blog clique aqui e saiba como! É fácil e gratuito.

Guest Post – Publique seu artigo

2008-11-08T00:41:00.001-03:00

(Foto por Gmaximo)

Nesse momento estou TOTALMENTE sem inspiração, não consigo pensar em nada que dê um bom post, então resolvi criar a sessão “Guest Post” do mundo dos blogues.

Mas o que significa Gest post?

Esse termo é usado para classificar os posts feitos por outros usuários do blog, ou seja, você me manda um artigo de sua autoria e eu publico aqui, colocando um link para seu blog/site e uma foto sua (opcional).

Isso funciona como uma troca de links, onde sua página ganhará visitas a partir daqui, se os meus leitores gostarem do seu artigo é claro.

Você escreve um artigo qualquer, sendo EXCLUSIVO eu irei avaliar se ele será ou não publicado:

Regras básicas para ser aprovado:

Escreva um português fluente;

Não use internetês, MiguxXêsS e derivados;

Não fuja do assunto abordado;

Não seja um spammer;

Não me envie um conteúdo do seu próprio blog, o máximo que você pode fazer é um resumo do assunto abordado. Pois como eu disse em outro post, o google penaliza conteúdo duplicado. E isso serve tanto para mim, quanto para o autor do texto.

O Assunto do post

O assunto fica a seu critério, claro que você não pode abusar, postando qualquer coisa só para receber visitas.

Falando em primeira mão, o tema desse blog é “Blogsfera” (como o nome mesmo já diz), ou seja, só irei publicar posts relacionados a web blogs, sites, SEO e outras infinitas novidades nesse mundo.

Envie-me algo relativamente interessante, garanto que se seu post for realmente bom, ganhará muitas visitas.

Imagens do post

Mande as imagens anexadas ao e-mail, ou apenas o link para eu salvar e adicionar no texto.

Envie seu conteúdo para o e-mail:

Essa é uma forma de ajudar blogs iniciantes e também de descobrir seu talento nato de escritor. Quem sabe não podemos até fechar uma boa parceria…

Menu lateral com mouse over

2008-11-04T11:33:00.001-03:00

Se você tem uma grande quantidade de links na sua sidebar esse menu te ajudará muito, pois ele é muito estiloso e ainda por cima deixa seu template bonito.

Uma vantagem de usa-lo é que ele é expansível, ou seja, você clica para exibir o conteúdo, e clica de novo para recolher, assim, aquela lista enorme se transforma em um simples bloco de 5 linhas.

Essa dica eu aprendi com a rô, do Bloggersphera.

- Para começar é necessário que você baixe e hospede dois scripts:

jquery-1.2.6.pack.js
ddaccordion.js

OBS: Use o Skydrive para hospeda-los - Copie o conteúdo dos links acima, cole no bloco de notas, salve com a extensão .js e faça o upload.

- Entre no editor HTML do blogger e mantenha desmarcado a opção “Expandir Modelos de Widget”

- Copie o código abaixo e cole antes de </head>

Código  <script src='http://jscripts.ning.com/id/138153618/jquery-1.2.6.pack.js' type='text/javascript'/> <script src='http://jscripts.ning.com/id/138148683/ddaccordion.js' type='text/javascript'> /*********************************************** * Accordion Content script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com) * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts * This notice must stay intact for legal use ***********************************************/ </script> <script type='text/javascript'> ddaccordion.init({ headerclass: "headerbar", //Shared CSS class name of headers group contentclass: "submenu", //Shared CSS class name of contents group revealtype: "mouseover", //Reveal content when user clicks or onmouseover the header? Valid value: "click" or "mouseover mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover collapseprev: true, //Collapse previous content (so only one open at any time)? true/false defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc] [] denotes no content onemustopen: true, //Specify whether at least one header should be open always (so never all headers closed) animatedefault: false, //Should contents open by default be animated into view? persiststate: true, //persist state of opened contents within browser session? toggleclass: ["", "selected"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"] togglehtml: ["", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs) animatespeed: "normal", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow" oninit:function(headers, expandedindices){ //custom code to run when headers have initalized //do nothing }, onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed //do nothing } }) </script>

- Agora copie esse outro código e adicione antes de ]]></b:skin>

Código /* ----- Menu-Lateral ----- */ .urbangreymenu{width: 160px; /*largura do menu*/} .urbangreymenu .headerbar{ font: bold 13px Verdana; color: #666; background: #000; margin-bottom: 0; text-transform: uppercase; padding: 7px 0 7px 21px; } .urbangreymenu .headerbar a{ text-decoration: none; color: #fff; display: block; } .urbangreymenu ul{ list-style-type: none; margin: 0; padding: 0; margin-bottom: 0; } .urbangreymenu ul li{ padding-bottom: 2px; } .urbangreymenu ul li a{ font: normal 12px Arial; color: #000; background: #efefef; display: block; padding: 5px 0; line-height: 17px; padding-left: 8px; text-decoration: none; } .urbangreymenu ul li a:visited{ color: #999; } .urbangreymenu ul li a:hover{ /*hover state CSS*/ color: #fff; background: #3e3e3e; } /* -----Fim Menu-Lateral ----- */

- Agora visualize seu template, se estiver tudo no lugar, salve.

Lembrando que você não verá nenhuma mudança ainda.

- Na última parte você terá que entrar em "Laytout" e criar um novo gadget (elemento de página) HTML/JavaScript com o seguinte conteúdo:

Código <div class="urbangreymenu"> <h3 class="headerbar"> <a href="http://Link Principal 1.blogspot.com/"> LINK PRINCIPAL 1</a></h3> <ul class="submenu"> <li><a href="http://Link Secundário 1.1.blogspot.com/"> Link Secundário 1.1</a></li> <li><a href="http://Link Secundário 1.2.blogspot.com/"> Link Secundário 1.2</a></li> <li><a href="http://Link Secundário 1.3.blogspot.com/"> Link Secundário 1.3</a></li> <li><a href="http://Link Secundário 1.4.blogspot.com/"> Link Secundário 1.4</a></li> <li><a href="http://Link Secundário 1.5.blogspot.com/"> Link Secundário 1.5</a></li> </ul> <h3 class="headerbar"> <a href="http://Link Principal 2.blogspot.com/"> LINK PRINCIPAL 2</a></h3> <ul class="submenu"> <li><a href="http://Link Secundário 2.1.blogspot.com/"> Link Secundário 2.1</a></li> <li><a href="http://Link Secundário 2.2.blogspot.com/"> Link Secundário 2.2</a></li> <li><a href="http://Link Secundário 2.3.blogspot.com/"> Link Secundário 2.3</a></li> <li><a href="http://Link Secundário 2.4.blogspot.com/"> Link Secundário 2.4</a></li> <li><a href="http://Link Secundário 2.5.blogspot.com/"> Link Secundário 2.5</a></li> </ul> <h3 class="headerbar"> <a href="http://Link Principal 3.blogspot.com/"> LINK PRINCIPAL 3</a></h3> <ul class="submenu"> <li><a href="http://Link Secundário 3.1.blogspot.com/"> Link Secundário 3.1</a></li> <li><a href="http://Link Secundário 3.2.blogspot.com/"> Link Secundário 3.2</a></li> <li><a href="http://Link Secundário 3.3.blogspot.com/"> Link Secundário 3.3</a></li> <li><a href="http://Link Secundário 3.4.blogspot.com/"> Link Secundário 3.4</a></li> <li><a href="http://Link Secundário 3.5.blogspot.com/"> Link Secundário 3.5</a></li> </ul> </div>

Agora sim, depois de inserir seus links já poderá ver esse menu no seu blog.

Blockquote – Destacando partes do texto

2008-11-01T16:51:00.001-03:00

O termo Blockquote refere-se a um destaque (citação) em determinada parte do texto, e é representada no painel de controle do blogger pelo sinal de aspas.

Esse é um exemplo de citação

Você pode configurar esse hack de acordo com as cores do seu template, para deixar tudo harmonizado e um visual elegante.

Se você publica tutoriais, essa dica é muito útil, pois serve exatamente para seus propósitos, destacando a parte dos códigos.

Para configurar esse hack entre no editor HTML e procure pelo seguinte trecho:

blockquote {

margin: 10px;

padding: 8px;

background: #ECF5FF; }

Altere a cor do fundo da citação em "background".

Nota# "O trecho pode estar diferente em seu template, procure por “. post blockquote”. Caso não encontre também é só adicionar o código acima antes da tag ]]></b:skin>.

Faça backup do seu blog

2008-10-29T18:59:00.001-03:00

(Foto por Denilson Takeda )

Fazer backup do blog é super importante para garantir um trabalho bem feito, desse modo você está se precavendo de acidentes graves, como os de erro no editor html e os de pane da própria plataforma. Qualquer mudança errada no template poderá fazer com que ele não funcione mais, prejudicando todo o trabalho e tempo que você gastou nele.

Se você faz qualquer coisa para manter uma organização deve saber que é um erro fatal não cumprir a regra do backup, então vou mostrar aos leigos como preceder perante esse assunto.

Salvando seus posts

Para salvar seus posts via painel de controle você terá que acessar o blog de testes do blogger, http://draft.blogger.com/home, assim você poderá importar todo seu arquivo direto do site, basta escolher o blog, clicar em “Configurações” e depois em “Exportar blog”.

Esse jeito é o mais prático, você não precisa instalar nada no computador e é tudo muito rápido dependendo da quantidade de artigos que você tiver.

Programas

Se você preferir, poderá usar algum programa gratuito que faz o mesmo trabalho citado acima, como o:

Blogger Backup;

HTTrack ;

Fazendo backup do template

Bom, depois de salvar seus posts está na hora de fazer o mesmo com o template, entre no painel do blogger, depois em “Layout” –> “Editar HTML” e clique em “Baixar modelo completo”

Assim ele salvará o arquivo .XML no seu computador, qualquer coisa é só fazer o upload novamente para o servidor.

Minha dica é fazer um backup com freqüência. Eu faço a cada duas semanas, acho que está muito bom, e dentro desse período procuro avaliar as modificações que fiz no template. Mas você pode salvar tudo conforme suas necessidades (semanal, quinzenal, mensal, etc…)

Lembre-se, tudo que você está fazendo agora poderá ser a solução para os problemas futuros.

Attributor – quem são os plagiadores

2008-10-29T16:18:00.001-03:00

Plágio é um assunto muito discutido na web, tenho procurado maneiras de combater esse tipo de crime, e atualmente(Interney) encontrei o attributor, um site que te passa com detalhes os blogs que copiaram seu conteúdo, tanto os textos quanto as imagens.

Ele fornece muitos detalhes da página que te copiou:

Quais domínios possuem cópias dos seus textos;
Quantas páginas com cópias do seu texto existem em cada domínio;
Quantos % do seu texto foi copiado;
Se existem anúncios na cópia encontrada;
Se ela possui um link para o artigo original;

Eu achei esse recurso fantástico, porque mesmo usando uma licenca creative common, copyright ou pedindo crédito, sempre tem um merd** que copia seu conteúdo. Poxa, já que vai copiar, quanto custa colocar um link para o artigo original??

Cadastro

Para usar o attributor você tem que fazer um rápido cadastro, clique aqui e entre com os seus dados;

Em seguida adicione seu feed/rss para o sistema puxar seu conteúdo.

Nota# “No momento esse sistema funciona apenas para empresas, em breve estará disponível para todos os blogueiros do mundo”

Agora o jeito é esperar sair a versão para nós, simples blogueiros.

Árvore de natal da blogsfera

2008-10-29T00:44:00.001-03:00

O natal está chegando, muitas campanhas e brincadeiras estão surgindo entre os blogueiros, nada mais justo ter um descanço, porque depois de um ano todo de “ralo” merecemos alguma diversão.

O blog MUNDO AFORA resolveu criar a árvore de natal da blogsfera, onde todos os blogueiros inscritos poderão inserir seu enfeite e deixa-la uma belezura só, com os blogs mais aclamados da internet, e é claro que eu estou participando também.

Se você quiser entrar nessa onda basta fazer uma postagem divulgando a campanha, em seguida postar um comentário nessa página e enviar seu enfeite para deia.mundoafora@gmail.com.

Nota# “O enfeite pode ser uma meia, uma bola, um sino, laço ou qualquer outro enfeite meigo (Ui) que você achar legal.”

Para saber mais acesse o site clicando aqui

Dia das crianças + Campanha

2008-10-26T22:13:00.002-03:00

(Foto por Vane)

Você deve estar achando que o autor que vos escreve está doido, pois o dia da criança já passou., mas digo que estou muito bom das idéias. Oficialmente o dia MUNDIAL das crianças é só no mês que vem, para ser preciso no dia 20 de novembro.

Se você acha que é brincadeira olha o que a wikipédia diz sobre o assunto:

“O Dia Mundial da Criança, oficialmente, é 20 de novembro, data que a ONU reconhece como Dia Universal das Crianças por ser a data em que foi aprovada a Declaração dos Direitos da Criança. Porém, a data efetiva de comemoração varia de país para país.”

Esse post vai muito além disso, vou tratar de um assunto muito sério. A pedofilia.

Todo mundo já sabe que esse é um grande problema que ocorre no mundo todo. Eu particularmente fico indignado com tamanha crueldade e resolvi tomar uma iniciativa, mesmo que ela seja simples e que não acabe com o problema.

No dia 20/09/2008 todos estão convidados para fazer uma postagem de protesto contra a pornografia infantil. O objetivo é mobilizar o maior número de internautas (é internet é o principal alvo desse tipo de crime).

Por isso não se esqueça, prepare uma postagem bem criativa para conscientizar a população virtual.

Junto com a campanha resolvi criar um selo, para mostrar aos meus leitores que eu sou totalmente contra a pedofilia. Se você também quer participar basta copiar o código do selo abaixo e colar em seu blog, site, fórum, comunidade no orkut ou qualquer outro método de divulgação.

Nota# “Em width você pode alterar a largura do selo”

Nota## “Se você for melhor design que eu e quiser contribuir com um selo melhor entre em contato”

Depois de “pegar” o selo, deixe um comentário nesse post. O mínimo que eu posso fazer é colocar um link para seu blog aqui, para mostrar ao mundo que você também é contra todo tipo de violência contra as crianças.

Ajude também fazendo uma postagem, passe essa campanha adiante.

Todos que participarem da campanha ganharão um link aqui no blog.

Garanto que quanto mais falarmos sobre esse assunto melhor será o resultado, pois tem muita gente combatendo esse tipo de crime, tanto na vida real quanto na virtual.

Proteja as crianças, denuncie, Clique aqui! (Lembre-se que pode ser seu filho)

Blogues que estão ajudando a campanha:

Update* A campanha foi encerrada, mas você ainda pode pegar um dos banners e adicionar no seu blog.

Obrigado aos blogs que participaram dessa campanha!

Novo recurso do blogger - Seguidores

2008-10-23T10:31:00.001-03:00

Há algum tempo fiz uma postagem sobre o novo recurso do blogger, os “seguidores”, naqueles dias as únicas pessoas que podiam ter essa função eram os que tinham o blog no idioma inglês. Eu até ensinei a utilizar o recurso aqui no Brasil, mas muita gente não gostou de ter o blog em outra língua.

Agora a espera acabou, foi lançado oficialmente o gadget para os brasileiros.

Adicionando no seu blog

Para ativar acesse seu painel, depois entre em “Layout”-> “Adicionar um gadget” e escolha a opção “Seguidores”.

Depois disso as pessoas poderão seguir seu blog, ficar sabendo das novidades entre outras coisas.

Se você não sabe o que significa essa nova onda clique aqui e saiba mais.

Programando suas postagens no blogger

2008-10-23T09:44:00.001-03:00

No blogger já é permitido programar postagens há muito tempo, você pode escolher a data e o horário para que a publicação do post ocorra automaticamente.

Quando for escrever um artigo, basta você clicar em “Opções de postagens”, em seguida escolher a data e a hora do post. Depois clique em “Públicar” e pronto, esse post será enviado ao blog na data que você escolheu.

Se você usa o Windows Live Writer para postar no blog, basta encontrar a opção “Definir data de publicação” marcar a caixinha e escolher a melhor data.

Eu aconselho aos donos de blogs a criarem vários artigos e salva-los, assim quando vocês tiverem algum imprevisto, seus leitores não ficarão na mão.

Template Flora Scent

2008-10-20T10:24:00.003-03:00

Mais um template legal para vocês apreciarem.

É impressionante como podemos achar novos modelos para o blogger. Quem disse que o wordpress é a solução?

Mais informações clique aqui.

Compartilhando seus artigos

2008-10-19T19:06:00.011-03:00

Social Bookmarks é um método muito bom para compartilhar seus artigos, com ele os usuários podem enviar os posts para as mais famosas redes, como o Digg, del.icio.us, technorati, Ueba entre outros.

Vou ensina-los a inserir uma barra como a minha, totalmente personalizada, dica que eu aprendi com a Juliana.

Entre no modo de edição HTML e marque o campo "Expandir Modelos de Widgets".

Dentro do CSS adicione o seguinte código:

/* ----- Bookmarking ----- */
.book {
margin-top:5px;
background:#fdfdfd;
padding:2px 2px 2px 2px;
border:1px solid #f0f0f0;
}
.rsociales ul {
display:inline;
margin:0pt !important;
padding:0pt !important;
}
.rsociales li {
background:transparent none repeat scroll 0%;
display:inline;
list-style-type:none;
margin:0pt;
padding:2px;
}
.rsociales img {
border:0pt none;
float:none;
margin:0pt;
padding:0pt;
}
.rsociales-sobre {
opacity:0.4;
}
.rsociales-sobre:hover {
opacity:1;
}

Depois procure por <p class='post-footer-line post-footer-line-3'/> e em baixo cole:

<div align='left'><div class='book'>
<div class='rsociales'>
<span class='blogk'>
<ul>
<li><a expr:href='data:post.emailPostUrl'
target='_blank' title='Enviar por Email'><img
class='rsociales-sobre'
src='http://IMAGEM.png'/></a></li>
<li><a
expr:href='"http://del.icio.us/post?url=" +
data:post.url + "&title=" +
data:post.title' target='_blank' title='Incluir no
del.icio.us'><img class='rsociales-sobre'
src='http://IMAGEM.png'/></a></li>
<li><a
expr:href='"http://digg.com/submit?phase=3&url="
+ data:post.url' target='_blank' title='Incluir no
Digg'><img class='rsociales-sobre'
src='http://IMAGEM.png'/></a></li>
<li><a
expr:href='"http://dihitt.com.br?botao=enviar&url="
+ data:post.url + "&titulo=" +
data:post.title' target='_blank' title='Incluir no
diHITT'><img class='rsociales-sobre'
src='http://IMAGEM.png'/></a></li>
<li><a
expr:href='"http://www.linkk.com.br/submit.php?url="
+ data:post.url + "&title=" +
data:post.title' target='_blank' title='Incluir no
LinkK'><img class='rsociales-sobre'
src='http://IMAGEM.png'/></a></li>
<li><a
expr:href='"http://rec6.via6.com/link.php?url="
+ data:post.url + "&titulo=" +
data:post.title' target='_blank' title='Incluir no
Rec6'><img class='rsociales-sobre'
src='http://IMAGEM.png'/></a></li>
<li><a
expr:href='"http://ueba.com.br/NovoLink?url="
+ data:post.url + "&titulo=" +
data:post.title' target='_blank' title='Incluir no
UÃƒÂªba'><img
class='rsociales-sobre'
src='http://IMAGEM.png'/></a></li>
<li><a
href='http://feeds.feedburner.com/mundodosblogues/'><img
alt='Assinar feed' class='rsociales-sobre'
src='http://IMAGEM.gif'/></a></li>
<li><a
expr:href='"http://www.technorati.com/faves?add="
+ data:post.url + "&title=" +
data:post.title' target='_blank'><img alt='Agregar a
Technorati' class='rsociales-sobre'
src='http://IMAGEM.gif'/></a></li>
<li><a
expr:href='"http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk="
+ data:post.url + "&title=" +
data:post.title' target='_blank'><img alt='Agregar a
Google' class='rsociales-sobre'
src='http://IMAGEM.gif'/></a></li>
<li><a
expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u="
+ data:post.url + "&title=" +
data:post.title' target='_blank'><img alt='Agregar a
Yahoo!' class='rsociales-sobre'
src='http://IMAGEM.png'/></a></li>
<li><a
expr:href='"http://blogmarks.net/my/new.php?mini=1&simple=1&url="
+ data:post.url + "&title=" +
data:post.title' target='_blank'><img alt='Agregar a
Blogmarks' class='rsociales-sobre'
src='http://IMAGEM.gif'/></a></li>
</ul>
</span>
</div>
</div>
</div>

Cique aqui e baixe gratuitamente o pacote de ícones

Nota# "Você deve hospedar todos os ícones em algum servidor, como o skydrive e depois alterar o campo "http://IMAGEM" pelo link da imagem referente".

Nota## "Não se esqueça de colocar o endereço do seu feed onde está escrito "<ahref='http://feeds.feedburner.com/mundodosblogues/'><img".