Articole Asemanatoare Sub Fiecare Postare.

                     Cum pun widget-ul postari asemanatoare pe blog

Unul din cele mai cautate trucuri pentru Blogger ramane posibilitatea de a afisa la sfarsitul articolului un widget care sa afiseze articolele similare cu articolul citit.

Pentru ca widget-ul sa functioneze, trebuie ca etichetele de pe blogul vostru sa contina deja cateva articole.

 Acest widget este foarte important pentru un blog el ducand la creasterea numarului paginilor citite din blog, asa ca cine vrea sa il instaleze trebuie sa urmeze pasii de mai jos.

Instalarea widget-ului

 Mergeti la Aspect --> Editati Html si salvati o copie a sablonului in calculator. Asta pentru ca in cazul in care ceva nu merge cum trebuie sa puteti reveni la forma lui actuala.

Bifati casuta care extinde codul sablonului.

Cautati urmatoarea linie de cod </head> folosind (Ctrl+F):

Chiar inainte de el adaugati codul de mai jos.

<!--Related Posts with thumbnails Scripts and Styles Start-http://simplu-si-util.blogspot.ro/---> <!-- remove --><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 type='text/javascript'> var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_YndN4ciecVz8FFTbDU-ptIUsCZGycrnKx-VtvFoFcq1zmGW4W7iF5XSPFCXGrtIKpsGdpENaqoA2PBPyBz-wsi47Rfd_Yvo1TR9BAaulYpdyjDT8vwr2pRzoinohRVCdPiFcbmz7E5Y/s400/noimage.png"; var maxresults=5; var splittercolor="#d4eaf2"; var relatedpoststitle="Poate Va Intereseaza Sii.!!"; </script> <script src='http://tutoriale-ajutor.googlecode.com/svn/trunk/related-posts-with-thumbnails-for-blogger.js' type='text/javascript'/> <!-- remove --></b:if> <!--Related Posts with thumbnails Scripts and Styles End-http://simplu-si-util.blogspot.ro/-->

Pentru a modifica culoarea fundalului care apare cand miscati mouse-ul deasupra lor, modificati #d4eaf2 cu ce culoare doriti.

Acum cautati una din urmatoarele linii de cod:

<data:post.body/>

 sau

<div class='post-footer-line post-footer-line-1'>

 sau

<p class='post-footer-line post-footer-line-1'>

 Si imediat dupa una din ele adaugati codul de mai jos:

<!-- Related Posts with Thumbnails Code Start--> <!-- remove --><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> <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=5&quot;' type='text/javascript'/></b:loop> <script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;); </script> </div><div style='clear:both'/> <!-- remove --></b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'></b:if></b:if> <!-- Related Posts with Thumbnails Code End-->

 Pentru a modifica numarul de postari asemanatoare care vor aparea dupa postare schimbati numarul 5 cu ce numar vreti, dar aveti grija la latimea coloanei de postare a sablonului vostru.

maxresults=5;

 Pentru a modifica titlu care apare deasupra lor modificati Poate Va Intereseaza Sii.!! cu ce credeti voi ca ar fi mai bine.

var relatedpoststitle="Poate Va Intereseaza Sii.!!";

 Previzualizati pentru a vedea daca ati gresit ceva si daca nu, puteti salva sablonul. Pentru a vedea cum arata trebuie sa va duceti pe adresa unei pagini, widget-ul nefiind vizibil pe pagina principala.