কিভাবে ব্লগারে 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


<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>


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

ব্লগার ওয়েবসাইটে  Google News Widget ব্যবহার করতে, প্রথমে আপনার blogger dashboard এ যেতে হবে।
Blogger dashboard থেকে যেখানে Add a gadget অপশনে ক্লিক করে HTML Java script সিলেক্ট করুন। এবং সেখানে কোডটি পেস্ট করে সেভ দিন। 

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

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

শেষ কথা।

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

Doridro IT

Hello Friends, My Name Is Mohammad Ismail. Welcome To The DoridroIT Website.

আপনার মুল্যবান মন্তব্য করার জন্য ধন্যবাদ।

একটি মন্তব্য পোস্ট করুন (0)
নবীনতর পূর্বতন