Multi Colored Popular Post Widget In Blogger v3.

Ακόμα ένα σχέδιο για τις Δημοφιλείς αναρτήσεις στον blogger.
Η διαφορά του με την 2η έκδοση (V2) είναι ότι ΔΕΝ χρησιμοποιεί την μικρογραφία εικόνας & ότι έχει διαφορετικό σχέδιο στην εμφανισή του.
Ας πάμε να το δούμε λοιπόν πως θα το περάσετε στο ιστολόγιο σας:
Αφού κρατήσετε ένα backup του template σας καλού-κακού....
Θα πάτε στον Πίνακα ελέγχου σας --> Πρότυπο --> και θα κοιτάξετε να βρείτε τον παρακάτω κώδικα με Ctrl + F....

]]></b:skin>

Μόλις το βρείτε θα πάτε στην αμέσως προυγούμενη γραμμή & θα προσθέστε τον παρακάτω κώδικα.

<!--Multi-Colored-Popular-Post-V3-Widget-STARTS-Widget-http://loneeagle110.blogspot.com/-->
#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}
#PopularPosts1 ul li a {-webkit-text-size-adjust:auto;-webkit-text-stroke-width:0px;color:#000;display:block;font-family:Georgia,'Times New Roman',Times, serif;font-weight:bold;font-size:12px;font-style:normal;font-variant:normal;letter-spacing:normal;line-height:18px;margin:0px 40px 0px 0px;min-height:30px;orphans:2;padding:0px;text-align:-webkit-auto;text-decoration:none !important;text-indent:0px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #fff;background:#000;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#db0f6c;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#7903d1;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#c403bc;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#86480d;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#1fdba7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#12bff7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li{background:#b4ea31;width:90%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li{background:#fad331;width:90%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li{background:#fa5224; width:90%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child{background:#fc272e ;width:90%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}
#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:20px 0px 20px 0px;border:2px solid #fff;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow:3px 3px 3px #000;padding:10px}
<!--Multi-Colored-Popular-Post-V3-Widget-STOPS-Widget-http://loneeagle110.blogspot.com/-->

Θα πατήσετε ΑΠΟΘΗΚΕΥΣΗ του προτύπου & θα πάτε --> Διάταξη --> Προσθήκη gadget --> και θα βρείτε το Δημοφιλείς αναρτήσεις ή Popular Posts.
Τέλος θα πατήσετε ΑΠΟΘΗΚΕΥΣΗ & μέσα απο την Διάταξη θα σύρετε το gadget στο σημείο που θέλετε να εμφανίζεται & θα πατήσετε ξανά ΑΠΟΘΗΚΕΥΣΗ ΔΙΑΤΑΞΗΣ.
Αυτό ήταν !

Παρατηρήσεις για τις ρυθμίσεις του gadget.
Στις ρυθμίσεις για Περισσότερες προβολές:
α) προτιμήστε να "παίξετε" με τις δύο τελευταίες επιλογές, δηλ. Τελευταίες 30 ημέρες ή Τελευταίες 7 ημέρες.
β) Θα πρέπει να προσέξετε το σημείο "Προβολή έως και 10 αναρτήσεων" όπου το μεγαλύτερο νούμερο εμφάνισης θα πρέπει να είναι ο αριθμός 10.
Και στις ρυθμίσεις για την Εμφάνιση:
γ) Θα ξετσεκάρετε το δύο κουτάκια που λένε: "Μικρογραφία εικόνας" & "απόσπασμα"

Σχετική Ανάρτηση:
Multi Colored Popular Post Widget With Hover Effect In Blogger V2.

ΚΑΛΗ ΕΠΙΤΥΧΙΑ!!!!!