Tuturiais

Oie gente vai ter 4 tuturiais eu achei tudo no Jackie Dream veja abaixo os tuturiais sao bem simples é so fazer tudo passo á passo

• Retirar o link : Assinar: Postagens (Atom)

vá no seu HTML dê um ctrl+F e procure por:         ]]></b:skin>
Cole o seguinte código ''ANTES'' dele:

.feed-links {

height:0px;
visibility:hidden;
display:none
}

• Criando uma de elite de afiliados

O que surpreende é a facilidade de inserir este widget no blog! Basta alguns cliques e pronto terá um igualzinho no seu. E super facilita a navegação dos leitores no 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

Agora é só salvar e visualizar! Aprenda personalizá-lo clicando aqui

• Coloque uma barrinha divisória

Como utilizar as barrinha ? vá no seu HTML selecione '' expandir modelos de widgets '' dê um CTRL F e procure por <b:include data='post' name='post'/> 

Logo embaixo dessa tag adicione esse código, substituindo o trecho verde pela URL da sua Barrinha !

<center><img src="URL DA IMAGEM"/></center>

Fique à vontade pra usar as barrinhas feitas pela Jackie! 

• Balões Personalizados com o número de comentários

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: 

           

Alguns trechos editaveis e como trocar a imagem do balão                 

 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 que eu fiz:

                

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

Jackie eu quero fazer o meu próprio balão pode? Claro mais não se esqueça de ajustar o código para o mesmo tamanho da sua imagem ta! por exemplo as imagens que eu fiz tem a resolução 90x80

 no trecho: width:90px corresponde a largura 

 no trecho: height:80px corresponde a altura

 no trecho: padding-top:19px Corresponde ao numero que fica dentro do balãoportanto altere esse valor até o numero de comentários ficarem na posição correta, lembre-se esse código muda a posição no sentido vertical (para cima e para baixo)

Bem pessoal foi mau eu ter colado a postagem inteira da jackie é que eu entro na net rapidinho, dps guando eu tiver tempo eu edito as postagens

Bye bye pessoal