Postagens relacionados
Autor: Elke di Barros | Publicado: 2016-07-24T02:11:00-03:00


 

DEMO




A ideia é, fazer o visitante explorar seu blog, conhecendo a maior quantidade de páginas, lendo o conteúdo de seu blog, aprofundando no assunto e permanecendo alí, indefinitivamente. Então o segredo é instalar ferramentas para isso. Essa é uma boa ferramenta para aguçar a curiosidade.&nbsp;





Vá até o "Modelo de seu blog", clique em "Editar HTML"    




&nbsp; Hack para o template do Blogger, implementado em&nbsp; abril de 2013. 



















Procure por&nbsp; &lt;div class='post-footer-line post-footer-line-3'&gt;


Abaixo dele, cole o próximo código colocando o endereço do seu blog no local indicado:


&lt;b:if cond='data:blog.pageType == &amp;quot;item&amp;quot;'&gt;
&lt;script type='text/javascript'&gt;
//&lt;![CDATA[
var _0x5db5=["C 2j(a){(C(e){2 f={15:\x22\x22,V:5,1l:5,17:5,E:\x22\x22,6:14,13:\x22\x22,12:\x221O\x22,N:\x22\x22,19:\x222x 1i\x22,1d:\x221H://1.2y.1J.20/-2a/2r/2u/2v/2w/2B.2C\x22,1k:1I,1m:[\x221K\x22,\x221L\x22,\x221N\x22,\x221P\x22,\x221Q\x22,\x221R\x22,\x221S\x22,\x221T\x22,\x221U\x22,\x221W\x22,\x221X\x22,\x221Y\x22],1a:\x2225 1i\x22,16:\x22\x22,1o:2s};f=e.2t({},f,a);2 k=0,b=14,g=14;3(!f.E){1n.1G(\x27\x3CA Z=\x22F-R\x22\x3E\x3C/A\x3E\x27);f.E=\x22#F-R\x22}2 c=C(x,n){k++;3(x.U.W){J(2 o=0;o\x3Cx.U.W.z;o++){2 u=x.U.W[o];2 q=\x22\x22;J(2 m=0;m\x3Cu.18.z;m++){3(u.18[m].1e==\x2224\x22){q=u.18[m].L;28}}2 p=u.2i.$t.O(0,10);2 l=p.O(0,4);2 w=p.O(5,7);2 s=p.O(8,10);2 r=f.1m[1f(w,10)-1];2 y=u.2z$2A.$t;2 t=u.X.$t;3(\x221j$1c\x22Y u){2 v=u.1j$1c.11.T(/\x5C/s[0-9]+\x5C-c/g,\x22/s\x22+f.1k+\x22-c\x22)}K{2 v=f.1d}3(1M.L.1r()!=q.1r()){i(q,t,v,l,s,y,r)}}}3(k\x3E=f.6.z){g.G(\x22B\x22,\x22\x22);e(\x22#F-P-1g\x22,b).1h();3(f.V\x3E0){e(\x22Q:1V(\x22+(f.V-1)+\x22)\x22,g).1h()}}};2 i=C(p,v,w,l,t,x,r){2 q=e(\x22Q\x22,g);J(2 o=0;o\x3Cq.z;o++){2 u=e(\x22a\x22,q.H(o));2 s=j(u);3(u.G(\x22L\x22)==p){h(u,++s);J(2 n=o-1;n\x3E=0;n--){2 m=e(\x22a\x22,q.H(n));3(j(m)\x3Es){3(o-n\x3E1){q.H(n).1Z(q.H(o))}M}}3(o\x3E0){q.H(0).21(q.H(o))}M}}g.22(\x27\x3CQ\x3E\x3Ca B=\x2223\x22 L=\x22\x27+p+\x27\x22 X=\x22\x27+(f.N?f.N.T(\x22\x5Cd\x22,1):\x22\x22)+\x27\x22\x3E\x3CD B=\x2226\x22\x3E\x3C27 1b=\x22\x27+v+\x27\x22 29=\x22\x27+w+\x27\x22/\x3E\x3C/D\x3E\x3C1p\x3E\x27+v+\x27\x3C/1p\x3E\x3C/a\x3E\x3CA B=\x222b\x22\x3E\x3CD B=\x222c\x22\x3E\x27+t+\x22 \x22+r+\x22 \x22+l+\x27\x3C/D\x3E\x3CD B=\x222d\x22\x3E\x3Ca L=\x22\x27+p+\x27#2e-2f\x22 2g=\x222h\x22\x3E\x27+x+\x22\x3C/a\x3E\x3C/D\x3E\x3C/A\x3E\x3C/Q\x3E\x22)};2 j=C(l){2 m=1f(l.G(\x221q\x22));M m\x3E0?m:1};2 h=C(l,m){l.G(\x221q\x22,m);3(f.N){l.G(\x22X\x22,f.N.T(\x22\x5Cd\x22,m))}3(f.16){l.G(\x22B\x22,f.16+m)}};2 d=C(){3(f.E!=\x22#F-R\x22){2 l=e(f.E);3(l.z!=1){M}b=e(\x27\x3CA Z=\x22F-R\x22\x3E\x3C/A\x3E\x27).I(l)}K{b=e(f.E)}3(!f.6){f.6=[];e(\x27a[1e=\x222k\x22]:2l(\x27+f.1l+\x22)\x22).2m(C(){2 n=e.2n(e(2o).2p().T(/\x5Cn/g,\x22\x22));3(e.2q(n,f.6)==-1){f.6[f.6.z]=n}})}3(f.6.z==0\x26\x26!f.1a){M}3(f.6.z==0){e(\x22\x3CS\x3E\x22+f.1a+\x22\x3C/S\x3E\x22).I(b)}K{3(f.19){e(\x22\x3CS\x3E\x22+f.19+\x22\x3C/S\x3E\x22).I(b)}}3(f.13){e(\x27\x3CA Z=\x22F-P-1g\x22\x3E\x27+f.13+\x22\x3C/A\x3E\x22).I(b)}g=e(\x22\x3C1s \x22+(f.12?\x27B=\x22\x27+f.12+\x27\x22\x27:\x22\x22)+\x22\x3E\x3C/1s\x3E\x22).I(b);3(f.6.z==0){e.1t({11:f.15+\x22/1u/P/1v/\x22,1w:{\x221x-1y\x22:f.17,1b:\x221z-Y-1A\x22},1B:c,1C:\x221D\x22,1E:1F})}K{J(2 m=0;m\x3Cf.6.z;m++){e.1t({11:f.15+\x22/1u/P/1v/\x22,1w:{2D:f.6[m],\x221x-1y\x22:f.17,1b:\x221z-Y-1A\x22},1B:c,1C:\x221D\x22,1E:1F})}}};3(f.1o){e(2E).2F(d)}K{e(1n).2G(d)}})(2H)};","|","split","||var|if|||tags|||||||||||||||||||||||||||||length|div|class|function|span|containerSelector|related|attr|eq|appendTo|for|else|href|return|relevantTip|substring|posts|li|postsx|h4|replace|feed|maxPosts|entry|title|in|id||url|loadingClass|loadingText|null|blogURL|postScoreClass|maxPostsPerTag|link|relatedTitle|recentTitle|alt|thumbnail|rlpBlank|rel|parseInt|loadingtext|remove|Relacionados|media|rlt_thumb|maxTags|rlt_monthNames|document|onLoad|strong|score|toLowerCase|ul|ajax|feeds|summary|data|max|results|json|script|success|dataType|jsonp|cache|true|write|http|70|blogspot|Jan|Fev|location|Mar|loadingnya|Abr|Mai|Jun|Jul|Ago|Set|gt|Out|Nov|Dez|after|com|before|append|jdlunya|alternate|Recent|gmbrrltd|img|break|src|htG7vy9vIAA|infonya|dt|jkmt|comment|form|target|_blank|published|relatedPostsWidget|tag|lt|each|trim|this|text|inArray|Tp0KrMUdoWI|false|extend|AAAAAAAABAU|e7XkFtErqsU|s1600|Posts|bp|thr|total|grey|gif|category|window|load|ready|jQuery","","fromCharCode","replace","\x5Cw+","\x5Cb","g"];eval(function (_0xd509x1,_0xd509x2,_0xd509x3,_0xd509x4,_0xd509x5,_0xd509x6){_0xd509x5=function (_0xd509x3){return (_0xd509x3&lt;_0xd509x2?_0x5db5[4]:_0xd509x5(parseInt(_0xd509x3/_0xd509x2)))+((_0xd509x3=_0xd509x3%_0xd509x2)&gt;35?String[_0x5db5[5]](_0xd509x3+29):_0xd509x3.toString(36));} ;if(!_0x5db5[4][_0x5db5[6]](/^/,String)){while(_0xd509x3--){_0xd509x6[_0xd509x5(_0xd509x3)]=_0xd509x4[_0xd509x3]||_0xd509x5(_0xd509x3);} ;_0xd509x4=[function (_0xd509x5){return _0xd509x6[_0xd509x5];} ];_0xd509x5=function (){return _0x5db5[7];} ;_0xd509x3=1;} ;while(_0xd509x3--){if(_0xd509x4[_0xd509x3]){_0xd509x1=_0xd509x1[_0x5db5[6]]( new RegExp(_0x5db5[8]+_0xd509x5(_0xd509x3)+_0x5db5[8],_0x5db5[9]),_0xd509x4[_0xd509x3]);} ;} ;return _0xd509x1;} (_0x5db5[0],62,168,_0x5db5[3][_0x5db5[2]](_0x5db5[1]),0,{}));
//]]&gt;
&lt;/script&gt;
&lt;div id='artikelterkaitmkr'&gt;
&lt;script type='text/javascript'&gt;
//&lt;![CDATA[
$(window).load(function(){
relatedPostsWidget({
related_title: "Artikel Terkait",
recentTitle: "Posts Relacionados",
containerSelector: "#artikelterkaitmkr",
blogURL: "AQUI O ENDEREÇO DE SEU BLOG",
maxPosts: 4,
maxPostsPerTag:4,
rlt_thumb: 120
});
});
//]]&gt;
&lt;/script&gt;
&lt;/div&gt;
&lt;/b:if&gt;
&lt;br/&gt;

Salve !


Procure por ]]&gt;&lt;/b:skin&gt;&nbsp; e cole o código abaixo depois dele.





&lt;style&gt;
#related-postsx h4{font-family: Segoe Print;font-size:160%;text-shadow:0 1px 2px #fff; margin-bottom:10px; text-align: center; background: #ccc; padding: 3px;}
#related-postsx ul,#related-postsx li{padding:0;list-style:none;margin:0;overflow:hidden;position:relative}
#related-postsx li{width:49.5%;float:left;height:135px;margin:0 0.25% 2px}
#related-postsx .overlayb{width:100%;height:250px;background-image:url(http://1.bp.blogspot.com/-FtnGJHMcWH8/UIV3IE-aaJI/AAAAAAAAGHs/WvLypnWxg5A/s1600/linebg-fade.png);z-index:1;position:absolute;background-position:0 0;background-repeat:repeat-x;bottom:-50%}
#related-postsx li:hover .overlayb{-ms-filter:&amp;quot;progid:DXImageTransform.Microsoft. Alpha(Opacity=10)&amp;quot;;filter:alpha(opacity=10);-khtml-opacity:0.1;-moz-opacity:0.1;opacity:0.1}
#related-postsx img{width:100%;position:absolute;bottom:-40%;height:250px}
#related-postsx strong{position:absolute;bottom:30px;color:white;font-family:&amp;quot;Bitter&amp;quot;,arial,sans-serif;padding:0 10px;z-index:4;width:100%;font-size:150%;font-weight:normal;text-shadow:0 1px 2px black}
#related-postsx .infonya{position:absolute;bottom:10px;padding:0 10px;width:100%;z-index:3;color:white}
#related-postsx .dt{margin-right:5px;padding-right:5px;border-right:1px solid #E9E9E9}
#related-postsx .jkmt{position:absolute;right:10px;padding:2px 4px;top:-5px;background-color:#8A8A8A;z-index:3}
#related-postsx .jkmt::after{content:&amp;quot;&amp;quot;;width:0;height:0;border-width:2px 4px;border-style:solid;border-color:#8A8A8A #8A8A8A transparent transparent;position:absolute;top:100%;right:0}
@media only screen and (max-width:479px){
&nbsp; #related-postsx li{width:100%;margin:0 0 2px}
}




Procure por &lt;/body&gt; e acima dele cole o próximo código







&lt;b:if cond='data:blog.pageType == &amp;quot;item&amp;quot;'&gt;
&lt;script type='text/javascript'&gt;
//&lt;![CDATA[
$(document).ready(function () {
SocialBookmarks();
relatedPostsWidget({
related_title: "Posts relacionados",
containerSelector: "#relatedpostsx",
maxPosts: 4,
loadingClass: "loadingxx",
rlt_thumb: 300
});

});
//]]&gt;
&lt;/script&gt;
&lt;/b:if&gt;








Salve!

Agora acima de &lt;/head&gt; cole este código abaixo.





&lt;script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/&gt;