tutorial sobre como colar postagens relacianadas + como colocar balão de comentários!

1º lugar retirei todos esses tutoriais do blog da jackie: http://isjackiezzdream.blogspot.com.br

qualquer pergunta vá a esse blog

tutorial como colocar "postagens relacionadas":

você pode ter no seu blog esse tipo de quadro "postagens relacionadas" no seu blog:

 acesse o site linkwithin >clique aqui<

1° Coloque seu email

2° O endereço do seu Blog

3° Plataforma que você usa( no meu caso é Blogger)

4° A quantidade de miniaturas  .

 Se o seu Blog tem o fundo escuro, marque a opção, se não tiver é só não marcar nada como mostra a imagem acima!

feito tudo isso clique em GET WIDGET, e será redirecionado a uma página semelhante a essa:

Clique em Install Widget e será novamente redirecionado a uma nova página semelhante a essa:

1° se você tem mais de um blog selecione o desejado para o Widget

2° Coloque o titulo

3° clique em ADICIONAR WIDGET  

Faça como nas imagens abaixo

e agora como colacar um balao de nº de comentarios:

         

como é colocar um balãopersonalizado com o número dos comentários.  Ficará mais ou menos assim:

vá no seu HTML marque a opção expandir modelos de widgets  pressione as teclas CTRL F e pesquise por:                        <class='post-title entry-title'>  

Se não encontrar pesquise por:     <b:includable id='post' var='post'>    

 Então coloque esse código logo abaixo, do código destacado (de laranja)

<span class='post-comment-link-arriba' style='background: url(http://i.imgur.com/lfGb2.jpg) no-repeat top right; width:90px; height:80px; text-align:center; float:right;padding-top:19px'>

<b:if cond='data:post.allowComments'>

<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <b:else/><data:post.numComments/></b:if></a>

</b:if>

</span>

Ficando assim: 

          

 Trocar a imagem do balão no trecho: (http://i.imgur.com/lfGb2.jpg) apague e coloque a URL da imagem desejada (só apague onde está grifado de azul)

Algumas imagens do blog da Jackie:

                

''Para pegar a URL de uma imagem é só clicar com o botão direito do mouse sobre ela e selecionar a opção COPIAR URL DA IMAGEM''

fonte ou mais informações: http://isjackiezzdream.blogspot.com.br

tutorial de como colocar caixa do facebook + como colocar um c-box no blog

hoje estou postando tutorial de como colocar  a caixa do Facebook e como colocar um c-box no blog:
1º passo:
Vai à página of criação the widget da Like Box.
2º passo:
Agora cola the URL

3ºpasso:
Personaliza as restantes opções (o lado direito mostra the resultado).
4ºpasso:
Clica em "Get Code” e copia o código HTML que está na caixa de cima:

5ºpasso:

Agora glue o código no place onde desire que ele apareça!
Se por exemplo quiseres colocar a Like Box no Blogspot (Blogger), faz o seguinte:

1. Vai ao painel of controlo the Blogger
2. Clica em "Design" (debaixo the blog que queremos alterar)
3. Clica em "Add uma mini-aplicação”
4. Procura e escolhe a aplicação “HTML/JavaScript”
5. Cola the código HTML gerado no 5º Passo
6. Guarda as alterações
7. Clica em “Guardar” in janela principal

creditos:http://maistutoriais.com

agora do c-box é assim:

To criar sua Cbox em primeiro place clique AQUI

Quando join no site clique em create an account:

Quando você tighten ira a uma page de cadastro, então se cadastre:

Squeeze em Create my Cbox, e anger a this pagina, tighten em Publish:

Soon após ter feito isso clique em customise colors and fonts:

Customize sua Cbox as quiser e soon após, quando is pronto clique em Apply:

Later de clicar em Apply clique novamente em publish, e please copy o code que anger aparecer.

Vá no sua page do blogger>> Click em Design>> Elements da Pagina>> Adicionar a gadget>> HTML / JavaScript e lá cole the codigo!

creditos:http://s2imagine.blogspot.com.br