How to add Google News Widget on Blogger HTML Code

Google News Widget is featured to increase visitors to your website. You can add a Google News widget to your Blogger. If you add this widget to your website, you will get more visitors from Google News. Without visitors, you cannot benefit from your website.


So read this article completely and set up Google News Widget on your website. First, you need the Google News URL Where are you finding your Google News URL? Go to Google News and search by your website title. See these images for how to find URLs.

Step 1: Go to your NEWS publication page

Step 2: Click on share icon and you will see 3 options.

Step 3: Click Copy link and get your Google News URL.

Step 4: Now find this tag "href=" and paste your URL. After changing the title "Your Site Name".


==The Code==

<style>.rss-name {

    color: #212529;

    color: var(--text-black);


.rss-img {

    display: block;

    flex-shrink: 0;

    height: 4rem;

    margin: 1rem;

    width: 4rem;

    border-radius: 4px;

    overflow: hidden;

    position: relative;

    transition: box-shadow .2s cubic-bezier(0.4,0,0.2,1) 0s;

-webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.16), 0 1px 2px 0 rgba(0,0,0,0.26);

    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.16), 0 1px 2px 0 rgba(0,0,0,0.26);


.rss-follow {

    margin-top: 5px;

    color: #137333;

    font-size: 14px;


.rss-a {

    border: 1px solid #dadce0;

    border-radius: .5rem;

margin-bottom: 10px;




<h3><span>Google News</span></h3>

<div class='rss-a'>

<a aria-label='Arefin Masuk' class='flex-align1' href='Your Google News URL'  target="_blank" rel='noopener' title='Your Site Name'>

<div class='rss-img'>

<img alt='Arefin Masuk' class=' lazyloaded' data-src='' height='64' loading='lazy' src='' width='64'/>



<div class='rss-name'><span>Your Site Name</span></div>

<div class='rss-follow'><span>Live</span>

<span>1250 Followers</span></div></div></a></div>



Now copy this final HTML code again and create a Google News widget in Blogger. View the image and do the same in blogger layout option and save it. After saving it go to your website and test it.


© Arefin Masuk. All rights reserved. Premium By FC Themes