Sobre parcerias

Antes de vir pedir parceria você deve adicionar o banner do Aprendendo na Marra no seu blog/forum/site depois que estiver adicionado entre em contato para que possamos adicionar seu banner. Se não visualizar-mos o banner no seu blog em 48 horas a parceria não irá ocorrer.

Como eu faço para ser parceiro do Blog do Fabio?

Caso você tenha interesse em parceria, deixe o seu recado no cbox ou deixe um recado nesta postagem ou tambem mande um email para fabiobaixeagora@hotmail.com .

Lembrando que vereficaremos as visitas vindas do seu blog/forum/site uma vez por semana e atualizaremos a nossa area de parceiros.

Os parceiros que ficarem entre os 30 primeiros, terão os seus banners no site. Os outros ficarão como link

Aceito todas as parcerias que faça publicações pelo menos uma vez por quinzena. Não aceitamos sites de conteúdo erótico, pornográfico, racismo nem qualquer outro tipo de conteúdo ilegal

É só deixar o seu pedido de parceria no CBOX que eu responderei, ou deixar o pedido no comentário desta postagem.

Qualquer blog pode participar?
Infelizmente não. Estão excluídos os blogs que contenham:

• download de programas piratas
• pornografia
• cópias de posts de outros blogs (plagiadores)
• incitação à violência ou a qualquer tipo de discriminação

Isto é válido tanto para o Top Parceiros quando para anunciantes.

Como eu faço para divulgar o "Aprendendo na Marra" e aparecer na lista Top Parceiros?

Você pode colocar o link ou o banner do blog em sua sidebar.

Ler Mais

Caixa de comentários do Blogger personalizada

DESTACANDO A ÁREA DOS COMENTÁRIOS

Para incluir um ícone destacando a área dos comentários, encontre a linha abaixo(Crtl+F) e onde está em vermelho substitua pela url do ícone.

<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<img src='http://IMAGEM.png'/>
<b:if cond='data:post.numComments == 1'> 1 Comentário: <b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>

Sugestão de site de ícones:

Icon Archive

Exemplo:

DESTACANDO OS COMENTÁRIOS DO AUTOR

Para destacar os comentários do autor do blog procure pelo código abaixo:

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='blog-author-comment'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
</b:if>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

Inclua as partes em vermelho.

Dica: copie ele inteiro e cole entre as tags <dl id='comments-block'> e </dl>

Depois procure pela área do CSS, entre as tags <head></head> e cole o código abaixo:

. blog-author-comment {
margin:.25em 0 0;
}
.blog-author-comment p {
margin:0 0 .75em;
padding:5px 10px;
border:1px dotted #c0c0c0;
background:#f5f5f5;
}

Personalize as cores da borda e do fundo a seu gosto!

ALTERANDO O LINK DO AUTOR

Para que seus comentários não sejam direcionados para o seu perfil do Blogger, procure pelo código abaixo, inserindo a linha em destaque.

<dt class='comment-author' expr:id='&quot;comment-&quot; + data:comment.id'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.author == data:post.author'>
<a expr:href='data:blog.homepageUrl'>
<data:comment.author/></a><b:else/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if></b:if>
<data:commentPostedByMsg/>
</dt>

INSERINDO ICONE DOS COMENTÁRIOS DO AUTOR

Procure pelo mesmo código anterior e insira a linha em vermelho, substtuindo a url

<dt class='comment-author' expr:id='&quot;comment-&quot; + data:comment.id'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.author == data:post.author'>
<a expr:href='data:blog.homepageUrl'>
<img src='http://URL_DA_IMAGEM/Imagem.png'/>
<data:comment.author/></a><b:else/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if></b:if>
<data:commentPostedByMsg/>
</dt>

Exemplo:

Neste exemplo vemos os 03 hacks já aplicados.

Lembrem-se sempre de fazer um backup do template antes de utilizar estas dicas!

Todos os créditos para o Usuário Compulsivo.

Ler Mais

Crie um banner perfeito - Free Banner Maker

O Banner Fans é um site que oferece uma ótima ferramenta para que você crie em minutos o banner perfeito para atender sua necessidade; você pode, inclusive, criar um modelo no tamanho do cabeçalho de seu blog alterando assim a imagem principal do template. Ótimo recurso!!!!

O resultado pode ser bastante profissional porque permite criar textos com vários tipos de fontes, efeitos, escolher uma imagem e posicionar, escolher tamanhos, criar bordas e linhas… uma infinidade de opções. É só ir fazendo os testes até chegar no ideal.

Com as imagens abaixo, mais um pequeno tutorial, espero ajudá-los a compreender como funciona.

Primeiro é necessário fazer um registro (Free)

Depois vá ao Banner Maker. (Clique na imagem para ampliar)

1- Modelo

2- Layout: Clique na aba "Layout" e escolha o tamanho do banner que pode ser um dos pré definidos ou do tamanho que você desejar. Defina a cor do background ou, se preferir, escolha uma imagem que deseja subir (fazer upload) de seu computador ou ainda endereço de imagem que queira usar, escolha cores, efeitos...

3- Texto e Fontes: Escolha a fonte, tamanho e efeito para o titulo e todo o conteúdo de texto. Clicando em cima do título ou texto você pode arrastá-lo para onde desejar.


4-Sombras e efeitos:Escolha sombras e efeitos que queira no texto


5- Bordas: Escolha tipo, espessura, cor de borda


6- Formato: Aqui você encontra opções para colocar o texto na vertical, perpendicular...escolha


7- Cores e efeitos de Background

Enquanto você faz as mudanças, vá clicando em "Update my banner" para ver se está ficando. Quando estiver do seu agrado é só salvar (Save Banner) no formato ideal, jpeg, gif ou png - Fazer download ou Copiar o endereço direto. O site ofereçe muitas opções para o MySpace, mas como eu não utilizo não me aprofundei. Caso vc seja usuário do MaySapce, ótimo também!






Abaixo tem um exemplo do que eu criei, subindo meu logo direto do meu arquivo.




Essa é uma dica bastante útil que vale a pena ser explorada! Divirta-se!

Fonte:wwwhatsnew

Ler Mais

Como resumir as postagens no seu blog (com imagem)

Esta é uma opção simples que está disponível para o Blogger. Um script desenvolvido por Vietwebguide, resume as postagens sempre com o mesmo número de caracteres e exibe uma miniatura da imagem (tipo thumbnails) que estiver no post. Depois de instalado o script (muito fácil) você só precisa continuar postando normalmente. Posts anteriores já serão automaticamente ajustados.
Esta versão , funciona perfeitamente no Firefox, IE7 e IE8. Em outras versões não testei.

Como fazer (Instruções)

Acessar o Blogger, Clic em "Layout" e depois "HTML".
(Lembre-se de baixar e salvar seu modelo atual para o caso de ter algum problema)

1. Dentro do documento HTML procure pelo trecho /head e cole o código (script) logo abaixo dele.

<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 . Depois clique em "Expandir modelos de widgets"
Procure pelo trecho (Use Ctrl+F)

< data:post.body/ >

2. Substitua todo o código por este novo (abaixo)

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

3.Visualize. Se estiver tudo bem, Salve!

Configure  o script (opcional):

summary_noimg = número de caracteres caso não haja imagens
summary_img = úmero de caracteres a mostrar no caso de post com imagens
img_thumb_height = Altura da imagem (thumbnail)
img_thumb_width = Largura da imagem (thumbnail)

Os valores utilizados parecem apropriados para template com 480px de largura do main-wrapper (coluna dos posts), e a maioria dos thumbnails são de 125×125 píxels.
Você pode alterar a seu critério.

Aqui você pode fazer o download do script.
A Rô Do Blogger'sphera tem uma dica para hospedar documentos no Dropbox. Recomendo.

Fonte: Chica Blogger

Ler Mais