How to add Google News widget-11

How to add Google News widget

You have to wait 15 seconds.

Download Timer

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='https://news.google.com/publications/CAAqBwgKMJ7jpQsw9u29Aw' rel='noopener' title='BANGLA TECHSPOT'><div class='rss-img'><img alt='BANGLA TECHSPOT' class=' lazyloaded' data-src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2bjRkIgr5lVqdfmgDqHHTYpIH_YSU1acvNNoOromaVwMjQClJaVaqSuI8xu0rSHV3qSL9sUiz6yPNigRrmI3dFfHAMtPutQ_JL4MFqB2YefgEVk4Bk0UFNPN4XKwKC2kQGXjdp9w72Xh2/d/google-news.png' height='64' loading='lazy' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2bjRkIgr5lVqdfmgDqHHTYpIH_YSU1acvNNoOromaVwMjQClJaVaqSuI8xu0rSHV3qSL9sUiz6yPNigRrmI3dFfHAMtPutQ_JL4MFqB2YefgEVk4Bk0UFNPN4XKwKC2kQGXjdp9w72Xh2/d/google-news.png' 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.
• 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.

• 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='https://news.google.com/publications/CAAqBwgKMJ7jpQsw9u29Aw' rel='noopener' title='BANGLA TECHSPOT'><div class='rss-img'><img alt='BANGLA TECHSPOT' class=' lazyloaded' data-src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2bjRkIgr5lVqdfmgDqHHTYpIH_YSU1acvNNoOromaVwMjQClJaVaqSuI8xu0rSHV3qSL9sUiz6yPNigRrmI3dFfHAMtPutQ_JL4MFqB2YefgEVk4Bk0UFNPN4XKwKC2kQGXjdp9w72Xh2/d/google-news.png' height='64' loading='lazy' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2bjRkIgr5lVqdfmgDqHHTYpIH_YSU1acvNNoOromaVwMjQClJaVaqSuI8xu0rSHV3qSL9sUiz6yPNigRrmI3dFfHAMtPutQ_JL4MFqB2YefgEVk4Bk0UFNPN4XKwKC2kQGXjdp9w72Xh2/d/google-news.png' 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>

   

শেয়ার করুন