কিভাবে ব্লগারে Google News Widget যোগ করবেন HTML Code - এক্সটেনশন আইটি

 Google News Widget আপনার ওয়েবসাইটে দর্শক বাড়াতে অনেক অবদান রাখে। আপনি আপনার ব্লগারে একটি Google News Widget যোগ করতে পারেন। আপনি যদি এই Widget টি আপনার ওয়েবসাইটে যুক্ত করেন তবে আপনি Google News থেকে আরও অনেক বেশি বিজটর পাবেন। ভিজিটর ছাড়া, আপনি আপনার ওয়েবসাইট থেকে উপকৃত হতে পারবেন না।

তাই এই আর্টিকেলটি সম্পূর্ণ পড়ুন এবং Google News Widget-এর Widget আপনার ওয়েবসাইটে সেট আপ করুন।

How to add Google News Widget to blogger
Google News Widget সেটা পড়তে কি লাগে
প্রথমত, আপনার Google News URL প্রয়োজন৷ আপনি আপনার Google News URL কোথায় খুঁজে পাচ্ছেন? Google News-এ যান এবং আপনার ওয়েবসাইটের শিরোনাম দ্বারা অনুসন্ধান করুন। অথবা সার্চ কনসোল থেকে আপনার Google News অপনে গেলে সেখান থেকে Google News URL পেয়ে যাবেন। এই ইউ আর এল টি আলাদা কোথাও কপি  পেস্ট করে রেখে দেয় তারপর নিজের কোডটি কপি করে আপনার গুগল ড্যাশবোর্ডের পেস্ট করার জায়গায় পেস্ট করে হল চিহ্নিত জায়গাগুলো পরিবর্তন করে দিন।

Google News Widget HTML Code 👇👇

Copy This 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>গুগল নিউজ </span></h3>

<div class='rss-a'>

<a aria-label='Abiskarok' class='flex-align1' href='https://news.google.com/publications/CAAqBwgKMKC_vAswrdrTAw?hl=en-US&gl=US&ceid=US:en'  target="_blank" rel='noopener' title='Shikhar Somoy'>

<div class='rss-img'>

<img alt='এক্সটেনশন আইটি' class=' lazyloaded' data-src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEgYNHxnBW4OWoX_RnUzwhILz88DUNZ3jFvENmvthxzWMhw7jZOPG1ee52285WJHuxGyUQvwP2_vGem20jfe3lQX0TvVV3uUxc_acXWbLcIxNkFr1t_4vZTqukx5mircUFW0BYaaRlEBiI/d/google-news.png' height='64' loading='lazy' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEgYNHxnBW4OWoX_RnUzwhILz88DUNZ3jFvENmvthxzWMhw7jZOPG1ee52285WJHuxGyUQvwP2_vGem20jfe3lQX0TvVV3uUxc_acXWbLcIxNkFr1t_4vZTqukx5mircUFW0BYaaRlEBiI/d/google-news.png' width='64'/>

</div>

<div>

<div class='rss-name'><span>এক্সটেনশন আইটি</span></div>

<div class='rss-follow'><span>লাইভ</span>

<span>১৫৬ ফলোয়ার</span></div></div></a></div>

HTML Code কিভাবে বসাবেন

ব্লগার ওয়েবসাইটে  Google News Widget ব্যবহার করতে, প্রথমে আপনার blogger dashboard এ যেতে হবে।

Blogger dashboard থেকে যেখানে Add a gadget অপশনে ক্লিক করে HTML Java script সিলেক্ট করুন। এবং সেখানে কোডটি পেস্ট করে সেভ দিন। 

এবার উপরের HTML কোডে থাকা গুগল নিউজ লিংকটি পরিবর্তন করে আপনার ওয়েবসাইটের গুগল নিউজের লিংকটি দিয়ে দিন। তারপর সেখানে থাকা এক্সটেনশন আইটি নামটি পরিবর্তন করে আপনার ওয়েবসাইটের নাম অথবা আপনার ইচ্ছা মত যে কোন নাম দিয়ে তা সেভ করে দিবেন।

সেভ করা হয়ে গেলে এবার আপনার ওয়েবসাইট দিয়ে একটি রিফ্রেশ দিয়ে দেখুন কোডটি যথাযথভাবে কাজ করছে কিনা। এখানে দেখানো সকল নিয়ম যথাযথভাবে অনুসরণ করলে এটি শতভাগ কাজ করবে এতে কোন সন্দেহ নাই।

শেষ কথা

এই আর্টিকেল টি ভালো লাগলে অবশ্যই কমেন্ট করে জানাবেন, আর্টিকেলে কোন ভুল থাকলে তা আমরা সমাধান করার চেষ্টা করবো। আমাদের এক্সটেনশন আইটির ওয়েবসাইটের সকল পোস্ট সবার আগে পেতে Google News ফলো করে রাখুন।