How to add Google News widget - DesherSomoy24

How do I add Google News Widget to Blogger/ WordPress?

How to add Google News widget to Blogger/ WordPress is very easy. Today’s article is for those who can’t add the Google News widget to Blogger/ WordPress.

By following this article you can easily add a Google News widget to your Blogger/ WordPress site. All you have to do is follow the steps I showed you.

  • To add the Google News Widget to Blogger/ WordPress, you must first login to Blogger/ WordPress
  • Then you have to select the blog to which you want to add the Google News widget.
  • Now go to the Layout option from the Blogger/ WordPress Dashboard, and from there find the Sidebar / Side Widget of your theme.
  • Now select HTML / JavaScript plugin in Sidebar / Side Widget.
  • After selecting the HTML / JavaScript plugin, enter the title of your choice (eg Google News).
  • After giving the title, paste the following code in place of the content.

<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;}.flex-align1{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}</style>

<h3><span>Google News</span></h3><div class='rss-a'><a aria-label='BANGLA TECHSPOT' class='flex-align1' href='' rel='noopener' title='BANGLA TECHSPOT'><div class='rss-img'><img alt='BANGLA TECHSPOT' class=' lazyloaded' data-src='' height='64' loading='lazy' src='' width='64'/></div><div><div class='rss-name'><span>BANGLA TECHSPOT</span></div><div class='rss-follow'><span>লাইভ</span><span>৫২১ ফলোয়ার</span></div></div></a></div>

  • Now put the name of your site in place of all the “DesherSomoy24” written in these codes.
  • After giving the name, put the link of your Google News publication in the place of my publication.
  • Now write the correct follower of your Google News at the bottom and save it.
  • After saving, visit your blog, Google News widget has been added to your blog.



DesherSomoy24.Com Published latest trending news, article news, Video news, Viral photos, technology news, education news around the world.

Write A Comment