Widget scroll related posts sau articole asemanatoare in format animat

Astazi facem prezentarea unui widget scroll related posts sau articole din aceeasi categorie dar in format animat.Este indicat ca fiecare articol scris de tine in blog sa contina la sfarsit si o trimitere catre alte articole continand aceeasi eticheta sau facand parte din aceasi sfera a subiectului abordat.Pana acum exista acest related posts sub forma statica.Despre acest widget am postat si in 99bloguri cu ceva timp in urma oferind posibilitatea de a va putea si acest mic ajutor pentru toti cititorii blog-ului vostru.Vezi prima varianta adaugata in blog in mod static Adauga Related post sau Articole asenamatoare pentru Blogspot Blog in blogul tau.Pentru animatia widget-ului adaugat puteti vedea un demo aici

Pentru a renunta la ceea ce aveti acum si adauga acest " Articole asemanatoare" in format animat urmati acesti pasi :

Pasul [1] Intra in contul tau de blog blogger.com >> Aspect >> Editati HTML si bifeaza casuta din colt dreapta al sablonului in dreptul caruia scria : "Extindeti sabloanele control".
Pasul [2] Cautati aceasta linie de cod :

</head>

Pasul [3] Inlocuiti aceasta linie de cod cu acest cod :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://files.bloggerwidgets.cz.cc/js/relatedthumbs21.js' type='text/javascript'/>
</b:if></head>

Pasul [4] In continuare cautati aceasta linie de cod :

<data:post.body/>

Pasul [5] Inlocuiti aceasta linie de cod cu acest cod:

<data:post.body/><br /><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=7&quot;' type='text/javascript'/></b:if></b:loop>
<h3><b>Mai creaza interes si :</b></h3>
<marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=10;
var relatedpoststitle=&quot;&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script></marquee>
<div style='float:bottom-right'><a href='http://99bloguri.blogspot.com'>99bloguri</a></div></div>
</b:if>

Pasul [6] Salvati.

Nota: Se poate inlocui ceea ce scris cu rosu la pasul [5] cu ceea ce doresti astfel incat articolele tale sa poarte o indrumare catre cei care citest un anumit articol.