নমস্কার বন্ধুরা আশা করি সকলে ভালো আছেন।আজ আমরা জানবো আমাদের ব্লগের জন্য সুন্দর একটি কন্টাক্ট ফর্ম পেজ কিভাবে তৈরি করবো। প্রতেক ব্লগেই একটা কন্টাক্ট ফর্ম পেজ থাকা খুব জরুরি যার সাহায্যে আমাদের ভিজিটররা সরাসরি আমাদের সাথে যোগাযোগ করতে পারে।এছাড়াও কন্টাক্ট ফর্ম পেজ ব্লগে থাকলে তারাতারি এডসেন্সের এপ্রভেল পাওয়া যায়।
কন্টাক্ট ফর্ম / Contact Us পেজ ব্লগে যুক্ত করার সুবিধা
- আমাদের ভিজিটর আমাদের ইমেইল না জানলেও সরাসরি আমাদের ইমেইলে ম্যাসেজ পাঠাতে পারবে
- আমাদের ভিজিটর যদি আমাদের সাথে যোগাযোগ করে উপকৃত হই তবে আমাদের পোস্ট সকলের সাথে শেয়ার করতে পারেন।
- কোন বড়ো কম্পানি তাদের এড আমাদের ওয়েবসাইটে দেখাতে চাইলে কন্টাক্ট ফর্ম পেজের মাধ্যমে সরাসরি আমাদের সাথে যোগাযোগ করতে পারবে।
- কন্টাক ফর্ম পেজ থাকলে গুগল তারাতারি এডসেন্স এপ্রভেল করে।
- কন্টাক্ট ফর্ম পেজ থাকলে ভিজিটর বেশি বিশ্বাস করে ওয়েবসাইটের ওপর।
- ব্লগের পোস্টের তুলনায় About Us, Contact Us, Privacy Policy, Disclaimer এইসব পেজ গুগলে তারাতারি রেংক করে সেই অনুযায়ী আমাদের ব্লগের ট্রাফিকও বাড়বে।
ব্লগস্পোট ব্লগের জন্য কন্টাক্ট ফর্ম / Contact Us পেজ কিভাবে তৈরি করবো
কন্টাক্ট ফর্ম পেজ তৈরি করা খুব সহজ এখানে আমি step by step বলছি আপনারা শুধু আমায় ফলো করুন।
Step:1- প্রথমে আপনার ব্লগে চলে যান লগইন না থাকলে করে নিন। এবারে Layout ক্লিক করুন।
সাধারণত কন্টাক্ট ফর্ম সাইডবার আর ফুটারে থাকে তাই সাইডবার বা ফুটার থেকে Add a Gadget ক্লিক করুন।
Step:2- এবার যেই পেজ আসবে এখান থেকে Contact From এর পাশে (+) আইকনে ক্লিক করুন।
Step:3- এখানে আপনার কন্টাক্ট ফর্মের একটা নাম দিন যেমন- Contact me, Contact From, Contact us হয়ে গেলে Save করে দিন।
আমাদের ব্লগে এখন কন্টাক্ট ফর্ম যুক্ত হয়ে গেছে এবার আমাদের ব্লগের জন্য কন্টাক্ট ফর্ম পেজ তৈরি করতে হবে।তার জন্য নিচে আমি সিম্পেল একটা কন্টাক্ট ফর্ম কোড দিলাম কপি করেনিন।
Step:2- এবারে Page Title দিন যেমন Contact From, Contact Me বা Contact Us
Step:3- নিচে Compose এর পাশে HTML ক্লিক করে ওপর থেকে আমাদের দেওয়া কোডটা কপি করে এখানে past করুন।
Step:4- কোডটার মধ্যে blogID পাশে লাল কোডটার জায়গায় আপনার ব্লগ আইডি কোড দিন তবেই আপনার কাছে ম্যাসেজ জাবে। (blogID আপনার ব্লগের ওপরে লিংকে ক্লিক করলে পেয়ে যাবেন।
Step:4- এবারে ডানদিকে Page settings > Option ক্লিক করুন ব্লগের পেজ কমেন্ট বন্ধ রাখার জন্য Don't allow, hide existing Compose Mode টিক মার্ক করে Done ক্লিক করুন।
কাজ শেষ আপনার কন্টাক্ট ফর্ম তৈরি হয়ে গেছে এবারে আপনার কন্টাক্ট ফর্ম Publish করে চেক করে নিন।
আশা করি আজকের পোস্ট সকলের ভালো লেগেছে তবু কারোর কন্টাক্ট ফর্ম যুক্ত করতে কোন সমস্যা হলে বা এই বিষয় কিছু জিজ্ঞেসা থাকলে নিচে অবশ্যই নিচে কমেন্ট করে জানাবেন ধন্যবাদ।
সাধারণত কন্টাক্ট ফর্ম সাইডবার আর ফুটারে থাকে তাই সাইডবার বা ফুটার থেকে Add a Gadget ক্লিক করুন।
Step:2- এবার যেই পেজ আসবে এখান থেকে Contact From এর পাশে (+) আইকনে ক্লিক করুন।
Step:3- এখানে আপনার কন্টাক্ট ফর্মের একটা নাম দিন যেমন- Contact me, Contact From, Contact us হয়ে গেলে Save করে দিন।
ব্লগস্পট ব্লগের জন্য কন্টাক্ট ফর্ম HTML কোড
<div id=”custom_ContactForm1″ class=”widget ContactForm”>
<div class=”contact-form-widget”>
<div class=”form”>
<form name=”contact-form”>
<p></p>
Name
<br>
<input type=”text” value="" size=”30″ name=”name” id=”ContactForm1_contact-form-name” class=”contact-form-name”>
<p></p>
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>
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=527034714423032175&widgetType=ContactForm&widgetId=ContactForm1&action=editWidget§ionId=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>
<div class=”contact-form-widget”>
<div class=”form”>
<form name=”contact-form”>
<p></p>
Name
<br>
<input type=”text” value="" size=”30″ name=”name” id=”ContactForm1_contact-form-name” class=”contact-form-name”>
<p></p>
<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>
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=527034714423032175&widgetType=ContactForm&widgetId=ContactForm1&action=editWidget§ionId=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>
ব্লগ সাইটে contact from পেজ কিভাবে যুক্ত করবো
Step:1- এবারে আপনার ব্লগের হোম পেজ থেকে Page ক্লিক করুন তার পর New Page সিলেক্ট করুন।Step:2- এবারে Page Title দিন যেমন Contact From, Contact Me বা Contact Us
Step:3- নিচে Compose এর পাশে HTML ক্লিক করে ওপর থেকে আমাদের দেওয়া কোডটা কপি করে এখানে past করুন।
Step:4- কোডটার মধ্যে blogID পাশে লাল কোডটার জায়গায় আপনার ব্লগ আইডি কোড দিন তবেই আপনার কাছে ম্যাসেজ জাবে। (blogID আপনার ব্লগের ওপরে লিংকে ক্লিক করলে পেয়ে যাবেন।
Step:4- এবারে ডানদিকে Page settings > Option ক্লিক করুন ব্লগের পেজ কমেন্ট বন্ধ রাখার জন্য Don't allow, hide existing Compose Mode টিক মার্ক করে Done ক্লিক করুন।
কাজ শেষ আপনার কন্টাক্ট ফর্ম তৈরি হয়ে গেছে এবারে আপনার কন্টাক্ট ফর্ম Publish করে চেক করে নিন।
আশা করি আজকের পোস্ট সকলের ভালো লেগেছে তবু কারোর কন্টাক্ট ফর্ম যুক্ত করতে কোন সমস্যা হলে বা এই বিষয় কিছু জিজ্ঞেসা থাকলে নিচে অবশ্যই নিচে কমেন্ট করে জানাবেন ধন্যবাদ।
ব্লগস্পোট ব্লগের জন্য কন্টাক্ট ফর্ম Contact Us পেজ কিভাবে তৈরি করবো
Reviewed by Santosh Mondal
on
August 17, 2019
Rating:

No comments: