How to Add Trending Post Widget to BlogSpot Blogger

By -

Blogger trending post widget is the fastest, responsive and auto scrolling widget that gives a professional and unique look to all your trending posts that you have recently published on your blog. Time keeps flowing like a river so i recommend you to install this great widget and forget the old and slow fashioned plugins.

Trending Post Widget

Check out: How to Add Pop-Up Welcome Message to Blogger

Trending post widget shows all your popular posts dynamically that gives a beautiful look to your BlogSpot blog. It is the latest and newest version of recent post widget that combines both popular and recent post widget in a single place. It keeps scrolling from bottom to top like a golden chain.

Pay Attention: 21+ Blogger Widgets, Gadgets and Plugins

Steps to Add Trending Post Widget to Blogger

  1. Go to your blogger Dashboard > Template > Edit HTML

  2. Click anywhere inside the template editor and press Ctrl + F to open the search box
  3. Search </head> tag and paste the ajax code just above the </head> and click save template
    4. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js'/> <script type='text/javascript'>

    Note: If you've already installed this ajax, just skip this step and follow the next steps

  4. Now press back button and navigate to the Layout > Add a Gadget > HTML/JavaScriptAdd
  5. Paste the following code inside the content area and add <!--> inside the title area as shown below in the screenshot

    6. <div class='widget-content'>
    <div class="widget HTML" data-version="1" id="HTML7">
    <h2 class="title">Trending Posts</h2>
    <div class="widget-content">
    <!-- start feedwind code --><script type="text/javascript">document.write('\x3Cscript type="text/javascript" src="' + ('https:' == document.location.protocol ? 'https://' : 'http://') + 'cdn.rawgit.com/knigulper/github.io/gh-pages/Knigulper.com/trendingrss.js">\x3C/script>');</script><script type="text/javascript" src="https://cdn.rawgit.com/knigulper/github.io/gh-pages/Knigulper.com/trendingrss.js"></script><script type="text/javascript">(function() {var params = {rssmikle_url: "http://www.knigulper.com",rssmikle_frame_width: "315",rssmikle_frame_height: "0",frame_height_by_article: "0",rssmikle_target: "_top",rssmikle_font: "Arial, Helvetica, sans-serif",rssmikle_font_size: "13",rssmikle_border: "on",responsive: "on",rssmikle_css_url: "",text_align: "left",text_align2: "left",corner: "on",scrollbar: "off",autoscroll: "on",scrolldirection: "up",scrollstep: "3",mcspeed: "20",sort: "Rnd",rssmikle_title: "off",rssmikle_title_sentence: "TRENDING POSTS",rssmikle_title_link: "",rssmikle_title_bgcolor: "#38A631",rssmikle_title_color: "#FFFFFF",rssmikle_title_bgimage: "",rssmikle_item_bgcolor: "#FFFFFF",rssmikle_item_bgimage: "",rssmikle_item_title_length: "55",rssmikle_item_title_color: "#1E991A",rssmikle_item_border_bottom: "on",rssmikle_item_description: "on",item_link: "off",rssmikle_item_description_length: "150",rssmikle_item_description_color: "1E88E6",rssmikle_item_date: "gl1",rssmikle_timezone: "Etc/GMT",datetime_format: "%b %e, %Y %l:%M %p",item_description_style: "text+tn",item_thumbnail: "crop",item_thumbnail_selection: "auto",article_num: "25",rssmikle_item_podcast: "off",keyword_inc: "",keyword_exc: ""};feedwind_show_widget_iframe(params);})();</script><iframe height="552" width="100%" src="http://feed.mikle.com/widget/?rssmikle_url=http%3A%2F%2Fwww.knigulper.com&amp;rssmikle_frame_width=315&amp;rssmikle_frame_height=550&amp;frame_height_by_article=0&amp;rssmikle_target=_top&amp;rssmikle_font=Arial%2C%20Helvetica%2C%20sans-serif&amp;rssmikle_font_size=13&amp;rssmikle_border=on&amp;responsive=on&amp;text_align=left&amp;text_align2=left&amp;corner=on&amp;scrollbar=on&amp;autoscroll=on&amp;scrolldirection=up&amp;scrollstep=3&amp;mcspeed=20&amp;sort=Rnd&amp;rssmikle_title=off&amp;rssmikle_title_sentence=TRENDING%20POSTS&amp;rssmikle_title_bgcolor=%2338A631&amp;rssmikle_title_color=%23FFFFFF&amp;rssmikle_item_bgcolor=%23FFFFFF&amp;rssmikle_item_title_length=55&amp;rssmikle_item_title_color=%231E991A&amp;rssmikle_item_border_bottom=on&amp;rssmikle_item_description=on&amp;item_link=off&amp;rssmikle_item_description_length=150&amp;rssmikle_item_description_color=%23000000&amp;rssmikle_item_date=gl1&amp;rssmikle_timezone=Etc%2FGMT&amp;datetime_format=%25b%20%25e%2C%20%25Y%20%25l%3A%25M%20%25p&amp;item_description_style=text%2Btn&amp;item_thumbnail=crop&amp;item_thumbnail_selection=auto&amp;article_num=25&amp;rssmikle_item_podcast=off&amp;" scrolling="no" name="rssmikle_frame" marginwidth="0" marginheight="0" vspace="0" hspace="0" frameborder="0"></iframe><div style="font-size:10px; text-align:center; "><a href="https://www.knigulper.com/2017/01/trending-post-widget-for-blogger.html" style="color:transparent;">trending post widget</a><!--Please display the above link in your web page according to Terms of Service.--></div><!-- end feedwind code --><!--  end  feedwind code -->
    </div>
    <div class="clear"></div></div>
    </div>
    <div class='clear'></div>

    Important: Replace the only blue text with your blogger homepage URL

  6. Finally, click Save and you are done

Conclusion

Blogger Trending Post Widget is the most popular widget that shows all your popular and most clicked posts on your blogger. If you use this widget, i think you do not need to install the popular post widget on your blogspot blog as it displays all your popular and recent posts in one place. These types of widgets are also known as the two in one widget.

Comments

  1. EduIslam Official9 July 2017 at 07:58

    Widget is good. I want this to display only selected labels. please help me set it. Want the code.

    ReplyDelete
    Replies
    1. Farooq Ahmad Bhat11 July 2017 at 11:27

      Keep an eyes. We will release a latest version with selected labels

      Delete
  2. Unknown7 September 2017 at 05:48

    This comment has been removed by the author.

    ReplyDelete
  3. Unknown7 September 2017 at 05:50

    Hi, thanks for the last widget (Trending Post Widget). It looks amazing! However I can't change the green color of the post titles to the red I need. I have tried to change the hex color in the code provided (#38A631) but nothing happens. Any tips here?

    ReplyDelete
    Replies
    1. Farooq Ahmad Bhat7 September 2017 at 06:06

      Hello Kiriakos, Thanks for your positive feedback! Please #1E991A and replace it with your preferred color.

      Delete
    2. Unknown7 September 2017 at 12:15

      Thanks for your immediate response. Seems I was changing the wrong green hex.

      Delete
    3. Farooq Ahmad Bhat7 September 2017 at 12:19

      You're welcome!

      Delete
  4. Freelancer Bharat8 July 2018 at 23:32

    Hi mate,

    I did try, however trending shows your blogger post and not mine's blogger post. :(

    ReplyDelete
  5. Unknown12 September 2020 at 04:03

    Amazing article..

    Check this out also

    부밤

    부산의밤

    부달

    부산달리기

    ReplyDelete

Post a Comment

Popular posts from this blog

List of Top 11 Social Bookmarking Sites for 2018

By -
Image
Today, I'm going to share with you the most popular and widely used social bookmarking sites for 2018. These sites will help you increase your content visibility on social media and search engines. The process begins with the content curation and content aggregation. But before you bag the list, you need to understand what social bookmarking is and why you should use them instead of browser bookmarks. What is Social Bookmarking? Social Bookmarking is the process of adding, storing, submitting and sharing your contents on those websites where people and search engines can see and access your work actively. It includes a webpage, an image object, a video or text-based links like services or products that you offer. When you share (bookmark) your contents on a social bookmarking site, it means your data has been whitelisted or stored for quick access in future if the original web page exists. Check out: Role of Social Media in Boosting Your Traffic Easily Why You Should Use...
Read more

6 Digital Marketing Strategies for Small Business

By -
Image
Revenue is the lifeblood of any business. To get enough sales, it is very important to market your business as well as the products and services which you are providing. Today, there are millions of potential consumers on the Internet. Therefore, digital marketing is highly necessary. This is an activity where the company's name, brand, products, and services are spread throughout the Internet so that online consumers can view them, make purchases and possibly make referrals. By boosting your company's brand awareness online, you can create an attractive, positive and profitable business. One of the most effective methods of achieving this is by using SEO methods and other useful techniques. Here is more on Search Engineering Optimization. What is Search Engine Optimization? (SEO) This is a specialized strategy where the online visibility of a website is grown in the organic search engine results. Involving a collection of technical and web-based strategies, SEO optimizatio...
Read more

How to Create Separate AMP Pages On Blogger [AMP Plugin]

By -
Image
Today, I am going to share an awesome technique by which you can install AMP version on your responsive blogger template. By doing this, your responsive theme will not get disturbed because with this method, you can add AMP snippets to the mobile version (m=1) instead of upgrading your whole template to AMP. So let get started! As we know, people are upgrading their responsive themes to AMP themes and this method has badly impacted their blog layout. But in this article, we will be learning to create a separate AMP page in a native manner that will keep your responsive design up. So creating a separate AMP page on Blogger's mobile URL m=1, we need to have valid AMP snippets in our Blogger template. Then we will make some minor changes to make AMP on mobile URL m=1. How to Easily Add Hreflang Tag to Blogger Steps to Add AMP Pages On Blogger Mobile Redirect URL Creating a separate AMP page in Blogger is not a difficult task as you think. In today's article, I am going t...
Read more