বন্ধুরা আজকে আমি আবারও আপনাদের জন্য নিয়ে এলাম দারুন একটি ভিন্ন স্টাইল এর Contact form মানে যোগাযোগ ওয়েডগেট আপনার ব্লগার ব্লগ এর জন্য । এর আগেও এই নিয়ে আমি ২ টি পোস্ট করেছি যারা সেগুল দেখেন নিন তারা ( পর্ব ১ - পর্ব ২ ) তে ক্লিক করে দেখে আসুন । যাই হোক আজের যে Contact form আগের Contact form এর থেকে একদম আলাদা । এবার আমার অনেক নতুন বন্ধুর মনে প্রশ্ন জাগতে পারে এই Contact form আবার কি ? তাহলে আমি বলবো আপনারা আমার ব্লগে যোগাযোগ নামে একটি অপশন দেখেতে পাবেন আমার মেনু বারে এটিও ঠিক সেই জিনিস । এটা আপনার ব্লগ যুক্ত থাকলে পাঠক রা আপনাকে Contact form এর দ্বারা তার সমস্যা ইত্যাদি ইমেইল করতে পারবে । আশাকরি ব্যাপার টা সম্পূর্ণ বুজতে পারলেন । যাই হোক এবার নীচে থেকে এর লাইভ ডেমো দেখে নিন ।
দেখে নিন কিভাবে আপনার ব্লগে যুক্ত করবেন !
১) আপনার ব্লগ লগ ইন করুন তারপর আপনার ব্লগ এর ড্যাশবোর্ড থেকে Layout এ ক্লিক করুন তার Add a Gadget এ ক্লিক করুন তার পর ডান পাশ থেকে more gadgets এ ক্লিক করে Contact Form এ ক্লিক করে অ্যাড করে নিন । চিত্রে দেখুন ।
২) এবার এই মাত্র যে অফসিয়াল Contact form টি যুক্ত করলেন সেটিকে Hide মানে লুকিয়ে রাখতে হবে । এর জন্য আপনি ড্যাশবোর্ড থেকে Template এ ক্লিক করে Edit HTML এ ক্লিক করুন । তারপর যে কোড বক্স আসবে সেখানে মউস ক্লিক করে কি বোর্ড থেকে Ctrl+F প্রেস করে নীচের কোডটিকে খুজে বের করুন ।
]]></b:skin>
৩) উপরের কোডটি খুজে পেলে তার ঠিক আগে বা উপরে নীচের কোডটি কপি করে পেস্ট করুন ।
#ContactForm1{display: none ! important;}
৪) এবার Save Template এ ক্লিক করে সেভ করে নিন । ব্যাস আপনি যে Contact form যুক্ত করেছিলেন সেটি Hide হয়েগেল ।
কিভাবে নতুন ডিজাইনের টি যুক্ত করবেন নীচে দেখে নিন !
১) উপরের কাজ সম্পূর্ণ তাই নতুন ভাবে আবারও আপনার ড্যাশবোর্ড এ যান তারপর Pages এ ক্লিক করে একটি Blank পেজ নিব । নীচের চিত্রে দেখুন ।
২) এবার বাম পাশে HTML এ ক্লিক করুন । নীচের চিত্রে দেখুন ।
৩) এবার ডান পাস থেকে Option এ ক্লিক করে Press “Enter” for line breaks তে ক্লিক করুন । নীচের চিত্রে দেখুন ।
৪) এবার নীচের কোডটি কে HTML ঘরে কপি করে পেস্ট করে দিন তারপর Publish এ ক্লিক করে পাবলিশ করে দিন ।
<script>
var _0x6b61=["\x3C\x74\x61\x62\x6C\x65\x20\x77\x69\x64\x74\x68\x3D\x22\x35\x32\x30\x22\x20\x63\x65\x6C\x6C\x73\x70\x61\x63\x69\x6E\x67\x3D\x22\x30\x22\x20\x63\x65\x6C\x6C\x70\x61\x64\x64\x69\x6E\x67\x3D\x22\x30\x22\x20\x62\x6F\x72\x64\x65\x72\x3D\x22\x30\x22\x20\x61\x6C\x69\x67\x6E\x3D\x22\x63\x65\x6E\x74\x65\x72\x22\x3E","\x77\x72\x69\x74\x65","\x3C\x74\x72\x3E","\x3C\x74\x64\x20\x77\x69\x64\x74\x68\x3D\x22\x32\x35\x30\x22\x20\x73\x74\x79\x6C\x65\x3D\x22\x70\x61\x64\x64\x69\x6E\x67\x3A\x35\x70\x78\x3B\x22\x3E","\x3C\x66\x6F\x72\x6D\x20\x6E\x61\x6D\x65\x3D\x27\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x27\x3E","\x4E\x61\x6D\x65","\x3C\x69\x6E\x70\x75\x74\x20\x63\x6C\x61\x73\x73\x3D\x27\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x6E\x61\x6D\x65\x27\x20\x69\x64\x3D\x27\x43\x6F\x6E\x74\x61\x63\x74\x46\x6F\x72\x6D\x31\x5F\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x6E\x61\x6D\x65\x27\x20\x6E\x61\x6D\x65\x3D\x27\x6E\x61\x6D\x65\x27\x20\x73\x69\x7A\x65\x3D\x27\x33\x30\x27\x20\x74\x79\x70\x65\x3D\x27\x74\x65\x78\x74\x27\x20\x76\x61\x6C\x75\x65\x3D\x27\x27\x2F\x3E","\x45\x6D\x61\x69\x6C","\x3C\x73\x70\x61\x6E\x20\x73\x74\x79\x6C\x65\x3D\x27\x66\x6F\x6E\x74\x2D\x77\x65\x69\x67\x68\x74\x3A\x20\x62\x6F\x6C\x64\x65\x72\x3B\x27\x3E\x2A\x3C\x2F\x73\x70\x61\x6E\x3E","\x3C\x69\x6E\x70\x75\x74\x20\x63\x6C\x61\x73\x73\x3D\x27\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x65\x6D\x61\x69\x6C\x27\x20\x69\x64\x3D\x27\x43\x6F\x6E\x74\x61\x63\x74\x46\x6F\x72\x6D\x31\x5F\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x65\x6D\x61\x69\x6C\x27\x20\x6E\x61\x6D\x65\x3D\x27\x65\x6D\x61\x69\x6C\x27\x20\x73\x69\x7A\x65\x3D\x27\x33\x30\x27\x20\x74\x79\x70\x65\x3D\x27\x74\x65\x78\x74\x27\x20\x76\x61\x6C\x75\x65\x3D\x27\x27\x2F\x3E","\x4D\x65\x73\x73\x61\x67\x65","\x3C\x74\x65\x78\x74\x61\x72\x65\x61\x20\x63\x6C\x61\x73\x73\x3D\x27\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x65\x6D\x61\x69\x6C\x2D\x6D\x65\x73\x73\x61\x67\x65\x27\x20\x63\x6F\x6C\x73\x3D\x27\x32\x35\x27\x20\x69\x64\x3D\x27\x43\x6F\x6E\x74\x61\x63\x74\x46\x6F\x72\x6D\x31\x5F\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x65\x6D\x61\x69\x6C\x2D\x6D\x65\x73\x73\x61\x67\x65\x27\x20\x6E\x61\x6D\x65\x3D\x27\x65\x6D\x61\x69\x6C\x2D\x6D\x65\x73\x73\x61\x67\x65\x27\x20\x72\x6F\x77\x73\x3D\x27\x35\x27\x3E\x3C\x2F\x74\x65\x78\x74\x61\x72\x65\x61\x3E","\x3C\x69\x6E\x70\x75\x74\x20\x63\x6C\x61\x73\x73\x3D\x27\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x62\x75\x74\x74\x6F\x6E\x20\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x62\x75\x74\x74\x6F\x6E\x2D\x73\x75\x62\x6D\x69\x74\x27\x20\x69\x64\x3D\x27\x43\x6F\x6E\x74\x61\x63\x74\x46\x6F\x72\x6D\x31\x5F\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x73\x75\x62\x6D\x69\x74\x27\x20\x74\x79\x70\x65\x3D\x27\x62\x75\x74\x74\x6F\x6E\x27\x20\x76\x61\x6C\x75\x65\x3D\x27\x53\x65\x6E\x64\x27\x2F\x3E","\x3C\x64\x69\x76\x20\x73\x74\x79\x6C\x65\x3D\x27\x74\x65\x78\x74\x2D\x61\x6C\x69\x67\x6E\x3A\x20\x63\x65\x6E\x74\x65\x72\x3B\x20\x6D\x61\x78\x2D\x77\x69\x64\x74\x68\x3A\x20\x32\x32\x32\x70\x78\x3B\x20\x77\x69\x64\x74\x68\x3A\x20\x31\x30\x30\x25\x27\x3E","\x3C\x70\x20\x63\x6C\x61\x73\x73\x3D\x27\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x65\x72\x72\x6F\x72\x2D\x6D\x65\x73\x73\x61\x67\x65\x27\x20\x69\x64\x3D\x27\x43\x6F\x6E\x74\x61\x63\x74\x46\x6F\x72\x6D\x31\x5F\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x65\x72\x72\x6F\x72\x2D\x6D\x65\x73\x73\x61\x67\x65\x27\x3E\x3C\x2F\x70\x3E","\x3C\x70\x20\x63\x6C\x61\x73\x73\x3D\x27\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x73\x75\x63\x63\x65\x73\x73\x2D\x6D\x65\x73\x73\x61\x67\x65\x27\x20\x69\x64\x3D\x27\x43\x6F\x6E\x74\x61\x63\x74\x46\x6F\x72\x6D\x31\x5F\x63\x6F\x6E\x74\x61\x63\x74\x2D\x66\x6F\x72\x6D\x2D\x73\x75\x63\x63\x65\x73\x73\x2D\x6D\x65\x73\x73\x61\x67\x65\x27\x3E\x3C\x2F\x70\x3E","\x3C\x2F\x64\x69\x76\x3E","\x3C\x2F\x66\x6F\x72\x6D\x3E","\x3C\x2F\x74\x64\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x6D\x61\x6B\x69\x6E\x67\x64\x69\x66\x66\x65\x72\x65\x6E\x74\x2E\x63\x6F\x6D\x22\x20\x74\x61\x72\x67\x65\x74\x3D\x22\x62\x6C\x61\x6E\x6B\x22\x3E\x3C\x69\x6D\x67\x20\x62\x6F\x72\x64\x65\x72\x3D\x22\x30\x22\x20\x73\x72\x63\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x31\x2E\x62\x70\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x2D\x4E\x55\x6A\x52\x37\x5A\x6A\x31\x58\x6C\x45\x2F\x55\x59\x2D\x71\x55\x48\x72\x4D\x38\x59\x49\x2F\x41\x41\x41\x41\x41\x41\x41\x41\x41\x46\x77\x2F\x50\x6A\x46\x4C\x64\x30\x6F\x43\x6D\x79\x45\x2F\x73\x31\x36\x30\x30\x2F\x62\x6C\x61\x6E\x6B\x2E\x70\x6E\x67\x22\x20\x2F\x3E\x3C\x2F\x61\x3E","\x3C\x74\x64\x20\x77\x69\x64\x74\x68\x3D\x22\x32\x35\x30\x22\x20\x73\x74\x79\x6C\x65\x3D\x22\x70\x61\x64\x64\x69\x6E\x67\x3A\x20\x35\x70\x78\x3B\x22\x20\x61\x6C\x69\x67\x6E\x3D\x22\x6C\x65\x66\x74\x22\x3E","\x3C\x69\x6D\x67\x20\x73\x72\x63\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x34\x2E\x62\x70\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x2D\x42\x4B\x41\x61\x74\x35\x64\x4E\x67\x6B\x30\x2F\x55\x5A\x65\x51\x4E\x6B\x49\x51\x36\x6F\x49\x2F\x41\x41\x41\x41\x41\x41\x41\x41\x41\x47\x49\x2F\x52\x38\x7A\x57\x6C\x4B\x32\x66\x70\x35\x6F\x2F\x73\x31\x36\x30\x30\x2F\x31\x2E\x70\x6E\x67\x22\x2F\x3E","\x3C\x2F\x74\x64\x3E","\x3C\x2F\x74\x72\x3E","\x3C\x2F\x74\x61\x62\x6C\x65\x3E"];document[_0x6b61[1]](_0x6b61[0]);document[_0x6b61[1]](_0x6b61[2]);document[_0x6b61[1]](_0x6b61[3]);document[_0x6b61[1]](_0x6b61[4]);document[_0x6b61[1]](_0x6b61[5]);document[_0x6b61[1]](_0x6b61[6]);document[_0x6b61[1]](_0x6b61[7]);document[_0x6b61[1]](_0x6b61[8]);document[_0x6b61[1]](_0x6b61[9]);document[_0x6b61[1]](_0x6b61[10]);document[_0x6b61[1]](_0x6b61[8]);document[_0x6b61[1]](_0x6b61[11]);document[_0x6b61[1]](_0x6b61[12]);document[_0x6b61[1]](_0x6b61[13]);document[_0x6b61[1]](_0x6b61[14]);document[_0x6b61[1]](_0x6b61[15]);document[_0x6b61[1]](_0x6b61[16]);document[_0x6b61[1]](_0x6b61[17]);document[_0x6b61[1]](_0x6b61[18]);document[_0x6b61[1]](_0x6b61[19]);document[_0x6b61[1]](_0x6b61[20]);document[_0x6b61[1]](_0x6b61[21]);document[_0x6b61[1]](_0x6b61[22]);document[_0x6b61[1]](_0x6b61[23]);
</script>
* ব্যাস কাজ শেষ , এবার আপনার ব্লগে গিয়ে দেখে নিন । আশাকরি আপনি কাজটি করতে সফল হয়েছেন । এই বিষয় যেকোনো সমস্যা হলে আমাকে জানাবেন আমি হেল্প করতে চেষ্টা করবো । ভাল থাকবেন সুস্থ থাকবেন । আলাহ হাফেজ ।
Tags
ব্লগার