Acest Widget Related post - Articole asemanatoare asa cum le-am denumit eu,arăta o secţiune in josul paginii care formeaza legaturi cu alte posturi noi din articolele postate de tine pe blog.Related post preia legaturile dintre posturi, care au aceeaşi etichetă ca articolul curent.
1.Te loghezi la blogger pentru contul tau >> în tabloul de bord
2.Du-te la Aspect >> Editaţi HTML si extindeti bifand casuta de extindere a sablonului (opţiune pe dreapta)
3.Acum găsiti această linie de cod:
</head>
inlocuiti codul gasit mai sus cu acest cod:
<!--Related Posts Scripts and Styles Start-->
<!--Remove--><b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts .widget{
padding-left:6px;
margin-bottom:10px;
}
#related-posts .widget h2, #related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:blue;
}
#related-posts a:hover{
color:blue;
}
#related-posts ul{
list-style-type:none;
margin:0 0 0px 0;
padding:0px;
text-decoration:bold;
font-size:15px;
text-color:#000000
}
#related-posts ul li{
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib2YDlwdd6n7h2DzseYJSJ41vHPlFaDIzUkfyGqrClgIK2y7anJX8700xu1Oc_GgGMn79va4aTDPUP35eUM4FPecDGA4EAMUem4c_dcu8IEH7pYqj83X0uXaWjd_BcoBMvkvAMd6EBIXo/s200/greentickbullet.png) no-repeat ;
display:block;
list-style-type:none;
margin-bottom: 13px;
padding-left: 30px;
padding-top:0px;}
</style>
<script type='text/javascript'>
var relatedpoststitle="Related Posts";
</script>
<script src='http://blogergadgets.googlecode.com/files/related-posts-for-blogger.js' type='text/javascript'/>
<!--Remove--></b:if>
<!--Related Posts Scripts and Styles End-->
</head>
Daca doriti sa schimbati " Related Post" cu "Articole asemanatoare" sau cu alta denumire cautati aceasta linie din codul html de mai sus :
var relatedpoststitle="Related Posts";
si inlocuiti direct in cod "Related Post" cu denumirea dorita de tine.
4.Acum ,cautati acesta linie ( Ctrl+F ) :
<div class='post-footer-line post-footer-line-1'>
Daca nu gasesti aceasta linie in sablonul blogul tau cauta aceasta linie :
<p class='post-footer-line post-footer-line-1'>
Imediat dupa aceasta linie ( indiferent de linia de cod gasita in sablonul tau ) adauga acest cod :
<!-- Related Posts Code Start-->
<!--Remove--><b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<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&callback=related_results_labels&max-results=6"' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var maxresults=5;
removeRelatedDuplicates(); printRelatedLabels("<data:post.url/>");
</script>
</div>
<!--Remove--></b:if>
<!-- Related Posts Code End-->
Salvati.
Puteti modifica nr de articole postate in script de la 5 ,asa cum este setat cu nr de afisari dorit de tine prin inlocuirea cifrei 5 scrisa cu rosu cu nr dorit de tine spre afisare a articolelor din blogul tau.Daca intampinati ceva probleme nu ezitati sa ma contactati pentru a va oferi cele mai bune solutii pentru ca acest widget din acest post ,cat si alte widget-uri din acest blog sa mearga si pentru blogul tau.
4 comentarii:
foarte interesant tutorialul :)
Multumesc pentru tutorial, mult mai folositor decat junkurile de pe net.
Mulţumesc şi eu pentru acest tutorial. L-am implementat şi sunt extrem de încântat. Am o întrebare... este posibil să-l implementez chiar în postare? daca da, cum aş putea proceda?
Omule la mine nu merge? Ma poti ajuta?
Trimiteți un comentariu