luni, 30 aprilie 2012

Posturi asemanatoare cu articolul pe blogger, blogspot

Acest windget o sa afiseze imediat sub articol imagini in miniatura si link catre alte articole asemanatoare cu cel care l-ati citit acest widget iti aduce cu siguranta mai multe afisaje la siteu, blog.... va da si un alt design " aspect" mult mai placut
Widget blogger va folosi imaginile incarcate in postari si se va folosi de etichete pentru afisarea de articole asemanatoare
Priviti imaginea de mai jos asa arata Widget cu posturi asemanatoare cu articolul

Inainte de instalarea winget-ului o copie de rezerva a blogului dumneavoastra urmati pasi
1. Logati-va la blogger 
2. Sablon 
3. Apasati Faceti o copie de rezerva 
4. Descarcati sablon comlet
Acuma daca ceva nu merge bine si stricati sablonul il puteti restabili exact cum a fost



Hai sa lasam vorba si sa Instalam Widget -ul Urmati pasi

  • 1. Logati-va la blogger
  • 2. Sablon
  • 3. Edit HTML
  • 4. Accesati
  • 5. Bifati Extindeti sabloanele control
  • 6. Gasiti linia de cod  " folositi Ctrl+F  pentru gasi linia de cod"
</head>

Si chiar inainte de el copiati codul de mai jos.


<!--Related Posts with thumbnails Scripts and Styles Start-->
<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://bloggergadgets.googlecode.com/files/related_posts_with_thumbnails_min.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->


  • 7. Acum cautati unul din codurile de mai jos


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

sau

<data:post.body/>


Si imediat dupa una ele adaugati codul de mai jos:


<!-- Related Posts with Thumbnails Code Start-->
<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=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=6;
var relatedpoststitle="Posturi Asemanatoare";
removeRelatedDuplicates_thumbs(); 
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->


Daca doriti sa schimbati numarul de postari care apar schimbati pe 6 cu numarul care doriti sa apar postari
var maxresults=6;

Iar daca sa schimbati titlu la Widget schibati Posturi Asemanatoare  cu ce credeti voi ca se potriveste cel mai bine
var relatedpoststitle="Posturi Asemanatoare"

  • 8. Salveaza sablonul

Va astept cu intrebari 
Si care cred ca nu se descurca lasati-mi un mesaj si va ajut sa il instalati dar in schimbul ajutorului oferit public un articol pe blogul dvs


Widget a fost creat de bloggerplugins

Un comentariu: