ওয়াপকা কমেন্ট বক্স কোড ।। Wapka Comment Box Code

প্রিয় বন্ধুরা,

আপনাদের সু - স্বাগতম !

আশা করি সকলেই ভালো ও সুস্থ রয়েছেন। আমিও মহান সৃষ্টি কর্তার কৃপায় অনেক ভালো ও সুস্থ রয়েছি।

Wapka Comment Box Code

আজকে আমি আপনাদের মাঝে শেয়ার করতে চলে এসেছি যে কি ভাবে একটি Wapka Website Comment System Enable করবেন।

...Lets Start...

তো বন্ধুরা প্রথমে ভিসিট করুন - Wapka.Org

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

সাইট তৈরি করতে যদি আপনার অসুবিধা হয় তবে এই টিউনের ক্যাটেগরি তেই আমি একটি পোস্ট করেছি যে - কিভাবে একটি ওয়াপকা ওয়েব সাইট তৈরি করবেন।

এখন আসি কাজের কথায় , কেননা আজকে আমরা দেখতে চলেছি যে কিভাবে ওয়াপকা সাইট এ কমেন্ট বক্স যুক্ত করবেন। আজে আমি সকল কোড আপনাদের মাঝে শেয়ার করব।

আর এ জন্য আপনাদের একটু ধৈর্য ধরে টিউন টি মনোযোগ দিয়ে পড়তে এবং বুঝতে হবে এবং সেই অনুযায়ী কাজ করতে হবে।

# পদক্ষেপঃ- ০১

ওয়াপকা তে লগিন করে নিবেন।

এর পর সাইট সিলেক্ট করে নিবেন , কেননা এখানে একাধিক সাইট তৈরি করা যায়। তাই আপনি যে সাইট এ কমেন্ট বক্স তৈরি করতে চান সেই সাইট এ প্রবেশ করবেন।

সাইট এ প্রবেশ করার পর আপনাকে যা করতে হবে টা হল - যেই পেজে আপনি কমেন্ট বক্স দেখাতে চান সেই পেইজে প্রবেশ করবেন। তবে আজকে আমরা পোস্ট ভিউ পেজে কমেন্ট বক্স তৈরি করব।

Basic Setup:

সাধারণত ওয়াপকা ব্লগ Defalt Theme এ Post নামে একটি Page রয়েছে। উক্ত পেজেই আমরা কমেন্ট সেকশন টি চালু করব।

মূল কথা হচ্ছে এখানে পোস্ট লিস্ট এর ID কে আমাদের প্রয়োজন হবে। আর এ কারনেই Post List এর Config এ যেন এমন থাকে <ID>:GET(post_id);</ID>

Code:

<h1>%title%</h1>
<p>%content%</p>

Config:

<ID>:GET(post_id);</ID>

# পদক্ষেপঃ- ০২

উক্ত পেজে স্ক্রোল করে নিচের দিকে আসলে দেখতে পারবেন Api Data Creator। 

এখন আপনাকে এই Api Data Creator তে ক্লিক করে নিচের কনফিগারেশন সকল কোড ধাপে ধাপে বসাবেন। এখানে আপনি ২টি বক্স দেখতে পারবেন। এই দুইটি টি বক্সের কোড গুলো নিচে দিয়ে দিচ্ছি ওই ভাবেই আপনাদের সাইট এ বসাবেন।

Code: 1st Box

<p>Post a new comment.</p>
<div>%notify%</div>
<textarea name="comment_message"></textarea><br/>
<input type="submit" value="Add comment">

Code: 2nd Box Config

<PID>:GET(post_id);</PID>
<CATEGORY>Post</CATEGORY>
<KEY1>comment_message</KEY1>
<VALUE1>:POST(comment_message);</VALUE1>

Item will be visible for: Admin & User

#পদক্ষেপঃ- ০৩

এবার আপনাকে আবার আরেক টি Api Data List এ ক্লিক করতে হবে। আবার আপনি পাঁচ টি বক্স দেখতে পারবেন। উক্ত বক্স গুলো তে ক্রমানুসারে নিচের কোড গুলো বসাবেন। 

Code: 1st Box

<h4>Reply #%id% by %username% at %date%</h4>
<p>%value1%</p>
<hr/>

Code: 2nd Box Config

<PID>:GET(post_id);</PID>
<LIMIT>20</LIMIT>
<ORDER>new</ORDER>

Code: 3rd Box Header

Keep Emtey

Code: 4th Box Footer

Keep Emtey

Code: 5th Box Defalt

Keep Emtey

Item will be visible for: All User

#পদক্ষেপঃ- ০৪

বন্ধুরা আমাদের কমেন্ট সেকশন হয়ে গেছে। এখন আমাদের Css Style দ্বারা কমেন্ট সেকশন কে একটু সাজাতে হবে।

আর এ জন্য নিচের Css Style টি আপনার ওয়েব সাইট এর Header Page এ বসাবেন।

Code: Css Style

textarea{display:block;width:calc(100% - 26px);height:100px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc}
input,textarea,select{margin-bottom:5px;font-family:open sans,sans-serif}
input[type=submit]{-moz-user-select:none;background-image:none;border:1px solid transparent;border-radius:4px;cursor:pointer;display:inline-block;font-size:14px;font-weight:400;line-height:1.42857;margin-bottom:5px!important;padding:6px 12px;text-align:center;vertical-align:middle;white-space:wrap}

প্রিয় বন্ধুরা আজকে আমি একদম টিউনের শেষ পরযায়ে চলে এসেছি। আশা করি আজকের এই কোড টি আপনাদের অনেক অনেক উপকারে আসবে।

কমেন্ট সেকশন তৈরি করতে কোন ঝামেলা হলে - নিচের মন্তব্য বক্সে আপনার মন্তব্য করে জানাতে ভূলবেন না।

তাছাড়া আপনি নির্দ্বিধায় আমাকে আপনার যে কোন ওয়েব রিলেটেড প্রশ্ন জিজ্ঞেস করতে পারবেন। তো আজকের মত এখানেই বিদায় নিচ্ছি। সকলেই ভালো ও সুস্থ থাকবেন।

# YouTube CHANNEL:

SMsudipBD

https://YouTube.Com/@SMsudipBD

পরিশেষে আপনাদের কাছে একান্ত একটি অনুরোধ যে আজকের টিউন এ যদি টাইপিং মিস্টেক থাকে ক্ষমা সুন্দর দৃষ্টিতে দেখবেন। কেননা পোস্ট টি লিখে চেক করলাম না। তো বন্ধুরা সকলেই ভালো ও সুস্থ থাকুন। কমেন্ট বক্সে আপনার মতামত প্রকাশ করুন।

আপনি যদি আমার এই ওয়েবসাইট এ নতুন হয়ে থাকেন আমার YouTube Channel এ একটি SUBSCRIBE করবেন এবং পাশে থাকবেন।

ক্রেডিট বাইঃ- এস এম সুদীপ বিডি ডট কম।

ট্যাগসঃ - ওয়াপকা কমেন্ট বক্স কোড ।। Wapka Comment Box Code,wapka comment code,wapka code,wapka recent code,wapka filelist code,wapka theme download