তাই এই আর্টিকেলটি সম্পূর্ণ পড়ুন এবং Google News Widget-এর Widget আপনার ওয়েবসাইটে সেট আপ করুন।
Google News Widget সেটা পড়তে কি লাগে
প্রথমত, আপনার Google News URL প্রয়োজন৷ আপনি আপনার Google News URL কোথায় খুঁজে পাচ্ছেন? Google News-এ যান এবং আপনার ওয়েবসাইটের শিরোনাম দ্বারা অনুসন্ধান করুন। অথবা সার্চ কনসোল থেকে আপনার Google News অপনে গেলে সেখান থেকে Google News URL পেয়ে যাবেন। এই ইউ আর এল টি আলাদা কোথাও কফি পেস্ট করে রেখে দেয় তারপর নিজের কোডটি কপি করে আপনার গুগল ড্যাশবোর্ডের পেস্ট করার জায়গায় পেস্ট করে হল চিহ্নিত জায়গাগুলো পরিবর্তন করে দিন।
Google News Widget HTML 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;
}
.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='Abiskarok' class='flex-align1' href='https://news.google.com/publications/CAAqBwgKMJ6csQswq7fIAw?hl=en-US&gl=US&ceid=US:en' target="_blank" rel='noopener' title='Shikhar Somoy'>
<div class='rss-img'>
<img alt='DoridroIT' 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>DoridroIT</span></div>
<div class='rss-follow'><span>লাইভ</span>
<span>৫২১ ফলোয়ার</span></div></div></a></div>