Site icon Trickbd.com

[ওয়েব ডিজাইন টিটোরিয়াল বাংলা] Wapkiz এ বানান Trickbd এর মতোন ফোরাম সাইট {Part-3/Header and Footer}

Lucifa Lucifa

Unnamed

আজ আর কোন কথা নয় ডিরেক্ট পয়েন্ট এ চলে আসুন। এর আগের পর্বে আমরা Meta Header এ একটা ছোট কোড বাসাইছিলাম। আপনি কি জানেন ওই কোডটা কী? আসলে ওই ছোট কোডটির মাধ্যমে আমরা একসাথে আরো কয়েকটি কাজ করে ফেলেছি আর সেগুলো হলো –

  1. Css Install
  2. JQuery Install
  3. Font awsome Install
  4. Wapkiz add hide
  5. Some Important Javascript Install
  6. Favicon Install

Meta Header code এ পরিবর্তন আনা হয়েছে কোডটি আবার Re-Install করবেন।

এখন দেখুন আমরা একসাথে কত্তগুলান কাজ করেছি। কিন্তু এই কাজ গুলোকে জাস্ট ছোট করে নিয়েছি। হয়ত বুঝতে পেরেছেন পোস্টটি কেন এত ছোট এবং কেন অনেক দরকারি। যারা আগের পোস্টগুলোন দেখেন নি তারা আগের পোস্ট গুলোন দেখে নিন-

→ [ওয়েব ডিজাইন টিটোরিয়াল বাংলা] Wapkiz এ বানান Trickbd এর মতোন ফোরাম সাইট {Proof Part}

→ [ওয়েব ডিজাইন টিটোরিয়াল বাংলা] Wapkiz এ বানান Trickbd এর মতোন ফোরাম সাইট {Part-1/Settings Change}

→ [ওয়েব ডিজাইন টিটোরিয়াল বাংলা] Wapkiz এ বানান Trickbd এর মতোন ফোরাম সাইট {Part-2/Meta Tag}

যাই হোক এবার আপনি আপনার Wapkiz Account এ লগিন করুন এবং যে সাইটটি ডিজাইন করতিছিলেন সেই সাইটের Panel Mode এ যান এবং Header আর Footer খুজে বের করুন। বের করা হয়ে গেলে প্রথমে Header এ যান।
image
Header এ আমাদের ২ টি কোড বসাতে হবে একটি User দের জন্য এবং আরেকটি Guest এর জন্য। তো এখানে একটু সতর্কতা অবলম্বন করতে হবে। কেননা এখানে আমাদের Visibility ঠিক রাখতে হবে। কোড বসানোর জন্য Html / Tag Code এ ক্লিক করুন তারপর বক্সে কোড বসিয়ে দিন।

কোডের পজিশন নিয়ে মাথা ঘামাতে হবে না। প্রথম দিকে হয়তো বুঝতে সমস্যা হবে এজন্য ভিডিওটি দেখে নিবেন। তো এবার এই কোডটি বসান। কোডের Visibility দিবেন User তারপর সেভ করে দিবেন।

User Header code

Trickbd তে Html কোড দিলে তা অটোমেটিকলি Output বের করে দেয়। ফলে কোড কপি করা সম্ভব হয় না। তাই দয়া করে এই লিংকে গিয়ে কোডটি কপি করে নিন।

এবার নিচের দেওয়া কোড টি আগের মতোন করে Header এ বসান কিন্তু কোডের Visibility হবে Guest!!

Guest Header code

Trickbd তে Html কোড দিলে তা অটোমেটিকলি Output বের করে দেয়। ফলে কোড কপি করা সম্ভব হয় না। তাই দয়া করে এই লিংকে গিয়ে কোডটি কপি করে নিন।

নোটঃ আমার সাইটের লোগো ইমেজ এর জায়গায় আপনি আপনার সাইটের ইমেজ দিবেন। ভিডিও তে এটা দেখিয়ে দিয়েছি। ইমেজ আপলোডের জন্য আপনি এই সাইটটি ব্যবহার করতে পারেন। করতে পারেন।

Header code for all

হেডার ডিজাইন পরিসমাপ্তি করার আগে শেষ একটা কোড বসাব এই কোডটির Visibility পরিবর্তন করতে হবে না। বরং Position পরিবর্তন করতে হবে। আর position হবে সব কোডের শেষে।

Trickbd তে Html কোড দিলে তা অটোমেটিকলি Output বের করে দেয়। ফলে কোড কপি করা সম্ভব হয় না। তাই দয়া করে এই লিংকে গিয়ে কোডটি কপি করে নিন।

এবার আমরা ফুটারের কাজ করব। এজন্য আপনাকে Footer এ যেতে হবে। আগের মতোন করে কোড দুইটি বসিয়ে দিন।

User Footer code

Trickbd তে Html কোড দিলে তা অটোমেটিকলি Output বের করে দেয়। ফলে কোড কপি করা সম্ভব হয় না। তাই দয়া করে এই লিংকে গিয়ে কোডটি কপি করে নিন।

Guest Footer Code

Trickbd তে Html কোড দিলে তা অটোমেটিকলি Output বের করে দেয়। ফলে কোড কপি করা সম্ভব হয় না। তাই দয়া করে এই লিংকে গিয়ে কোডটি কপি করে নিন।

ব্যাস কাজ শেষ। ফুটারে এডিট করার মতোন কিছু নেই।

Video

পরিস্কার ভাবে বোঝার জন্য ভিডিওটি দেখে নিন।

আজ এই পর্যন্ত দেখা হবে আগামী পর্বে। পোস্টটি ভালো লাগলে কমেন্ট + শেয়ার করবেন। আর যে কোন সমস্যায় আমাকে ফেসবুকে মেসেজ দিন [Message Me on facebook]

Web Design, Wapkiz, Codding নিয়ে টিউন পেতে আমাদের সাইটে ভিজিট করুন এবং আমাদের Youtube Chanel কে Subscribe করুন।

#Note: লেখকের অনুমতি ছাড়া পোস্ট অন্যত্র প্রকাশ করা সমূর্ণ বেআইনী এবং এই টিউনটি সর্বপ্রথম প্রকাশ হয়েছে WIKIBN.COM এ।