Kapcsolódó cikkek - Related posts

Minden post alatt megjelenő 5 elemű felsorolás, mely az adott cikkhez kapcsolódó más cikket ajánl.

Irányítópult - Elrendezés - HTML-kód szerkesztése - Vezérlősablonok kibontása

Ctrl+f

Írd be  </head>

Közvetlenül ELÉ szúrd be ezt a kódot:

<style>
#related-posts { 
float : left; 
width : 540px; 
margin-top:20px; 
margin-left : 5px; 
margin-bottom:20px; 
font : 11px Verdana; 
margin-bottom:10px; 
} 
#related-posts .widget { 
list-style-type : none; 
margin : 5px 0 5px 0; 
padding : 0; 
} 
#related-posts .widget h2, #related-posts h2 { 
font-size : 20px; 
font-weight : normal; 
margin : 5px 7px 0; 
padding : 0 0 5px; 
} 
#related-posts a { 
text-decoration : none; } 
#related-posts a:hover { text-decoration : none; } 
#related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { 
display : block; 
background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiycM-cqP9EM8Iv63PtBKAQTmkZqH6c1MvmnBCGWZfP5U2Gpo2AblEt0St1KTmFFZ5jtRAyI6qkPUePkwkjao7OGHRtF_iWl3aKvyq3hSpHFf3apF2LQSPam5Nh0JdzkCOSEJGtUNVMoxY/") no-repeat 0 0; 
margin : 0; 
padding-top : 0; 
padding-right : 0; 
padding-bottom : 1px; 
padding-left : 21px; 
margin-bottom : 5px; 
line-height : 2em; 
border-bottom:1px dotted #cccccc; 
} 
</style> 
<script src='http://nora-papp.extra.hu/blogger/js/related_posts_hack.js' type='text/javascript'/>

Most írd be a Ctrl+f keresőbe: post-footer-line
Ebből akár többet is találsz, ez sablonfüggő, van amelyikben az első van csak.:
post-footer-line-1
post-footer-line-2
post-footer line-3

Ez a rész így néz ki:

<div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'>
    ...
    </div>
    <div class='post-footer-line post-footer-line-2'>
    ...
    </div>
    <div class='post-footer-line post-footer-line-3'>
    ...
    </div>
</div>

A lényeg, hogy az utolsó után a jelzett részbe szúrd be a következő kódot

<div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'>
    ...
    </div>
    <div class='post-footer-line post-footer-line-2'>
    ...
    </div>
    <div class='post-footer-line post-footer-line-3'>
    ...
    </div>

Ide szúrd be a kódot

</div>

Ezt kell beszúrni:

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font>
<font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/>
<b:if cond='data:label.isLast != "true"'>,</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/> </b:if>
</b:loop> 
</font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

Ebben van egy 5-ös szám. Ha ezt átírod, az ajánlott cikkek számát változtathatod. A Kapcsolódó cikkek: szavakat is átírhatod neked tetszőre.
Mentsd el a sablont.
A widgetet nálam láthatod a cikk alatt működés közben.
Ha tetszett és segített neked ez a poszt, kérlek lájkold ezt az oldalunkat is:
LÁJKOLOM
Köszönöm. Wise Lady