Wapkiz এ Trickbd এর মতোন সাইট বানানোর ৫ম পর্বে আপনাকে স্বাগতম। আজকেই এই পর্বে আমরা বাকী পেজগুলোর ডিজাইন করবো যেগুলোর ডিজাইন করা বাকী ছিল। আর আপনি যদি আগের পর্ব গুলোন না দেখে থাকেন তাহলে দেখে নিন-
তো চলেন শুরু করা যাক। তবে শুরু করার আগে ভিডিওটি দেখে নিন তা নাহলে কিছুই বুঝবেন নাহ!!
আর একটা সমস্যা সমাধান করে নেই। এর জন্য Header এ গিয়ে Logged user কোডটা এডিট করার জন্য E তে ক্লিক করুন। তারপর, Dashboard এর লিংকটা একটু পরিবর্তন করে নিন। site-post.html এর জায়গায় site-posts.html এটা রিপ্লেস করে দিন। [না বুঝলে ভিডিওটি দেখুন]
এবার নিচের পেজের কোডগুলোন আপনার সাইটের পেজে বসিয়ে দিন। তবে কিছু কিছু কোডের Visibility এবং Position চেঞ্জ করে নিতে হবে। একটু ঝামেলা আছে কিন্তু। 😂😂 আগেই বলে রাখি কোড গুলোর Position সবার শেষে দিবেন। তাহলে আর Position নিয়ে সমস্যা হবে না। এবং আমার সাইটের নামের জায়গায় আপনার সাইটের নাম রিপ্লেস করে দিবেন।
Table of Contents
Wapkiz Blog Page Code
ডিজাইনের সময় সাবধানতা আবলম্বন করুন। অযথা কোন কিছু এডিট করবেন না।
Blog Code 1
:title: :url-2: – WikiBN.ML:/title:
Blog Code 2
<div class=”breadcumbs_single”><div id=”crumbs”>[blog]to=:url-1:,no=You maybe Acess a wrong page!! Connect with us ⬇⬇ ||<a href=”:site_url:”>Home</a> » <a href=”:site_url:/site-category.html?to-name=%category%” class=”capital”>[replace=(%category%)]-|| [/replace]</a> » <span class=”current”>%title%</span>[/blog]</div></div>
<div class=”block_comment”><h3 id=”comments”>[blog]to=:url-1:,no=No||%comment_count%[/blog] responses to [blog]to=:url-1:,no=Error Post||%title%[/blog]</h3><ol class=”commentlist”>[blog_cmt]to=:url-1:,o=ul,no=Be first Make a comment.|| <li class=”comment”><div class=”comment-body”><div class=”comment-author vcard”><img alt=”%name%” src=”:site_url:/:profile(%by%)-urlfoto:” class=”avatar avatar-32 photo” height=”32″ width=”32″/><cite class=”fn”><a href=”:site_url:/site-author.html?to-username=%name%” class=”url” rel=”external nofollow”><span class=”capital”>%name%</span></a></cite></div><div class=”comment-meta commentmetadata”><a href=””/>%date%</a> </div><p>%text%</p><div class=”reply”><a rel=”nofollow” class=”comment-reply-link”>Login to Reply</a></div></div></li>[/blog_cmt]</ol><div id=”respond” class=”comment-respond”><h3 id=”reply-title” class=”comment-reply-title”>Leave a Reply</h3>You must be <a href=”:site_url:/site_login.html”>logged in</a> to post a comment.</div></div>
ব্যস Blog Page পেজের কাজ শেষ।এবার Author Page পেজে চলে আসুন।
Author Page code
এই কোডটির Visibility Acess চেঞ্জ করে User করে দিন।
Author code for User
এবার এই কোডটির Visibility Acess চেঞ্জ করে User করে দিন।
:title::to-username(:my_name:): – TrickBN.ml:/title:(if :to-info:=posted)<div class=”notify”><p>Your Post has been published. Thanks for create a tune.</p></div>(/if)(if :my_name:=:to-username(:my_name:):)<a class=”btn btn-default” style=”margin: 0px 5px” href=””>Edit Profile</a>(/if)<div class=”author_block”><h2>TrickBN profile of :to-username(:my_name:):</h2><table width=”100%”><tr><td width=”75px”><img alt=”:to-username(:my_name:):” src=”:site_url:/:profile(:to-username(:my_name:):)-urlfoto:” class=”avatar avatar-150 current-author photo” height=”150″ width=”150″ /> </td><td><h3 class=”capital”>:to-username(:my_name:):</h3><div class=”user_role”>author </div><p>:profile(:to-username(:my_name:):)-var(about):</p></td></tr></table><div class=”author_info”><p><span>Registered on: </span>:profile(:to-username(:my_name:):)-dreg:</p><p><span>Last login: </span>:profile(:to-username(:my_name:):)-dlogin:</p><p><span>Total post: </span>[blog]usr=:to-username(:my_name:):,l=0,no=0||%count%[/blog]</p><p><span>User ID: </span></p></div></div><div class=”block_posts”><h2><div class=”breadcumbs”><div id=”crumbs”><a href=”:site_url:”>Home</a> » <span class=”current”>Articles posted by :to-username(:my_name:):</span></div> </div></h2><ul class=”rpul”>[blog]usr=:to-username(:my_name:):,o=u,l=10,s=:to-page:,v=on,no=||<li><img width=”150″ height=”150″ src=”%urlthumb%” class=”attachment-thumbnail size-thumbnail wp-post-image” alt=”%title%” /> <a href=”http://:site_name:/page-blog/%id%/[replace=(%title%)] []/||-[][/replace]”>%title%</a><p>%date=–% ago <a href=”http://:site_name:/page-blog/%id%/[replace=(%title%)] []/||-[][/replace]#comment”>%comment_count% Comments</a> </p></li>[/blog]</ul></div><div class=”wp-pagenavi”>:page:c=[blog]usr=:to-username(:my_name:):,l=0,no=0||%count%[/blog],l=10,s=:to-page:,no=,u=?to-username=:to-username(:my_name:):&to-page=::<span>:to-page(1): of %nlast%</span> %prev=«% %n% %next=»% :/page:</div>
Author Page code for Guest
এবার এই কোডটির Visibility Acess চেঞ্জ করে Guest করে দিন।
<div class=”block_posts mobile-post-input”><h2><a href=”/post”>Posts</a> | Add Post | <a href=”/post?action=media”>Add Screenshot</a> | <a href=”bb-codes”>Add BB Codes</a> </h2><div class=”notify”><b>Basic Rules: (Updated at 11.12.17) </b><ul><li>বাংলায় পোষ্ট করলে শুদ্ধ বাংলা ব্যবহার করুন</li><li>পোষ্ট এর সাথে সম্পুর্কযুক্ত ক্যাটাগরী/ফিচারড ইমেজ/ট্যাগ ব্যবহার করুন</li><li><a href=”/”>যেভাবে নতুন ট্রিকবিএনে তে পোষ্ট করবেন</a></li><li><a href=”/”>পোষ্ট করার জন্য সম্পূর্ন নীতিমালা</a></li><li><b>বাধ্যতামূলক কিছু নিয়মঃ</b><br />**সম্পূর্ন নিজের ভাষায় পোষ্ট লিখুন…<a href=”/”>কপিপেষ্ট পরিহার করুন।</a><h4>কেউ কপিপেষ্ট করেছে এমন প্রমান পেলে সাথে সাথে ট্রেইনার থেকে তাকে বাতিল করা হবে </h4>**পোষ্ট এর একেবারে শেষ ছাড়া কোথাও পোষ্ট দাতার সাইট লিংক থাকতে পারবে না<br />**এপ/গেম এর রিভিও দিলে এপ/গেম ডাওনলোড এর ডাইরেক্ট লিংক দিতে হবে এবং বিস্তারিত পোষ্ট+স্ক্রিনশুট দিতে হবে<br />**<h4>আর্নিং সাইট নিয়ে পোষ্ট করলে অবশ্যই বিস্তারিত লিখে পোষ্ট করতে হবে এবং অবশ্যই ট্রেইনারকে নিশ্চিত করতে হবে সেই সাইট পেমেন্ট দেয়। যদি কোন ইউজার কমপ্লেইন করে যে কোন ট্রেইনার স্কাম সাইট নিয়ে পোষ্ট করেছে তাহলে সেই ট্রেইনার কে সাথে সাথে ট্রেইনার থেকে সড়িয়ে নেয়া হবে। আর্নিং এর ব্যাপারে কথা বলতে ব্যাক্তিগত পর্যায়ে যোগাযোগ করতে প্রলুব্ধ করা যাবে না, যা সমাধান দেয়ার ট্রিকবিএনে কমেন্টের মাধ্যমেই দিতে।হবে। </h4></li></ul></div><div class=”pad4″><form action=”” method=”post”><label for=””>Enter title here</label><input type=”text” placeholder=”Enter title here” name=”blog_title” value=”” /><label for=””>Content</label><textarea name=”text” style=”box-sizing:border-box;”></textarea><label for=””>Category</label><select name=”blog_cat”>[blog_cat]bid=blog,o=u||<option value=”%name%”>[replace=(%name%)]-[]a[]b[]c[]d[]e[]f[]g[]h[]i[]j[]k[]l[]m[]n[]o[]p[]q[]r[]s[]t[]u[]v[]w[]x[]y[]z|| []A[]B[]C[]D[]E[]F[]G[]H[]I[]J[]K[]L[]M[]N[]O[]P[]Q[]R[]S[]T[]U[]V[]W[]X[]Y[]Z[/replace]</option>[/blog_cat]</select><label for=””>Tags</label><span>Enter more tags by (,) comma</span><input type=”text” name=”tags” value=”” disabled/><input type=”submit” name=”blog_submit” value=”Submit post” class=”btn btn-primary” /> <input type=”submit” name=”draft” value=”Save as draft” class=”btn btn-default” style=”opacity:0.5″ disabled/></form></div></div>
ব্যাস কাজ শেষ। এবার আমরা Posts নামক পেজটির ডিজাইন করব।
Posts/Dashboard Page Code
আগের মতোনই কাজ। শুরু করে দেওয়া যাক-
Posts code -1
:title:Dashboard – WikiBN.ML:/title:
Posts code -2
এই কোডটির Visibility হবে Guest !! 😍😍
<div class=”notify”>You need to <a href=”/site_login.html”>login</a> first.</div>
আলহামদুলিল্লাহ, কাজ শেষ এবার আমাদেরকে চেক করে নিতে হবে যে সব কিছু ঠিক ঠাক আছে কি না!! এর জন্য ভিডিওটি দেখুন!! লেখে বোঝানো সম্ভব না!!!
আজ এই পর্যন্ত দেখা হবে আগামী পর্বে। পোস্টটি ভালো লাগলে কমেন্ট + শেয়ার করবেন। আর যে কোন সমস্যায় আমাদেরকে ফেসবুকে মেসেজ দিন [Message us on facebook]। আর আমাদের ইউটিব চ্যানেল এ Ssubscribe করতে ভুলবেন না কিন্তু [Subscribe us on Youtube]
#Note: লেখকের অনুমতি ছাড়া পোস্ট অন্যত্র প্রকাশ করা সমূর্ণ বেআইনী।
This post is copied via feed form WikiBN.COM !! Please stop coping via feed and remove this post. If you don’t do it we will take a action against your site.
অনিছাকৃত দেরীর কারণে আমি আন্তরিকভাবে দুঃখিত!! তাই একসাথে দুইটি পোস্ট এড দিলাম। আর ধীর ধীরে সাবধানের সাথে এই পর্বের কাজগুলো করবেন!! আর সমস্যা হলে আমাকে ফেসবুকে মেসেজ দিবেন!!
আর অনেকেই আমাকে বলতিছে যে সাইটের শেষে আমার সাইটের ক্রেডিট থাকে!! ���� চিন্তা করবেন না আমি শেষ পর্বে আর নয়তো পরবর্তী কোন পর্বে এটা রিমুভ করা নিয়ে পোস্ট করব!! ���� তাহলে আর দেরী কেন এখনি ডিজাইন করা শুরু করে দিন!!
আর প্লিজ প্লিজ প্লিজ আমাদের ইউটিউব চ্যানেটাকে সাবস্ক্রাইব করিয়েন → [Our Youtube Channel
আবারো খুব তাড়াতাড়ি হাজির হবো পরবর্তী পর্ব নিয়ে। সাথেই থাকুন ❤
vai ami post kori but post ta pora jay na mane post korar pore home page teke jodi post e click kori tahole sudu loding…… nay but post shompunno pora jay na
![Photo of Wapkiz এ বানান সম্পূর্ণ নতুন ডিজাইনের ডাউনলোড সাইট [PART-4]](https://www.tunebn.com/wp-content/uploads/2019/01/Web-design-tutorial-bangla-wapkiz-350x220.jpg "Wapkiz এ বানান সম্পূর্ণ নতুন ডিজাইনের ডাউনলোড সাইট [PART-4] 3")
![Photo of [ওয়েব ডিজাইন টিটোরিয়াল বাংলা] Wapkiz এ বানান Trickbd এর মতোন ফোরাম সাইট {Part-3/Header and Footer}](https://www.tunebn.com/wp-content/uploads/2020/12/TuneBN-Thumb-390x220.jpg "[ওয়েব ডিজাইন টিটোরিয়াল বাংলা] Wapkiz এ বানান Trickbd এর মতোন ফোরাম সাইট {Part-3/Header and Footer} 6")
অনিছাকৃত দেরীর কারণে আমি আন্তরিকভাবে দুঃখিত!! তাই একসাথে দুইটি পোস্ট এড দিলাম। আর ধীর ধীরে সাবধানের সাথে এই পর্বের কাজগুলো করবেন!! আর সমস্যা হলে আমাকে ফেসবুকে মেসেজ দিবেন!!
আর অনেকেই আমাকে বলতিছে যে সাইটের শেষে আমার সাইটের ক্রেডিট থাকে!! ���� চিন্তা করবেন না আমি শেষ পর্বে আর নয়তো পরবর্তী কোন পর্বে এটা রিমুভ করা নিয়ে পোস্ট করব!! ���� তাহলে আর দেরী কেন এখনি ডিজাইন করা শুরু করে দিন!!
আর প্লিজ প্লিজ প্লিজ আমাদের ইউটিউব চ্যানেটাকে সাবস্ক্রাইব করিয়েন → [Our Youtube Channel
আবারো খুব তাড়াতাড়ি হাজির হবো পরবর্তী পর্ব নিয়ে। সাথেই থাকুন ❤
thanks …next part o tara tari diye din bro..
Hmm. Cesta korbw!!
Ss kmne dimo wapkiz site a
viya amar ai khane name
:To-Username(Habib_Rony): show kore
r post korar pore Total post: 0 dekhai .
r viya amar site e picture show koraite parteci na
aktu halp korben plzzz
Bro, fb page e message din.. Ami solve kore dissi…
Admin dicuss e ei niye alochona korbw…
Meta header code ta ekto bojiye diben change korte parina
fb/lucifa.ij
copy kore past kore din
vai ami post kori but post ta pora jay na mane post korar pore home page teke jodi post e click kori tahole sudu loding…… nay but post shompunno pora jay na
vai post read kora jay na kindly bolen. plz ki korbo
Amader FB page e Message din
Bro comment er reply korbo kivabe
Vai category code dici..but category te to no category dekhai..category add korbo kotha theke
Kindly watch this video https://youtu.be/xqSubckWLRs