WapkizWeb Design Tutorial

Wapkiz এ trickbd এর মতোন সাইট তৈরি করুন [Part 6]

আসসালামু ওয়ালাইকুম। Wapkiz এ trickbd এর মতোন সাইট তৈরির ষষ্ঠ পর্বে আপনাকে স্বাগতম। আজকের এই পর্বে আমরা লগিন এবং রেজিস্ট্রেশন পেজের ডিজাইন করব। কাজটা খুব সোজা!! কেননা নিদিষ্ট পেজে গিয়ে কোড দুইটি বসিয়ে দিলে কাজ শেষ। আর আপনি যদি আগের পোস্ট গুলোন না দেখে থাকেন তাহলে দেখে নিন।

Wapkiz এ trickbd এর মতোন সাইট তৈরির সকল পর্ব

Part InfoPart Link
Proof PartPart 0
Setting ChangePart 1
Meta TagPart 2
Header & FooterPart 3
Page Design 1Part 4
Page Design 2Part 5
Login & RegistrationPart 6
HomepagePart 7
Admin DiscussionPart 8
[Bonus] Remove Footer AdsView

Login & Registration Page Code for Wapkiz

প্রথমে আপনি আপনার Wapkiz সাইটে লগিন করুন তারপর যে সাইটটির ডিজাইন করতিছিলেন সেই সাইটের প্যানেল মোড এ যান এরপর Login & Register এ ক্লিক করুন তারপর আপনি দুইটি বক্স দেখতে পারবেন। সেখানে নিচের দেওয়া কোড দুইটি বসাতে হবে। লগিন কোড এর জায়গায় লগিন কোডটি এবং রেজিষ্ট্রেশন এর জায়গায় রেজিস্টেশন কোডটি বসান।

Login page code

:notify: <div class="login-box">
 <div class="log">Login</div>
 <div class="login">
  <input type="text" placeholder="Username" name="user_name_" />
 </div>
 <div class="login">
  <input type="password" placeholder="Password" name="password_" />
 </div>
 <div class="login">
  <input type="submit" name="login_user" value="Login" />
 </div>
 <div class="login2"> Have not any account? <a href="/site_reg.html">Sign Up</a> Now!! Or, :lpass: </div>
</div>

Registration page code

:notify: <div class="login-box">
 <div class="log">Registration</div>
 <div class="login">
  <input type="text" name="user_name_" placeholder="Username" required />
 </div>
 <div class="login">
  <input type="email" name="email_" placeholder="Email" required />
 </div>
 <div class="login">
  <input type="password" name="password_" placeholder="Password" required />
 </div>
 <div class="login">
  <input type="password" name="repassword_" placeholder="Re-enter Password" required />
 </div>
 <div class="login">
  <input type="submit" name="reg_user" value="Register" />
 </div>
 <div class="login2"> Already have an account? <a href="/site_login.html">Login</a> Now! </div>
</div>

Wapkiz এ trickbd এর মতোন সাইট তৈরি ভিডিও

পোস্টটি ভালোভাবে বুঝতে ভিডিওটি দেখুন। কোন কোড কোথায় কিভাবে বসাতে হবে তা এই ভিডিও দেখলে ভালোভাবে বুঝতে পারবেন।

শেষ কথা

এই ছিল Wapkiz এ trickbd এর মতোন সাইট তৈরির আজকের পর্ব। আবারো দেখা হবে পরবর্তী পর্বে। এই পর্যন্ত ভালো থাকুন শুস্থ থাকুন টিউনবিএনের সাথেই থাকুন। পোস্টটি কেমন লাগল তা জানাতে কমেন্ট করুন। কোথাও কোন সমস্যা হলে আমাদেরকে ফেসবুকে মেসেজ করতে পারেন। আমাদের ফেসবুক পেজের লিংক – TuneBN Facebook Page

Imran Hossan

I am Imran, a student with the dream of becoming a professional developer, I love to explore, explore, learn interesting things on the Internet.

Related Articles

Leave a Reply

Your email address will not be published. Required fields are marked *

Back to top button

Adblock Detected

Hey Dear!! Thank you for visit on TuneBN. Please Disable your AD Blocker to continue browsing.