HomeWapkizএবার Wapkiz দিয়ে Original Facebook Style সাইট বানান

এবার Wapkiz দিয়ে Original Facebook Style সাইট বানান

بسم الله الرحمن الرحيم
আচ্ছালামু আলাইকুম Hello বন্ধুরা আশা করছি তোমরা সকলেই ভালোই আছো। আর যার TipstrickBDএর সাথে সবসময় পাশে থাকে তারা ভালোই থাকে। তো বন্ধুরা অনেকে আমাকে ফেসবুকে জানিয়েছেন যে কিভাবে Wapkiz সাইট দিয়ে একদম হুবহুব Facebook এর মত সাইট বানানো যায়। কিন্তু শরির অসুস্থ থাকার কারণে আমি আপনাদের মাঝে সেই রকম কন্টেন্ট লিখতে পারছিলাম না তাই এতো দেরি হলো। তো বন্ধুরা আমি আজকের এই টিউন টি শুধু দুইটি কাজ কে নিয়ে লিখবো। এবং আমি আশা করবো টিউন অনুযায়ী কাজ করলে আমি নিচ্ছিদ যে আপনারা সকলেই Success হবেন।

কিভাবে Wapkiz দিয়ে Original Facebook Style Site বানাবেন

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

ফেসবুক নিয়ে কিছু তথ্য

আসলে ফেসবুক হলো একটি Social Networking Website যা কিনা Wordprees দিয়ে বানানো হয়েছিলো ২০০৪ সালে। এর প্রতিষ্ঠাতা হলেনঃমার্ক জাকার্বাগ। Alexa Rang অনুযায়ী বর্তমান ২০১৯ থেকে ও ২০২১ এই পর্যন্ত পৃথিবীর সেরা ১০টি সাইট এর মধ্যে ৩ নাম্বারে অবস্থিত। যার প্রতিদিন এ ভিজিট প্রায় ৩কোটি। তাহলেই বুঝতেই পারছেন কতবড় একটি সাইট। তো বন্ধুরা ফেসবুক নিয়ে আর কথা বলতে চাচ্ছি না কেননা আমরা প্রতিনিয়ত তা ব্যাবহার করি এবং তা জানি সেটা কি রকম।

কিভাবে তৈরি করবেন Wapkiz দিয়ে

এই কাজটি করতে হলে প্রথমে Wapkiz সাইটে একটি একাউন্ট বানাতে হবে। আর আমি আসা করি আপনারা তা জানেন কিভাবে তা বানাতে হয় যদি না জানেন তাহলে Google সার্চ মারেন পেয়ে জাবেন। এবার আপনার সাইটে ক্লিক করেন। এরপর Admin Panel এ ক্লিক করুন ও Next Step Follow করুন। এরপর Template অথবা Preset এ ক্লিক করুন। Preset এ ক্লিক করার পর Blank এ ক্লিক করবেন এরপর দেখুন সাইটে কোনো কিছুই নেই আর আমরা এবার কাজ করবো। তো বন্ধুরা আজকে আমরা মোট ৩টি কাজ করবো CSS,Header ও Footer এর। তো প্রথমে Panel-CSS-Edit full css এ ক্লিক করুন। এরপর নিচে থাকা কোডটি কপি করে Paste করে দিন।

CSS CODE

নিচে থেকে কপি করুন।
.color { color: red; }.blue{background: #426782; padding-top: 45px; padding-bottom: 45px; color: white; font-size: 120%; font-weight: bold; text-align: center; } .red{background: red; padding-top: 45px; padding-bottom: 45px; color: white; font-size: 120%; font-weight: bold; text-align: center; }.lime{background: lime; padding-top: 45px; padding-bottom: 45px; color: red; font-size: 120%; font-weight: bold; text-align: center; } .seagreen{background: seagreen; padding-top: 45px; padding-bottom: 45px; color: white; font-size: 120%; font-weight: bold; text-align: center; } .royalblue{background: royalblue; padding-top: 45px; padding-bottom: 45px; color: white; font-size: 120%; font-weight: bold; text-align: center; } .black{background: black; padding-top: 45px; padding-bottom: 45px; color: white; font-size: 120%; font-weight: bold; text-align: center; }.cornsilk{background: cornsilk; padding-top: 45px; padding-bottom: 45px; color: blue; font-size: 120%; font-weight: bold; text-align: center; }body { background: #dfdfdf; margin: auto; max- width:650px; box-shadow: 0px 0px 3px; font-weight: bold }a { color: royalblue; text-decoration: none;}a:visited { royalcolor: blue; } input[type=text], input[type=password] { border: 1px solid #afafaf; padding: 3px; } textarea { border: 1px solid #afafaf; padding: 3px; }input[type=submit] { background: blue; color: white; border: none; padding: 4px; } form { padding: 4px; }.img { width: 90%; } .head { padding: 1px; background: white; } .nav { } .cmenu { color: gray; background: #2a2a2a; padding: 4px; } .cmenu a { color: white; } .menu { background: #0088aa; color: white; padding: 4px; border-bottom: 2px solid #afafaf; } .menu a { color: white; } .post { margin: 4px; background: white; border: 1px solid #afafaf; } .title { padding: 3px; border-bottom: 1px solid #dfdfdf; } .content { padding: 3px; text-align: justify; } .content img { border: 1px solid #afafaf; padding: 2px; margin: 2px; } .error { padding: 3px; color:red; } .post-bottom { padding: 3px; } .page { padding: 2px; } .page a { background: white; border:1px solid #0088aa; padding: 2px; padding-right:4px; padding-left:4px; } .page span { background: #0088aa; padding: 3px; padding-right:5px; padding-left:5px; color: white; font-weight: bold; } .foot { background: #fafafa; padding: 4px; border-top: 3px solid #afafaf; }                        
এরপর চলে আসুন Header এ।এরপর নিচে থাকা কোডটি Html Select করে Paste করে দিন আর এটি দিবেন User এর জন্য। Code গুলো Download করতে এখানে ক্লিক করুন এরপর Footere চলে আসুন। এখানে দুইটি কোড দিতে হবে একটি Guest ও User.

FOOTER CODE

Download করতে এখানে ক্লিক করুন তো বন্ধুরা আজকে এই পর্যন্ত পরবর্তী পোস্ট এর জন্য অপেক্ষা করুন। সবাই ভালো থাকবেন। পোস্টটি ভালো লাগলে একটা Share দিতে পারেন। আর পরবর্তী পোস্ট এর জন্য একটু অপেক্ষা করুন। এ রকম আরো সুন্দর পোস্ট পেতে আমার Dimla Wiki Tech সাইট থেকে ঘুড়ে আসতে পারেন।

খোদা হাফেজ

4 months ago (March 1, 2021) 222 Views
Tags
Direct Link:
Share Tweet Plus Pin Send SMS Send Email

About Author (1)

Contributor

2 responses to “এবার Wapkiz দিয়ে Original Facebook Style সাইট বানান”

  1. Siam (author)

    Vi Java Diye Link Ar Code Download Hoi Na. Link Den

  2. Fl Limon M (contributor)

    Java dia code gula download korta pari nai code gula comment a txt a dan

Leave a Reply

You must be Logged in to post comment.

Related Posts



© 2021 All Right Received