How to add popular post widget to Blogger

How to add popular post widget to Blogger
This popular posts tool is one of the most useful tools provided by Google Blogger.
Popular post contains a list of the most visited posts on your blog during a specific time frame.
As such, the popular posts tool is great for providing visitors with a list of all posts whose pages have been viewed in their history within weeks, months, or all time.
Just as we offer visitors (especially new visitors) nutritious content provided by blogs.
The most important reason we should put this popular posts tool in our blog is to reduce the bounce rate for the blog.
When visitors already have the information they need, they may leave our blog.
Therefore, by providing this tool, we can provide more useful articles for them, and visitors can stay on our blog for a longer period.

How To Add a Popular Post Widget to Blogger Blog

1. Go to the Blogger dashboard
2. Go to the layout
3. Add a gadget
  • Select the popular sharing tool from the list
By default, Blogger allows you to choose whether to put snippets and thumbnails on this tool, which is great for blending the design of a particular blog.
When adding a “popular posts” tool, it is important to configure the correct available settings to make it work as it should.
Please refer to the figure below.
1. Popular post settings
Common sharing tools with scrolling effects
After adding the “popular post” tool to your blog, it’s time to customize it and add some effects. In this case, we used the scroll effect and added shadows around it, which made the popular posts tool appealing to our readers.
Return to Blogger Dashboard HTML Edit

"use strict"; var adace_load_6508da4fa0ace = function(){ var viewport = $(window).width(); var tabletStart = 601; var landscapeStart = 801; var tabletEnd = 961; var content = '%09%3Cdiv%20class%3D%22adace_ad_6508da4fa0782%22%3E%0A%0A%09%09%0A%09%09%09%0A%09%09%09%3Cscript%20async%20src%3D%22https%3A%2F%2Fpagead2.googlesyndication.com%2Fpagead%2Fjs%2Fadsbygoogle.js%3Fclient%3Dca-pub-5291108199943105%22%0D%0A%20%20%20%20%20crossorigin%3D%22anonymous%22%3E%3C%2Fscript%3E%0D%0A%3C%21--%20SIDEBAR%20--%3E%0D%0A%3Cins%20class%3D%22adsbygoogle%22%0D%0A%20%20%20%20%20style%3D%22display%3Ablock%22%0D%0A%20%20%20%20%20data-ad-client%3D%22ca-pub-5291108199943105%22%0D%0A%20%20%20%20%20data-ad-slot%3D%224693345289%22%0D%0A%20%20%20%20%20data-ad-format%3D%22auto%22%0D%0A%20%20%20%20%20data-full-width-responsive%3D%22true%22%3E%3C%2Fins%3E%0D%0A%3Cscript%3E%0D%0A%20%20%20%20%20%28adsbygoogle%20%3D%20window.adsbygoogle%20%7C%7C%20%5B%5D%29.push%28%7B%7D%29%3B%0D%0A%3C%2Fscript%3E%0A%09%09%09%3C%2Fdiv%3E%0A%09'; var unpack = true; if(viewport=tabletStart && viewport=landscapeStart && viewport=tabletStart && viewport=tabletEnd){ if ($wrapper.hasClass('.adace-hide-on-desktop')){ $wrapper.remove(); } } if(unpack) { $self.replaceWith(decodeURIComponent(content)); } } if($wrapper.css('visibility') === 'visible' ) { adace_load_6508da4fa0ace(); } else { //fire when visible. var refreshIntervalId = setInterval(function(){ if($wrapper.css('visibility') === 'visible' ) { adace_load_6508da4fa0ace(); clearInterval(refreshIntervalId); } }, 999); }

})(jQuery);

Use CTRL + F, find this symbol]]> </ b: skin>.
Then, on top of the code, copy and paste the following code provided below.
Next, save your blog template.
Note: The “popular Posts” widget may already have a CSS on the form.
The flagship CSS class ID of the popular posting tool is popularPosts.
To avoid some possible errors, try deleting all symbols with this Category ID

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top