কিভাবে ব্লগস্পটে গুগল ম্যাপ যুক্ত করবেন
পোস্ট বার দেখা হয়েছে
ইন্টারনেট ব্যবহার করেন আর গুগল ম্যাপ এর কথা যানেন না এটা অভাবনীয়। তারপরও নতুনদের জন্য গুগল ম্যাপ নিয়ে আংশিক কিছু বলে জাচ্ছি।
গুগল ম্যাপ খুবি দরকারি একটি জিনিস। গুগল ম্যাপের মাধ্যমে খুব সহজেই পৃথিবীর বিভিন্ন স্থান সম্পর্কে জেনে নিতে পারবেন। যুগের চাহিদা, প্রযুক্তির ব্যবহার আর বিশ্বের সাথে তাল মেলাতে এটি একটি অনন্য প্রযুক্তি। বিশেষ করে কেনাকাটার জন্যে ওয়েব সাইট গুলোতে এটি বেশ কার্যকারী ক্রেতা এবং কিক্রেতা দের অবস্থান জানতে, এবং কমিউনিটি ওয়েব সাইট গুলতে এখন ম্যাপ বা লোকেশন এর ব্যবহার হচ্ছ। যাই হোক অনেক কিছুই বলে পেল্লাম, আজকে আমার আলোচনার বিষয় "কিভাবে ব্লগস্পটে গুগল ম্যাপ যুক্ত করবেন"।
গুগল ম্যাপ খুবি দরকারি একটি জিনিস। গুগল ম্যাপের মাধ্যমে খুব সহজেই পৃথিবীর বিভিন্ন স্থান সম্পর্কে জেনে নিতে পারবেন। যুগের চাহিদা, প্রযুক্তির ব্যবহার আর বিশ্বের সাথে তাল মেলাতে এটি একটি অনন্য প্রযুক্তি। বিশেষ করে কেনাকাটার জন্যে ওয়েব সাইট গুলোতে এটি বেশ কার্যকারী ক্রেতা এবং কিক্রেতা দের অবস্থান জানতে, এবং কমিউনিটি ওয়েব সাইট গুলতে এখন ম্যাপ বা লোকেশন এর ব্যবহার হচ্ছ। যাই হোক অনেক কিছুই বলে পেল্লাম, আজকে আমার আলোচনার বিষয় "কিভাবে ব্লগস্পটে গুগল ম্যাপ যুক্ত করবেন"।
ডেমো
- প্রথমে https://maps.google.com/ এই লিঙ্ক যান, এরপর সেখানে আপনি যেই স্থান টিকে আপনার ব্লগে দেখাতে চাইছেন সেটা সার্চ করুন। চিত্র দেখুনঃ
- এবার আপনি আপনার লোকেশন পেয়ে যাবে একটু নিচে দেখুন সেটিংস্ বাটন আছে তাতে ক্লিক করুন এবং সব উপর থেকে "Share or embed map" এ ক্লিক করুন নিচের চিত্রে দেখুনঃ
- এরপর একটি পেজ আসবে সেখানে দেখুন "Share link" এবং "Embed map" দুটি অপশন আছে তার মধ্যে থেকে আপনি "Embed map" এ ক্লিক করুন করুন এবং ক্লিক করার পর একটি বক্স পাবেন, সেই বক্সের কোড গুল কপি করে নিন। কপি করার আগে অবশ্যই আপনার প্রয়োজনমত কোড এর সাইজ ঠিক করে নিন। তার পর কোড কপি করুন। নিচের চিত্রে দেখুনঃ
এরপর আপনার ব্লগার ব্লগ লগইন করুন এবং ড্যাশবোর্ড থেকে Layout → Add a Gadget → HTML/Javascript এ ক্লিক করুন এবং উপরে যে কোড গুল কপি পেস্ট করেছেন সেগুল Content ঘরে বসিয়ে Save করে দিন । এক্ষেত্রে অবশ্যই ঠিক করে নিন আপনি কোন যাইগাই ম্যাপটি দেখাতে চান। এরপর না বুজলে নীচের ভিডিও দেখে দেখে করেনঃ
<<<--- যদি কোড বের করতে সমস্যা হয়, তাহলে সরাসরি নীচের কোড গুলো কপি করে Layout → Add a Gadget → HTML/Javascript বসিয়ে দিন। --->>>
----------------------------ব্যাস আপনার কাজ শেষ----------------------------<<<--- যদি কোড বের করতে সমস্যা হয়, তাহলে সরাসরি নীচের কোড গুলো কপি করে Layout → Add a Gadget → HTML/Javascript বসিয়ে দিন। --->>>
<script type="text/javascript" src="http://www.webestools.com/google_map_gen.js?lati=23.811666&long=90.386079&zoom=13&width=675&height=400&mapType=normal&map_btn_normal=yes&map_btn_satelite=yes&map_btn_mixte=yes&map_small=yes&marqueur=yes&info_bulle=Bangladesh%2CDhaka"></script>