Contact Us Page on Blogger - ব্লগারে যোগাযোগ পেজ তৈরী

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

ওয়েবসাইট এর প্রয়োজনীয় পেজ গুলোর মধ্যে যোগাযোগ বা Contact Us পেজটি গুরুত্বপূর্ণ। ওয়ার্ডপ্রেসে Contact Form 7 প্লাগিন এর মাধ্যমে খুব সহজেই যোগাযোগ পেজ তৈরি করা গেলেও ব্লগার বা ব্লগস্পসে এটি একটু কঠিন। আজকের ব্লগে আমি দেখাবো কিভাবে ব্লগস্পটে যোগাযোগ বা Contact Us পেজ তৈরি করতে পারবেন খুব সহজে। কথা না বাড়িয়ে তাহলে চলুন শুরু করি।

চাইলে পড়তে পারেনঃ ব্লগার বনাম ওয়ার্ডপ্রেস: কোনটি সবচেয়ে বেশি ভালো?

ব্লগার এ লগইন করে কাঙ্ক্ষিত ব্লগটি সেলেক্ট করবো, যে ব্লগটিতে আমরা যোগাযোগ বা Contact Us পেজ তৈরি করতে চাচ্ছি।

বাম দিকে থাকা মেনু বার এর পেজ এ ক্লিক করবো। এবং এড নিউ পেজে ক্লিক করে যোগাযোগ বা Contact Us পেজ নামে একটি পেজ তৈরি করবো।

এবার পেজটিতে ক্লিক করে উপরের দিকে থাকা মেনুবার থেকে HTML ভিউ এ ক্লিক করবো।

নিচে দেওয়া এইচ টি এম এল কোড টি কপি করে কন্টাক্ট আস পেজটিতে পেস্ট করে পাবলিশ করে দিবো।

<div id="custom_ContactUsFromForBlogSpotBlogger" class="widget ContactForm">
<div class="contact-form-widget">
<p>Please fill in the form below to get in touch with us.</p>
<div class="form">
<form name="contact-form">
<p></p>
Your Name
<br>
<input type="text" value="" size="30" name="name" id="ContactForm1_contact-form-name" class="contact-form-name">
<p></p>
Your Email
<span style="font-weight: bolder;">*</span>
<br>
<input type="text" value="" size="30" name="email" id="ContactForm1_contact-form-email" class="contact-form-email">
<p></p>
Your Message
<span style="font-weight: bolder;">*</span>
<br>
<textarea rows="5" name="email-message" id="ContactForm1_contact-form-email-message" cols="25" class="contact-form-email-message"></textarea>
<p></p>
<input type="button" value="Send" id="ContactForm1_contact-form-submit" class="contact-form-button contact-form-button-submit">
<p></p>
<div style="text-align: center; max-width: 222px; width: 100%">
<p id="ContactForm1_contact-form-error-message" class="contact-form-error-message"></p>
<p id="ContactForm1_contact-form-success-message" class="contact-form-success-message"></p>
</div>
</form>
</div>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a title="Edit" target="configContactForm1" onclick="return _WidgetManager._PopupConfig(document.getElementById("ContactForm1"));" href="//www.blogger.com/rearrange?blogID=84427382819377482&widgetType=ContactForm&widgetId=ContactForm1&action=editWidget&sectionId=sidebar-right-1" class="quickedit">
<img width="18" height="18" src="//img1.blogblog.com/img/icon18_wrench_allbkg.png" alt="">
</a>
</span>
</span>
<div class="clear"></div>
</div>

পাবলিশ করলেই যোগাযোগ বা Contsct Us পেজ তৈরি হয়ে যাবে। কিন্তু এই পেজটি কাজ করবে না অর্থাৎ পেজটি থেকে কেউ মেসেজ বা যোগাযোগ এর চেষ্টা করলে সেই তথ্য মেইলে আসবে না। পেজটিকে সক্রিয় করতে নিচের পদ্ধতিটি অনুসরণ করুন।

চাইলে পড়তে পারেনঃ ওয়ার্ডপ্রেস সিএমএস ব্যবহার করার সেরা ১০ টি সুবিধা

ব্লগার এর মেনুবার থেকে Layout এ ক্লিক করবো। এবান Add a Gadget এ ক্লিক করে Contact Form সেলেক্ট করবো এবং সেভ দেয়ার আগে Show Contact Form এর টিক মার্ক তুলে দিবো। 

এর ফলে সাইটবারে কন্টাক্ট ফ্রম শো করবে না এবং তৈরি করা পেজটি কাজ করবে।

এভাবে খুব সহজেই ব্লগারে যোগাযোগ পেজ বা Contact Us পেজ তৈরি করা যাবে। আশাকরি আজকের আর্টিকেলটি আপনাদের ভালো লেগেছে। ভালো থাকবেন সবাই, ধন্যবাদ।