Πολύχρωμα Δημοφιλή Widget

Ακόμα ένα σχέδιο για τις Δημοφιλείς αναρτήσεις στον 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 στο σημείο που θέλετε να εμφανίζεται & θα πατήσετε ξανά ΑΠΟΘΗΚΕΥΣΗ ΔΙΑΤΑΞΗΣ.

Αυτό ήταν !