Most of you requested how we created the Most commented widget that shows the list of Top10 most popular posts sorted by comment bubbles. You can see this widget on our sidebar under the heading "Most Discussed". What we did here was using existing script from Yahoo! Pipes that uses json to parse and display each post with highest number of comments posted on it. Using CSS3 pseudo properties, we then styled the comment count with comment bubbles. This widget is simply a copy-paste tool that can be installed within seconds. Lets add this dynamic and fast loading widget to your blogger blogs!
Add Most Commented Widget to Blogger
- Go to Blogger > Layout
- Click "Add a Gadget"
- Choose HTML/JavaScript widget
- Paste the Following code inside it:
Make these small changes:
- Replace with your Blog URL http://www.mybloggertricks.com
- Replace this 6 with how many post titles you wish to display in the list.
- To change the background color of the comment bubbles, Simply replace the yellow highlighted hexadecimal color codes ( #292D30 ) with your custom color.
- To change the Text color of the Comment count Replace #FFF.
- Replace #dedede if you wish to change the border color that appears below each post title. If you don't want to show a border below each list item then simply delete this line: border-bottom: 1px dashed #dedede;
5. Save and you are all done!
Visit your blog and see a beautiful list of Populat Posts with Fancy comment bubbles! :) 
1 comments :
Great tip! but if you are using “http://pipes.yahoo.com/pipes/pipe.run” it will disrupt the loading speed of your blog, you should make the widgets independently, as in this article ….
http://www.senatechno.com/2015/04/create-blogger-mostcomment-widget-1.html
hope it is useful.
Emoticon Emoticon