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://1.bp.blogspot.com/-FnHtUEguvcw/XuL8lJZttgI/AAAAAAAAD30/1iaFkA5CKLYhCbl7R1wjboMOYIIrhmluACK4BGAsYHg/d/google-news.png' height='64' loading='lazy' src='https://1.bp.blogspot.com/-FnHtUEguvcw/XuL8lJZttgI/AAAAAAAAD30/1iaFkA5CKLYhCbl7R1wjboMOYIIrhmluACK4BGAsYHg/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.
