O que é um Guest Post?

O termo “Guest Post“, significa “Post Convidado” e nada mais é que um artigo escrito por um autor convidado no seu blog.

Esta prática vem se tornando muito comum entre blogs e sites, principalmente por ser uma boa estratégia para divulgação do trabalho do “guest poster” e isso ajuda bastante a aumentar seu reconhecimento como blogueiro(a).
Ter seu artigo publicado em blogs com maior visibilidade, podem gerar diversas visitas, afinal, se o seu texto agradar aos leitores do blog certamente eles visitarão seu blog também.
Guest posts é uma eficiente forma de vantagens mútuas, pois beneficia tanto quem escreve, quanto quem o publica.
Se quiser se aprofundar mais sobre as vantagens, recomendo a leitura do artigo publicado pelo Gustavo Freitas, no GF Soluções: Divulgue seus textos com um Guest Post

Quer ter seu artigo publicado aqui no Mundo Blogger e de quebra ganhar visitas para seu blog com links que aparecerão dentro dos artigos que escrever?
As regras para publicação são bem simples. Leia abaixo.

Como publicar um Guest Post no Mundo Blogger:

1. Ser leitor(a) do Mundo Blogger – é importante que você esteja familiarizado(a) com o conteúdo já publicado. Conhecer a maneira de escrever e a abordagem dos assuntos tratados aqui se torna mais simples escrever para os meus leitores.
2. Escrever um artigo original – O artigo deve ser escrito por você para ser, exclusivamente, publicado aqui no Mundo Blogger. Não será admitido, sob nenhuma hipótese, artigos plagiados.  Não adianta enviar artigo que já tenha sido publicado em seu blog, ou com assunto idêntico que já tenha sido publicado aqui no MB.
3. Conteúdo relacionado e relevante – O artigo dever estar relacionado ao tipo de conteúdo abordado aqui no MB, ou seja, assuntos relacionados a informações para blogueiros, como tutoriais, dicas, acessórios, ferramentas, templates, dicas sobre divulgação, monetização, redes sociais, entre outros.
4. O artigo enviado será submetido a análise e se for aprovado, será agendada uma data para publicação.
5. O artigo enviado deverá conter o nome, email, link do blog/site, link do twitter ou página do facebook (se houver), e uma breve informação sobre o(a) autor(a).
6. No artigo ficará claro que o texto é um guest post, e conterá as informações sobre quem é o(a) autor(a) e um link para seu blog e redes sociais.
7. O artigo deve ser bem escrito, não poderá conter erros grotescos de português.
8. O artigo não poderá, em hipótese alguma, incentivar práticas consideradas ilegais em nossa legislação vigente.
9. Não será aceito artigo cujo conteúdo seja sobre o uso de quaisquer ferramentas maliciosas, tais como, por exemplo, as que prometem aumentar seguidores, visitas ou fãs no facebook.
10. Após a publicação do artigo aqui no Mundo Blogger, o(a) autor(a) poderá divulgá-lo onde e como quiser, desde que não traga nenhum prejuízo para o MB.
11. O conteúdo do artigo é de inteira responsibilidade do(a) autor(a). Em se tratando de tutorial, o processo de instalação deve ter sido testado anteriormente pelo(a) autor(a) e deverá conter um link para um blog de testes onde os leitores poderão acessa-lo para verificar o recurso em funcionamento.

Se você tem interesse em enviar um artigo, poderá fazê-lo através do formulário de contato para envio de Guest Post.

Caso seu texto seja muito grande, você pode enviar o link apontando para seu artigo no Google Drive.

Se você observar, nos tutoriais para instalação de menus, sempre informamos que você deverá escolher o local mais adequado para instalar o seu menu no template.
Não há como informarmos precisamente onde instalar menu, a escolha do local deverá ficar por sua conta, até porque cada template é diferente um do outro.

Visando auxiliar nossos leitores no tocante a instalação de menu, resolvi criar este artigo com dicas para você conseguir localizar o trecho referente ao código do cabeçalho, desta forma, você terá melhores condições de escolher melhor onde colar alguns códigos, principalmente códigos de menus.

Abaixo seguem algumas dicas para localizar o trecho referente ao código do cabeçalho.

Designer de Modelo:

Se quiser que o menu fique visível acima da barra de cabeçalho, cole o código do menu acima do código referente ao cabeçalho.
Se estiver usando algum modelo de template do “designer de modelo do blogger”,a tag referente ao cabeçalho é: <header>
Se você quiser instalar um menu ACIMA do cabeçalho, basta localizar a tag : <header> e colar o código html do menu ACIMA desta tag.

Se quiser que o seu menu fique abaixo do cabeçalho, instale o código html do menu ABAIXO da tag: </header>

Templates mínima:

Se estiver usando algum modelo do template minima, a tag referente ao cabeçalho é: <div id=’header-wrapper’>
Caso queira que seu menu fique acima do cabeçalho, basta instalar o código acima da tag <div id=’header-wrapper’>
Caso queira instalar o menu ABAIXO do cabeçalho, você deverá colar o código html do seu menu abaixo da tag de fechamento do header, que no nosso caso será a tag : <div>

Com essas dicas você aprende a localizar de forma mais eficiente as partes de seu blog referente ao cabeçalho e com isso pode escolher onde instalar seus menus.

O E-book se divide em 12 excelentes artigos, cada um escrito por um autor diferente que colaboraram na construção do mesmo. Os artigos mostram pontos importantes para escrever conteúdos de qualidade, táticas para receber visitas e comentáristas também de qualidade e também te ajuda a lhe dar com falta de inspiração (umas das piores/melhores coisas que pode acontecer com um blogueiro).

Lembrando também que o e-book é gratuito, basta clicar no link de download na página original e ele abrirá em .PDF em seu próprio navegador!

Então, você quer aprender mais sobre como ter seus artigos com um conteúdo de qualidades ?! Recomendamos que leia esse incrível E-book colaborativo com 12 autores! Pode acessar a página oficial dele clicando na imagem acima ou neste link.

1. Css para Aplicar estilos ao menu:

1º passo – Vá em modelo >> Editar HTML, copie o código abaixo e cole-o ACIMA de ]]></b:skin>

/* Aqui definimos as propriedades CSS para a lista do menu */
ul#navigation {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 0px;
    right: 10px;
    list-style: none;
    z-index:999999;
    width:721px;
}
ul#navigation li {
    width: 103px;
    display:inline;
    float:left;
}
ul#navigation li a {
    display: block;
    float:left;
    margin-top: -2px;
    width: 100px;
    height: 25px;
    background-color:#E7F2F9; /*---cor de fundo---*/
    background-repeat:no-repeat;
    background-position:50% 10px;
    border:1px solid #BDDCEF;  /*---cor da borda---*/
    -moz-border-radius:0px 0px 10px 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    text-decoration:none;
    text-align:center;
    padding-top:80px;
    opacity: 0.7;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
ul#navigation li a:hover{
background-color:#CAE3F2;
opacity: 1;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
ul#navigation li a span{
    letter-spacing:2px;
    font-size:11px;
    color:#60ACD8; /*---cor do link---*/
    text-shadow: 0 -1px 1px #fff;
}

/* Aqui definimos as imagens de fundo para os links dos itens da lista do menu*/
ul#navigation .home a{
background-image: url(http://1.bp.blogspot.com/-8kXTrCSJ6TI/T7PpNQtumCI/AAAAAAAAAF4/TfFELS_TSJk/s1600/home%2B%25281%2529.png);
}
ul#navigation .sobre a      {
background-image: url(http://2.bp.blogspot.com/-8b0NOVUuGpQ/T7PpNqWONsI/AAAAAAAAAGE/ncafVsfgxg8/s1600/id_card%2B%25281%2529.png);
}
ul#navigation .contato a    {
background-image: url(http://2.bp.blogspot.com/-tmsZ5WfQVy0/T7Pp1sJqh2I/AAAAAAAAAGo/tO5AWC7Xb48/s1600/mail%2B%25281%2529.png);
}
ul#navigation .feedrss a   {
    background-image: url(http://1.bp.blogspot.com/-jMeVHtFdzbc/T7Pp1Qq2rtI/AAAAAAAAAGc/HaGlP612qSE/s1600/rss%2B%25281%2529.png);
}
ul#navigation .imagens a     {
    background-image: url(http://3.bp.blogspot.com/-WWPgJGVlBZU/T7PpNy2-9fI/AAAAAAAAAGQ/Z2aP6VN4SKA/s1600/images.png);
}

2. Incluir o Javascript:

Vá no menu modelo >> Editar HTML, e procure pela tag </head>
E cole logo ACIMA dela o código a seguir

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(function() {
    var d=300;
    $(&#39;#navigation a&#39;).each(function(){
        $(this).stop().animate({
            &#39;marginTop&#39;:&#39;-80px&#39;
        },d+=150);
    });

    $(&#39;#navigation &gt; li&#39;).hover(
    function () {
        $(&#39;a&#39;,$(this)).stop().animate({
            &#39;marginTop&#39;:&#39;-2px&#39;
        },200);
    },
    function () {
        $(&#39;a&#39;,$(this)).stop().animate({
            &#39;marginTop&#39;:&#39;-80px&#39;
        },200);
    }
);
});
</script>

3. Estrutura HTML:

Agora devemos inserir o código html do menu para que ele fique visível no topo do blog.

Se estiver usando algum modelo de template do “designer de modelo do blogger“, procure por: <header>
e cole o código html logo ACIMA dele.

Se estiver usando modelo de template mínima ou modificados, procure por: <body>
e cole o código html logo ABAIXO dele.

Código html:

<ul id='navigation'>
 <li class='home'><a href='URL-AQUI'><span>Home</span></a></li>
 <li class='sobre'><a href='URL-AQUI'><span>Sobre</span></a></li>
 <li class='contato'><a href='URL-AQUI'><span>Contato</span></a></li>
 <li class='feedrss'><a href='URL-AQUI'><span>Feed</span></a></li>
 <li class='imagens'><a href='URL-AQUI'><span>Imagens</span></a></li>
</ul>

Se quiser acrescentar mais itens ao menu, lembre-se que você deverá incluir mais uma linha de código css e nomear uma “class”:

ul#navigation .NOME DA CLASS AQUI a     {
    background-image: url(URL DA IMAGEM);
}

E deverá, também acrescentar mais uma linha de código html na estrutura HTML:

<li class='NOME DA CLASS AQUI'><a href='URL-AQUI'><span>NOME DO ITEM</span></a></li>

Primeiro vamos adicionar o CSS ao template, abra o editor HTML e procure por ]]></b:skin> .

Acima dele cole o seguinte código:

#CaixaBuscar {
margin:10px;}
#campo {
float: left;width: 170px;padding-left: 8px;height: 29px;line-height: 18px;font-family: arial, sans-serif;
font-size: 14px;color: #333;background: white;border: solid 1px #D9D9D9;border-top: solid 1px silver;
border-right: none;outline: none;
}
#campo-apagar {
float:left;width:16px;height:29px;
line-height:27px;margin-right:15px;padding:0 10px 0 10px;font-family: "Lucida Sans", "Lucida Sans Unicode",sans-serif;font-size:22px;
background: #fff;border:solid 1px #d9d9d9;border-top:solid 1px #c0c0c0;border-left:none;
}
#campo-apagar #x {
color:#A1B9ED;cursor:pointer;display:none;
}
#campo-apagar #x:hover {
color:#36c;
}
#buscar:active {
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}
#buscar {
cursor:pointer;width:70px;height: 31px;line-height:0;font-size:0;text-indent:-999px;color: transparent;background: url(http://4.bp.blogspot.com/-GX7E4j3jwR0/ThMXKjuQ9VI/AAAAAAAAEsE/rJE5Ip1qDEg/s1600/ico-search.png) no-repeat #4d90fe center;border: 1px solid #3079ED;-moz-border-radius: 2px;-webkit-border-radius: 2px;
}
#buscar:hover {
background-color: #4088FD;border: 1px solid #2F5BB7;
}
.fclear {clear:both}
#campo-de-texto {
width: 162px;padding: 8px;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;-webkit-box-shadow: rgb(204, 204, 204) 0px 0px 8px 0px inset;box-shadow: rgb(204, 204, 204) 0px 0px 8px 0px inset;-moz-box-shadow: rgb(204, 204, 204) 0px 0px 8px 0px inset;border: 1px solid #CCC;font-size: 12px;height: 11px;border-image: initial;float: left;margin-right: 6px;
}
#input-rss:focus {
border: 1px solid gray;outline: none;
}
#enviar {
cursor: pointer;margin-top: -3px;height: 29px;color: white !important;border: 1px solid #000000;color: white;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;padding: -1px;cursor: pointer;float: left;line-height: 2px;text-shadow: 1px 1px 1px #000000;
filter: dropshadow(color=#117aab, offx=1, offy=1);border-image: initial;background: #494949; /* Old browsers */background: -moz-linear-gradient(top, #494949 1%, #333333 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#494949), color-stop(100%,#333333)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #494949 1%,#333333 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #494949 1%,#333333 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #494949 1%,#333333 100%); /* IE10+ */
background: linear-gradient(top, #494949 1%,#333333 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
}
#enviar:hover {background: #494949;}

Feito isso, vá a aba Layout do seu painel e clique em Adicionar um gadget.
Escolha a opção “HTML/JavaScript” e cole o código abaixo:

<center>
<form onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=nome-do-seu-feed', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow"><input style="display: initial;" id="campo-de-texto" class="campo-de-texto" name="email" type="text" /><input value="NOME-DO-SEU-FEED" name="uri" type="hidden" /><input name="loc" value="pt_BR" type="hidden" /><input id="enviar" class="mais" style="width: 90px;margin-top: 1px;font-size: 15px;" value="ASSINE" type="submit" /></form>
<br />

<a href="URL-FACEBOOK" target="_blank"><img src="http://1.bp.blogspot.com/-e9MZzuwVltU/TwSczsoU5JI/AAAAAAAABpc/m504oDTO-j8/s1600/Facebook.png" border="0" /></a>
<a href="URL-TWITTER" target="_blank"><img src="http://2.bp.blogspot.com/-Tv0TvquX2rM/TwScyyBc5mI/AAAAAAAABpU/cwY45l8pAQ4/s1600/Twitter.png" border="0" /></a>
<a href="URL-GOOGLE-PLUS" target="_blank"><img src="https://lh5.googleusercontent.com/-Y5Ivl2DFt0Q/AAAAAAAAAAI/AAAAAAAAABY/1ryPr7OSL0o/s48-c-k/photo.jpg" border="0" /></a>
<a href="URL-YOUTUBE" target="_blank"><img src="http://2.bp.blogspot.com/-11mruhOIp-0/Tx8Zq0RDbBI/AAAAAAAABtg/60QvnzPYptM/s1600/YouTube.png" border="0" /></a>
<a href="URL-CONTATO" target="_blank"><img src="http://i39.tinypic.com/4dpnk.png" border="0" /></a></center>

Demo

Bom, seu widget já esta no blog. Agora você precisa alterar os trechos abaixo pelos seus links, desta forma:

• Troque nome-do-seu-feed por apenas o nome dele! (duas vezes)
• Troque URL-FACEBOOK pelo link da página no Facebook do seu blog.
• Troque URL-TWITTER pelo link do perfil de seu blog no Twitter.
• Troque URL-GOOGLE-PLUS pelo link da página de seu blog no Google Plus.
• Troque URL-YOUTUBE pelo link do canal de seu blog no You Tube.
• Troque URL-CONTATO pelo link da página de contato do seu blog.

É isso, espero que tenham gostado… Até mais pessoal!

Acredito que muitos de vocês devem se perguntar :
1) Mas porque migrar para o wordpress se o blog trata sobre Blogger?
R. Apesar de “amar o blogger de paixão”, resolvi migrar para o wordpress, por se tratar de uma plataforma mais segura, apresenta menos bugs e nos dá maiores possibilidades de personalização.
Continuo sendo admiradora e defensora do Blogger, mas infelizmente, por ser uma plataforma gratuita, o sistema acaba apresentando muitos erros, apesar de estar em constante desenvolvimento e melhoria.

2) O Mundo Blogger agora passará a tratar sobre WordPress também?
R. Não. Nosso principal objetivo continuará sendo tratar sobre a plataforma Blogger.
Pretendo continuar explorando o Blogger em todas as suas formas. Como vocês já sabem, eu adoro fuçar códigos, descobrir recursos e funções novas e isso não vai mudar.
Pode até acontecer de publicarmos um ou outro artigo falando sobre wordpress, mas isso será de vez em quando, pois o blogger continuará sendo nosso assunto principal.

O layout foi desenvolvido por mim, e é óbvio que, pode ser que ocorra alguns errinhos por ai, afinal foi minha primeira experiência em desenvolvimento de tema para wordpress, e sei que tenho muito o que aprender ainda.
Infelizmente, após a migração perdi mais de 2.000 assinantes de feed.
Ainda não sei o motivo, mas pretendo descobrir, pois eu devo ter errado em algo no processo de configurações na nova plataforma.

Enfim, com essa mudança de plataforma, algumas novidades irão surgir.

Agradecimentos:
Quero agradecer ao Claudio Sanches do Ferramentas Blog por ter me auxiliado no processo de importação do conteúdo do Blogger para o WordPress, e ao Iago Melanias do Blogando com Facilidade que me auxiliou a corrigir o erro no resumo de postagens automático.

Quero que me digam o que acharam do visual novo do MB.
Opinem, deem sugestões, comentem, me ajudem a melhorar ainda mais o blog, afinal o blog é feito pensando em vocês

O sorteio foi realizado com êxito, através da ferramenta Sorteie.me no Facebook.
Link do sorteio: http://sorteie.me/fb/buQ

A vencedora foi: Cláudia Charão.
Gostaríamos de agradecer a todos que participaram e divulgaram a promoção.
Quem sabe, em breve, pode “rolar” outra promoção dessa? Vocês querem?

E hoje, venho apresentar-lhes o mais novo escritor do Mundo Blogger, o Denis Gomez.
O Denis tem 15 anos e é administrador do blog Tech And Blogger que trata sobre tecnologia.
Aqui no Mundo Blogger, ele vai escrever sobre blogger e redes sociais.

Espero que vocês gostem dos artigos e comentem , opinem sobre suas postagens, afinal, nosso principal objetivo é melhorar cada vez mais!

Em relação a novos escritores, não pretendemos parar por aqui, queremos agregar mais autores para fazer parte da nossa equipe. Inclusive estou fazendo uma seleção de outros novos autores pro MB, alguns candidatos estão sendo avaliados.

Em breve apresentaremos todos os novos autores que farão parte da equipe.

Aproveito o ensejo, para informar, que, no máximo até semana que vem, estaremos realizando a migração de plataforma do Mundo Blogger.

Quero dar as boas vindas ao Denis e desejar muito sucesso na sua estreia e também quero desejar um Feliz Aniversário, pois ele está completando 15 anos hoje!
Parabéns Denis!

Até mais pessoal

Agora, você pode enviar automaticamente as atualizações de suas páginas do Facebook para o Twitter.

Vejamos como proceder para vincular sua página à conta do Twitter:

1) Faça login na sua conta do Facebook.
2) Clique no link abaixo para ativar este recurso.
http://www.facebook.com/twitter

3) Ao lado da sua página, clique no botão “Vincular ao Twitter”

4) Na página que vai abrir, digite seu login e senha e clique no botão “autorizar aplicativo“.

5) Selecione quais os tipos de atualizações que você deseja que seja vinculada a sua conta do twitter.

Clique em salvar alterações e pronto!

A partir de agora as atualizações que você publicar na sua página do Facebook, serão publicadas automaticamente na sua conta do Twitter que você vinculou.

Veja exemplo:

A nova função já foi liberada para todos os modelos de template padrões do blogger.
Se você utiliza algum modelo padrão já deve ter notado que essa função já está disponível, desde que você tenha configurado a Posição do formulário de comentários para o modo “Incorporado”.
A opção “Postagem abaixo incorporada” deve estar selecionada.

Para alterar suas configurações de comentário, acesse a seção Comentários em Configurações >> Postagens e comentários.

Interface antiga

Interface nova

Se você estiver usando um template original(padrão do blogger), nem será necessário fazer alterações no código do HTML do seu template, você poderá configurar o recurso automaticamente, de forma simples,conforme mostrado acima, e só isso!

Porém eu notei que em templates customizados o recurso “responder comentários” não funciona.
Então resolvi fuçar e testar, e consegui descobrir uma forma de ativar esse recurso em templates já customizados.
Caso seu template já tenha sido muito modificado ou seja antigo, é necessário que você faça, também, alterações no código HTML e para isso siga as instruções abaixo:

Ativar opção Responder Comentário padrão do Blogger em templates customizados

Entre na edição HTML do seu template, marque “Expandir modelos de widgets” e Procure por:

<b:include data=’post’ name=’post’/>
<b:if cond=’data:blog.pageType == &quot;static_page&quot;’>
<b:include data=’post’ name=’comments’/>
</b:if>
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<b:include data=’post’ name=’comments’/>
</b:if>

E substitua por:

 <b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/>
<b:include data='post' name='comments'/>
</b:if> </b:if>

Pode ser que no seu template o 1º trecho que você deve localizar, esteja de forma um pouco diferente. O importante é que você localize e substitua o trecho a partir da 2º linha.

Se quiser verificar o recurso funcionando, confira os comentários neste post:
Demo

Lembrando que este código pode não funcionar corretamente, caso você já tenha feito muitas modificações em sua área de comentários.

ATUALIZADO EM 21/01/12:
Após a implantação deste novo recurso, notamos que alguns leitores passaram a ter problemas, alguns bugs surgiram.
Temos certeza que a equipe do Blogger já está trabalhando para solucionar esses bugs. Até tudo ser corrigido, recomendamos que você verifique se a habilitação de tal recurso causará problemas ou não para seus leitores. Conforme for o caso, é melhor optar por deixar como estava.