Formulário de contato

Nome

E-mail *

Mensagem *

Posts relacionados abaixo das postagens do blog

Para glória do Senhor Jesus!


Uma boa maneira de prender por mais tempo o leitor em nosso blog, é ter postagens relacionadas ao pé do post. Como alguns blogs têm problemas com o LinkWhitin, vou ensinar hoje uma outra opção.

Para começar, entre no painel do seu blog no Blogger em “Modelo” e faça backup do seu template (Como fazer backup).

Depois entre em "Editor HTML" e procure por ]]></b:skin>

ACIMA  dessa linha, cole o seguinte:

/* CSS Related Posts */
#related-post {background:#fff;margin:0 auto;padding:3px 4px 5px 7px;}
#related-post h4{position:relative;overflow:hidden;margin:5px 0 20px 5px;font-size:120%;font-weight:700}
#related-post h4 span{position:relative;display:inline-block;margin:0 10px 0 0}
.relhead {font-size:100%;font-weight:normal;line-height:150%;overflow:hidden;padding:10px 0;}
#related-summary .news-text {display:none;}
ul#related-summary{margin:0 auto;padding:0;list-style:none;word-wrap:break-word}
ul#related-summary li{position:relative;float:left;list-style:none outside none;padding:0;overflow:hidden;margin:0 4px;width:100%;max-width:150px;height:220px;transition:opacity .2s ease}
ul#related-summary li a {display:block;}
ul#related-summary li img{background-color:#fafafa;display:block;width:95%;height:auto;max-width:100%;max-height:150px;border-radius:20% 0 20% 0;border:2px solid #ccc;vertical-align:middle;overflow:hidden;margin:0 0 0px;transition:all 1s ease-out}
ul#related-summary li:hover img {opacity:0.96;}
ul#related-summary li a.relinkjdulx{background-image:none;display:block;font-size:13px;font-weight:700;line-height:normal;overflow:hidden;padding:0;text-align:center;text-transform:none}
ul#related-summary li a.relinkjdulx:hover{color:#c79ce2;}


Agora procure por <div class='post-footer'>

ACIMA da segunda ocorrência dessa linha, cole o seguinte:

<script type='text/javascript'>
                            //<![CDATA[
                            //Related Post
                            var relnojudul = 0;
                            var relmaxtampil = 3;
                            var numchars = 120;
                            var reljudul=new Array();var relurls=new Array();var relcuplikan=new Array();var relgambar=new Array();function saringtags(g,h){var e=g.split("<");for(var f=0;f<e.length;f++){if(e[f].indexOf(">")!=-1){e[f]=e[f].substring(e[f].indexOf(">")+1,e[f].length)}}e=e.join("");e=e.substring(0,h-1);return e}function relpostimgcuplik(h){for(var e=0;e<h.feed.entry.length;e++){var g=h.feed.entry[e];reljudul[relnojudul]=g.title.$t;postcontent="";if("content" in g){postcontent=g.content.$t}else{if("summary" in g){postcontent=g.summary.$t}}relcuplikan[relnojudul]=saringtags(postcontent,numchars);if("media$thumbnail" in g){postimg=g.media$thumbnail.url}else{postimg="https://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.GIF"}relgambar[relnojudul]=postimg;for(var f=0;f<g.link.length;f++){if(g.link[f].rel=="alternate"){relurls[relnojudul]=g.link[f].href;break}}relnojudul++}}function contains(a,e){for(var f=0;f<a.length;f++){if(a[f]==e){return true}}return false}function artikelterkait(){var v=new Array(0);var w=new Array(0);var x=new Array(0);var A=new Array(0);for(var u=0;u<relurls.length;u++){if(!contains(v,relurls[u])){v.length+=1;v[v.length-1]=relurls[u];w.length+=1;w[w.length-1]=reljudul[u];x.length+=1;x[x.length-1]=relcuplikan[u];A.length+=1;A[A.length-1]=relgambar[u]}}reljudul=w;relurls=v;relcuplikan=x;relgambar=A;for(var u=0;u<reljudul.length;u++){var B=Math.floor((reljudul.length-1)*Math.random());var i=reljudul[u];var s=relurls[u];var y=relcuplikan[u];var C=relgambar[u];reljudul[u]=reljudul[B];relurls[u]=relurls[B];relcuplikan[u]=relcuplikan[B];relgambar[u]=relgambar[B];reljudul[B]=i;relurls[B]=s;relcuplikan[B]=y;relgambar[B]=C}var r=0;var D=Math.floor((reljudul.length-1)*Math.random());var z=D;var q;var t=document.URL;while(r<relmaxtampil){if(relurls[D]!=t){q="<li class='news-title clearfix'>";q+="<a href='"+relurls[D]+"' rel='nofollow' target='_top' title='"+reljudul[D]+"'><img src='"+relgambar[D]+"' /></a>";q+="<a class='relinkjdulx' href='"+relurls[D]+"' target='_top'>"+reljudul[D]+"</a>";q+="<span class='news-text'>"+relcuplikan[D]+"</span>";q+="</li>";document.write(q);r++;if(r==relmaxtampil){break}}if(D<reljudul.length-1){D++}else{D=0}if(D==z){break}}};
                            //]]>
                          </script>
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
                  <div id='related-post'>
                    <div class='relhead'>
                      <h4>
                        <span>
                          Leia também:
                        </span>
                      </h4>
                      <div class='clear'/>
                      <b:loop values='data:post.labels' var='label'>
                        <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;amp;callback=relpostimgcuplik&amp;amp;max-results=50&quot;' type='text/javascript'/>
                      </b:loop>
                      <ul id='related-summary'>
                        <script type='text/javascript'>
                          artikelterkait();</script>
                      </ul>
                    </div>
                  </div>
                  <div class='clear'/>
                </b:if>


Visualize, e se não tiver erros, salve.

OBSERVAÇÕES:
  1. Aparecerão, nos posts relacionados, somente postagens com marcadores iguais ao da postagem em aberto;
  2. Funciona somente nas postagens em aberto;
  3. Não funciona em blog privado.
É isto.
Beijoka!
Gratidão
Author Image

Meri Pellens
Cristã, mãe e blogueira com necessidades físicas especiais. Busco viver cada dia como único, valorizando todos os momentos com olhos fitos no Senhor. Amo trabalhar com blogs e artes digitais.


Deixe seu comentário:

2 comentários:

  1. Sempre generosa com sua colaboração.
    Analise perfeita Meri e ajuda muito mesmo.
    Um bom lindo fim de semana com paz e alegrias.
    No meu outro blog tive problema mas depois de revirar ficou normal.
    Bjs

    ResponderExcluir
  2. Obrigada por partilhar estas dicas connosco.

    Um beijinho e boa semana

    ResponderExcluir