Ads 468x60px

Πέμπτη, 12 Φεβρουαρίου 2015

Most commented widget

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε ένα widget με το
οποίο αναδεικνύουμε τις αναρτήσεις με
τα 
περισσότερα σχόλια που έχουν
γίνει στο Blog μας!Είναι με κώδικα Css, πολύχρωμο με πρωτότυπη
εμφάνιση 
και μπορείτε να το 
τοποθετήσετε σε όποιο σημείο της σελίδας σας
θέλετε!








 Η εγκατάσταση είναι απλή:
 
Πηγαίνετε blogger--> Διάταξη -->

Προσθήκη gadget-->HTML/JavaScript 

 
 
και στο παράθυρο που θα ανοίξει επικολλήστε  

τον ακόλουθο κώδικα-->
..............................................................................................................................................................
<style>
.comment-count {
border: 8px inset #0572F8;
padding: 3px 10px;
background: #000000;
color: #ffffff;
font-family: 'Oswald', sans-serif;
font-size: 80%;
float: right;
}
.odhik-montobbo ul {
padding: 0px !important;
list-style:none;
font-family: 'Oswald', sans-serif;
}
.odhik-montobbo ul li {
list-style: none;
padding: 10px;
color: #000000;
background:none;
}
.odhik-montobbo ul li a {
color: #000000;
list-style: none;
text-decoration: none;
font-size: 90%;
}
.odhik-montobbo:nth-child(3n+0) {
background: #E21323;
width: 100%;
border: 8px inset #0572F8;
}
.odhik-montobbo:nth-child(4n+0) {
background: #E5FF99;
width: 100%;
border: 8px inset #0572F8;
}
.odhik-montobbo:nth-child(5n+0) {
background: #00E5FF;
width: 100%;
border: 8px inset #0572F8;
}
.odhik-montobbo:nth-child(6n+0) {
background: #09BCF7;
width: 100%;
border: 8px inset #0572F8;
}
.odhik-montobbo:nth-child(7n+0) {
background: #09F746;
width: 100%;
border: 8px inset #0572F8;
}
</style>
<script type="text/javascript">
function stripTags(s,n)
    {
    return s.replace(/<.*?>/ig,"").split(/\s+/).slice(0,n-1).join(" ")
}
function mostcommented(feed) {
 var i;
 for (i = 0; i < feed.count ; i++)
 {
var postURL = "'" + feed.value.items[i].link + "'";
var postTitle = feed.value.items[i].title;
var postComments = feed.value.items[i].commentcount;
var postList = '<div class="odhik-montobbo"><ul><li style="margin-bottom: 10px"><div class="comment-count">' + postComments + "</div>" + "<a href="+ postURL + '">' + postTitle + "</a>"  + '</li></ul></div>';
 document.write(postList);
 }
 }
 </script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
 AddUrlHere=ΕΔΩ ΜΠΑΙΝΕΙ Η ΔΙΕΥΘΥΝΣΗ ΤΟΥ BLOG ΣΑΣ
&amp;NumberofPosts=7
&amp;_id=2cb5eb603ed55a6264ee1484e5fdd45c
&amp;_callback=mostcommented
&amp;_render=json" type="text/javascript"></script>
.....................................................................................................................................................
ΑΛΛΑΓΕΣ

Απλά βάζετε την διεύθυνση του blog σας στο αντίστοιχο σημείο του κώδικα,
και όποιος θέλει αλλάζει και το 7 (NumberofPosts=7) αν θέλει πιο λίγες η πιο
πολλές αναρτήσεις στο widget!

Αποθήκευση και έτοιμοι!


Καλή επιτυχία!!!

Υγ:Από την πηγή που δίνω υπάρχουν ακόμα 3 παραλλαγές σε σχήμα του widget για
να διαλέξετε επιπλέον!



Πηγή κώδικα 
thanks to bloggerspice.com




 Edit by

0 σχόλια :

Δημοσίευση σχολίου

Icon Icon Icon

spice up your blog