Multi Color Most Commented Post Widget For Blogger
Adding most commented is beneficial for those blogger who update their weblog daily together with accept lot of postal service together with then visitor tin engage alongside the posts that accept most conversation.First matter nearly this widget is that it is really slow to install.It is multi color stylish, when y'all add together this widget it demo 5 postal service alongside most comments exactly y'all tin alter it.
Note: hold back at the bottom of script, y'all volition run across y'all website url
replace y'all website url alongside your weblog address.
By default it widget demo 5 position out of post.if y'all desire to Change Number of Posts supervene upon 5 alongside whatever position out y'all want.
How to add together most commented postal service widget inwards blogger
First y'all accept to login to blogger.
Now teach to layout together with add together HTML/javascript gadget
Paste the given below code in that location together with salvage it
<style>
.comment-count {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;margin-top: -10px;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%;margin-top:10px;border-bottom-right-radius: 30px;border-top-left-radius: 30px;}.odhik-montobbo:nth-child(4n+0) {background: #E5FF99;width: 100%;border-bottom-right-radius: 30px;border-top-left-radius: 30px;}.odhik-montobbo:nth-child(5n+0) {background: #00E5FF;width: 100%;border-bottom-right-radius: 30px;border-top-left-radius: 30px;}.odhik-montobbo:nth-child(6n+0) {background: #09BCF7;width: 100%;padding-top:-15px;border-bottom-right-radius: 30px;border-top-left-radius: 30px;}.odhik-montobbo:nth-child(7n+0) {background: #09F746;width: 100%;border-bottom-right-radius: 30px;border-top-left-radius: 30px;}<a style="display:none" href="http://5gblogger.blogspot.com"> Widget</a></style><script type="text/javascript">function stripTags(s,n) { homecoming 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= you website url&NumberofPosts=5&_id=2cb5eb603ed55a6264ee1484e5fdd45c&_callback=mostcommented&_render=json" type="text/javascript"></script>
Note: hold back at the bottom of script, y'all volition run across y'all website url
replace y'all website url alongside your weblog address.
By default it widget demo 5 position out of post.if y'all desire to Change Number of Posts supervene upon 5 alongside whatever position out y'all want.
Belum ada Komentar untuk "Multi Color Most Commented Post Widget For Blogger"
Posting Komentar