ব্লগার সাইটে গুগল নিউজ উইজেট যুক্ত করার উপায়

Google-News

বর্তমানে অধিকাংশ ব্লগে দেখতে পাওয়া যায় এই গুগল নিউজ উইজেট কারনটা হলো ব্লগে উইজেট যুক্ত করার মাধ্যমে পাঠকগন খুব সহজেই আপনার গুগল নিউজ ফলো করতে পারে।

এতে করে যেমন ব্লগে পাঠকের সংখ্যা বৃদ্ধি পায় অন্যদিকে সাইটের র‍্যাংকিং এর উপর বিরাট একটা  ভুমিকা রাখে।


গুগল নিউজ কি?


গুগল নিউজ হলো গুগল দ্বারা পরিচালিত  নিউজ অ্যাগ্রিগেটর যা হাজার হাজার নিউজ বিভিন্ন পাবলিকেশন থেকে নিয়ে হালনাগাত করে। যেটি ২০০২ সালের সেপ্টেম্বর থেকে চালু হয় এবং ২০০৬ সাল পর্যন্ত টেস্ট এর জন্য রাখা হয়।


লক্ষ করলে দেখবেন আমরা যখন গুগলে কোন কিছু সার্চ করি তখন সার্চ এর টপবারে নিচের মত অনেক ফিচার দেখতে পাই- Videos, Images, map

Google-News-Search

এগুলোর মধ্যো একটি ফিচার হচ্ছে এই  News, সাধারণ ভাবে যখন কোন ওয়েবসাইট থেকে কোন নিউজ প্রকাশ করা হয় গুগল তখন সেই নিউজকে  সংরক্ষন করে।


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


ব্লগে গুগল নিউজ উইজেট যুক্ত করার উপায়?


গুগল নিউজ উইজেট যুক্ত করার জন্য প্রথমেই ব্লগার সেটিং থেকে লেআউট অপশনটি ওপেন করুন-

layout

এখন আপনি যেখানে উইজেট টি যুক্ত করবেন সেখান থেকে Add a Gadget থেকে HTML / javascript ওপেন করুন।


layout_1

layout_1


এখন টাইটেল এর জায়গায় গুগল নিউজ এবং Content এর জায়গায়  নিচের কোড গুলো বসিয়ে দিন –

 

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

Google News

<a aria-label='linuxhintbd.xyz‘ class=’flex-align1′ href=’https://news.google.com/publications/CAAqBwgKMLrsswswx4fLAw?hl=en-US&gl=US&ceid=US:en‘ rel=’noopener’ title=’linuxhintbd.xyz‘>

<img alt='linuxhintbd.xyz‘ class=’ lazyloaded’ data-src=’https://blogger.googleusercontent.com/img/a/AVvXsEgkGUpQbZavYIJOIzB6ATDkGaeF26d2n-yEmCUixi929katqK0m_3WbtktsRZrugiwOiMzvSZiqNkpNRuYo3JFVP_Tp3QfO15FzvWx9Zq7we_aSroAImk_l634uk5-2mzv5HCSaLQ27rDNWNyq9ev2KBuc07qKB3uLbeT-muM6jowshRMjpLwruDb88aQ=s310‘ height=’64’ loading=’lazy’ src=’https://blogger.googleusercontent.com/img/a/AVvXsEgkGUpQbZavYIJOIzB6ATDkGaeF26d2n-yEmCUixi929katqK0m_3WbtktsRZrugiwOiMzvSZiqNkpNRuYo3JFVP_Tp3QfO15FzvWx9Zq7we_aSroAImk_l634uk5-2mzv5HCSaLQ27rDNWNyq9ev2KBuc07qKB3uLbeT-muM6jowshRMjpLwruDb88aQ=s310‘ width=’64’/>

linuxhintbd.xyz

Live 160 Followers

</div>

কোডগুলো কপি করতে সমস্যা হলে এখান থেকে দেখতে পারেন View Coade

 

এখানে linuxhintbd.xyz এর জায়গা আপনার সাইটের নাম এবং https://news.google.com/publications/CAAqBwgKMLrsswswx4fLAw?hl=en-US&gl=US&ceid=US:en এই লিংক এর পরিবর্তে আপনার গুগল নিউজ পাবলিশার লিংক যুক্ত করে নিবেন।


css_code

কোড বসিয়ে Save করে নিন।


follow

এখন দেখুন ব্লগে উইজেট টি যুক্ত হয়ে গেছে। 

 

এমনি সব টেক আপডেট পেতে ঘুরে আসতে পারেন https://www.linuxhintbd.xyz থেকে। 

Post a Comment

Previous Next

نموذج الاتصال