sexta-feira, 12 de agosto de 2011

Colocando Sombra ao redor do blog

Sombra no blogCom certeza, o tom de sombra em locais do blog deixa o mesmo com um aspecto bem diferente. Anteriormente tinha postado aqui no cblogger um tutorial de como colocar sombra na área das postagens, mas desta vez irei mostrar como colocar sombra em volta de todo o blog.

1. Faça o login no blogger  e acesse o painel principal do seu blog;

2. Vá em “Modelo” –> “Editar Modelo” e procure por:

#content-wrapper {

3. Abaixo dessa linha cole o seguinte código:

-moz-box-shadow: 3px 5px 23px #262626;
-webkit-box-shadow: 3px 5px 23px #262626;
box-shadow: 3px 5px 23px #262626;

4. Depois visualize e veja como ficou. Se estiver tudo bem, Salve!

Obs: 
A parte destacada de vermelho  no código é a cor da sombra. Se quiser, troque por outra. Clique aqui e veja a tabela das cores hexadecimais.

Marcadores: , , ,

3 Segredos para ter um blog de sucesso

Você gostaria de ter um blog de sucesso na internet? Gostaria de ver seu blog recebendo muitas visitas, muitos comentários e elogios dos visitantes e de outros blogueiros? Saiba como ter tudo isso lendo esse artigo.

Com o constante crescimento do numero de internautas ao redor do mundo, cresce também o numero de blogs na internet, estimasse que são criados milhares de blogs por dia, isso apenas no Brasil.

Vejo muitos blogs sendo criados apenas para 2 ou 3 meses depois acabar, pois seus administradores não sabem como desenvolver o projeto e torná-lo um sucesso, então se você tem um blog provavelmente o criou com o objetivo de que ele cresça e tenha um bom numero de visitas e comentários não é?

Se seu objetivo é alcançar o tão sonhado sucesso do seu blog, irei te contar os 3 e também mais importantes segredos para que seu blog se torne um fenômeno na internet.

• Postagens próprias e de qualidade
Com esse crescimento do numero de usuários de blog, cresceu também o numero de plágios na web, todo dia vários blogs são plagiados, se você tem um blog e espera crescer na internet, mas não tem conteúdo próprio, então eu tenho uma novidade pra você: Seu blog jamais terá sucesso. O que os internautas procuram são blogs de conteúdo próprio e de qualidade é claro, não é tão difícil produzir seu próprio conteúdo basta apenas que você use sua criatividade.

• Atualização constante
Se você tem um bom blog, mas deseja que ele seja melhor ainda, então você deve ter atualizações constantes para que seus visitantes fiquem estimulados a voltar pra ver as novidades que você traz até eles. (Os maiores blogs da web têm atualizações diárias)

• Divulgação
Quer ter um blog de sucesso? Então ele deve aparecer, divulgue o seu blog em agregadores de links, redes sociais como facebook, Orkut, twitter e etc. Divulgue no MSN, Divulgue pra seus amigos de escola/faculdade, pro seus familiares e se ainda estiver mais disposto a investir na divulgação do seu blog, então faça um cartão de visita, imprima e distribua na rua, crie um mini-cartaz, imprima e cole em locais visíveis aos olhos dos curiosos.

Faça uso dessas dicas e tenho certeza que você irá ver os resultados acontecendo. Espero que tenha gostado da minha primeira contribuição por aqui.

-Gostou do que escrevi? Então visite meu blog: • Mundo DSE | Digital Magazine •

Abraço e sucesso!

Marcadores: , ,

Resumo de postagens automático no blogger

Hack Postagens resumidas automaticamente Apesar do blogger já disponibilizar este recurso que pode ser aplicado rapidamente nas postagens, a partir deste tutorial irei mostrar como deixar suas postagens resumidas automaticamente na página inicial. Mas só lembrando que o recurso próprio do blogger não é automático, ou seja, nós mesmo temos que aplicar ele sempre criarmos uma postagem.

O script que disponibilizarei neste artigo foi desenvolvido por Vietwebguide. Para ver um exemplo prático deste hack clique aqui.

Além do hack resumir sua postagem na página inicial, ele também exibe uma pequena miniatura contida na sua postagem. Geralmente, a primeira imagem que estiver no post, será a imagem que o hack irá colocar como miniatura.

Vou dividir a postagem e duas Partes: Como colocar no blog e como personalizar.

1. Colocando no blog

Primeiramente faça o login no blogger e acesse o painel principal do seu blog.

Em seguida clique na guia “Modelo” –> “Editar Modelo”.

Agora procure por </head> e cole o seguinte código antes dela:

<script type='text/javascript'>
summary_noimg = 330;
summary_img = 300;
img_thumb_height = 125;
img_thumb_width = 125;
</script>
<script src='http://vietwebguide2.googlepages.com/summary-post-v20-test.js' type='text/javascript'/>

Salve e marque a caixinha “Expandir modelos de widgets”. Em seguida procure por:

<data:post.body/>

Substitua essa parte por:

<p><b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb
("summary<data:post.id/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>--> Leia mais...</a>
</span></b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if></p>

Salve e veja como ficou.

2. Como configurar

No primeiro script do tutorial você vai encontrar as seguintes partes onde você poderá configurar o hack.

summary_noimg – Número de caracters se não houver imagem;
summary_img – Número de caracteres se estiver imagem;
img_thumb_height = Altura da miniatura;
img_thumb_width = Largura da miniatura;

A parte destacada de vermelho no segundo código, é o que aparecerá como botão para expandir o post. Você pode colocar qualquer outra palavra.

Até mais pessoal! 

Li este artigo no Mundo Blogger.

Marcadores: , ,

Colocando Botão Tumblr no blog

image Atendendo o pedido de um de nossos queridos leitores, vou ensinar como colocar um “Tumblr Button" no seu blog. O botão do tumblr é bem legal e segue o mesmo padrão que as demais redes sociais. O objetivo dele, assim como os outros é promover os artigos contido no seu blog. No site do Tumblr encontramos diversos botões com diferentes tamanhos, inclusive, tem um que é bem semelhante a logo do twitter.

Então vamos ao que realmente interessa!

Antes de tudo, temos que pegar o código do botão, e para isso será necessário entrar no seguinte endereço:

http://www.tumblr.com/docs/en/share_button

Ao entra no site, copie o código que está no Step 1;

Copie o código Agora entre no Editor HTML do seu blog e cole o código antes da tag </body> e salve".

Em seguida volte na página dos botões novamente. Vamos ao Step 2. No Step 2 escolha um botão, e em seguida copie o código que é gerado logo abaixo dos deles.

Escolha o botão e copie o código

Agora volte ao Editor HTML do seu blog. Vou mostrar 3 maneiras onde você pode estar colocando este botão:

1. Colocando como um novo gadget

Para colocar como um novo gadget em seu blog, apenas clique na guia Layout no painel do seu blog, depois clique em ‘Adicionar um gadget’, escolha a opção ‘HTML/Javascript’, cole o código e salve. Depois é só mover para qualquer lugar do seu blog.

2. Colocando no topo das postagens

Para colocar no acima das postagens, apenas acesse o editor HTML do seu blog, marque a caixinha “Expandir modelos de Widgets”  e procure por:

<div class='post-header-line-1'/>

Cole o código abaixo de desta linha e salve.

3. Colocando Abaixo das postagens

Para colocar abaixo das postagens, apenas vá no editor HTML do seu blog e procure pela seguinte linha:

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

Agora cole o código abaixo dela e salve.

Ocultando o botão na página inicial

Caso queira que o botão apareça somente nas páginas de postagens, acrescente a seguinte linha antes do código do botão gerado no Step 2:

<b:if cond='data:blog.pageType != "item"'>

E acrescente este outro código no final:

</b:if>

Deverá ficar assim:

<b:if cond='data:blog.pageType != "item"'>
<a href="http://www.tumblr.com/share" title="Share on Tumblr" style="display:inline-block; text-indent:-9999px; overflow:hidden; width:81px; height:20px; background:url('http://platform.tumblr.com/v1/share_1.png') top left no-repeat transparent;">Share on Tumblr</a>
</b:if>

E é isso ai galera, até a próxima e não se esqueça de comentar. Sua opinião é importante para nós.

Marcadores: , , ,

5 templates Magazine profissionais para blogger

Templates Fuçando o BTemplates resolvi fazer uma pequena lista de templates que eu gostei. São muitos que procuram por bons templates na internet, porém nunca conseguem encontrar um que lhe agrade. Mas abaixo separei ótimos templates magazine super profissionais para deixar o seu blog com uma boa aparência. Lembre-se, um bom blog tem que ter um boa aparência.

Para visualizar os templates, apenas clique sobre uma das imagens. E para baixar, clique no botão download contido na página de visualização do BTemplates.

Como baixar

1. SeoGuru

live demo

2. Rollinex

live demo

3. MusicConcert

live demo

4. Accrue

live demo

5. iDesigner

live demo

Não gostou de nenhum? Prefere um do seu jeito? Então encomende seu template exclusivo com a gente!  Clique aqui e saiba mais.

Marcadores: , , ,