Como colocar POSTAGENS RELACIONADAS no seu BLOGGER

Salve,salve

Muitas vezes o TEMPLATES que gostamos não vem com alguns GADGETS que precisamos como o de POSTAGENS RELACIONADAS ,que são aquelas POSTAGENS que agregam valor ao seu conteúdo,após o leitor ler sua PUBLICAÇÃO algumas POSTAGENS que podem interessar irá aparecer ,assim como no YOUTUBE e outras PLATAFORMAS ,ajudando como uma técnica de SEO para crescimento ,pois assim o seu leitor poderá gostar de outras PUBLICAÇÕES que você fez e acessa-las.

 

Importante: Faça o BACKUP do seu TEMPLATE antes de prosseguir

O primeiro passo é entrar no PAINEL do seu BLOG e ao lado esquerdo clicar sobre a opção de TEMA ,em seguida ao lado de PERSONALIZAR clicar na setinha para baixo, então uma nova janela ira abrir, basta clicar em EDITAR HTML 

Agora considero que você já tenha alguma experiência com HTML mas caso não tenha não se preocupe o código gigantesco que esta na sua tela não é nenhum bicho de sete cabeças , 

clique em qualquer área do código HTML com o botão esquerdo do seu MOUSE e no seu TECLADO aperte as TECLAS CTRL + F ,ao abrir uma área de PESQUISA procure pela palavra </body>

e depois de um ENTER 

Após acharmos a palavra </body> cole  o código acima dessa palavra , de um espaço entre palavra </body> e o código depois clique em SALVAR como esta na imagem seguir:

Download do Código 

e pronto, esta finalizado o processo ,caso queira mudar as CONFIGURAÇÕES de tamanho de imagem e quantas POSTAGENS RELACIONADAS quer que apareça no seu BLOG , edite onde esta escrito  

//Edite essa parte no seu código

EXEMPLO:

 //Edite essa parte 

  var maxSearched = 500;

                                        var minimum = 3;                                       

  var maximum = 6;

  var imageSize = 100;

  var roundImages = false;

  var relatedTitle = true;

  var labelInTitle = true;

  var relatedTitleText = "Você também poderá gostar de:";

  var defaultImage = "";

  var campaignTracking = false;

  var campaignSource = "";

  var campaignMedium = "";

  var campaignName = "";

  var postLabels = $('.post-labels a');

  var insertBefore = $('.post-footer');

Nas partes   var minimum = 3;   e  var maximum = 6;   você poderá modificar quantas POSTAGENS RELACIONADAS ira aparecer, no caso entre 3 e 6  mude para quantas preferir e que caiba na sua pagina 

na parte  var imageSize = 100;     modifique o tamanho da sua imagem , dependendo do tamanho da sua PAGINA sera + Ou - que 100  por exemplo : caso não fique bom o tamanho de 100 mude para 150 ou para 50 ou se preferir 200 até que fique bem ajustado ao seu BLOG .        

                   

Caso algum erro ocorra no seu CÓDIGO faça UPLOAD do seu TEMPLATE 

Clique aqui para saber como .