ব্লগার এ কন্টাক্ট পেইজ তৈরি করুন

ব্লগার এ কন্টাক্ট পেইজ তৈরি করুন

ব্লগার এ কন্টাক্ট পেইজ তৈরি করুন

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

আপনাদের খুব বেশি কষ্ট করতে হবে না। আমি HTML, CSS দিয়ে একটি কোড তৈরি করেছি যার মধ্যমে আপনি সহজেই একটি কন্টাক্ট পেইজ বা ব্লগার কন্টাক্ট উইজেট তৈরি করে নিতে পারবেন। আপনাকে শুধু আপনার ব্লগ-আইডি এবং এড্রেস পরিবর্তন করে নিতে হবে।

কোড টি ব্যাবহার করার আগে ব্লগ আইতি এবং এড্রেস পরিবর্তন করে নিন

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

ব্লগার ব্লগ আইডি কোথায় পাবো?

ব্লগ আইডি বের করুন - ব্লগার এ কন্টাক্ট পেইজ তৈরি করুন

ব্লগারে লগইন করে যে ব্লগের আইডি পেতে চান সেটি সিলেক্ট করুন। এবার ব্রাউজারের এড্রেস বারে ক্লিক করুন। এড্রেস এর শেষে ১৯ টি সংখ্যার একটি সংখ্য পাবেন (স্ক্রিনশট এর মতন), এটিই হল আপনার ব্লগ আইডি। এটি যেখানে xxxxxxxxxxx আছে, সবগুলো জায়গায় রিপ্লেস করে দিবেন।

কনটাক্ট পেইজের কোডটি গুগল ড্রাইভ থেকে ডাউনলোড করে নিনঃ

<div class='ContactForm' id='ContactForm1'>
  <form name='contact-form'>
    <div class='input-area'>
      <label for='ContactForm1_contact-form-name'>Name</label><input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' type='text' value='' /></div>
    <div class='input-area'>
      <label for='ContactForm1_contact-form-email'>Email<span>*</span></label><input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' type='text' value='' /></div>
    <div class='input-area'>
      <label for='ContactForm1_contact-form-email-message'>Message<span>*</span></label><textarea class='contact-form-email-message' id='ContactForm1_contact-form-email-message' name='email-message'></textarea></div>
    <div class='input-area'>
      <input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Send' /></div>
    <div class='notif-area'>
      <p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>
      <p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>
    </div>
  </form>
</div>
<script src='https://www.blogger.com/static/v1/widgets/2271878333-widgets.js'></script>
<script>//<![CDATA[
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = 'xxxxxxxxxxxx';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\xxxxxxxxxxxx','//YOURWEBSITEADSESS/','xxxxxxxxxxxx');
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A valid email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': 'Contact Form', 'blogId': 'xxxxxxxxxxxx', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
//]]></script>

কন্টাক্ট পেইজ.txt

পেইজ তৈরি করার সময় কোনো সমস্যা হলে অবশ্যই কমেন্ট করে জানাবেন। আর ভালো লাগলে শেয়ার করতে ভুলবেন না।