কিভাবে ওয়াপকা সাইটে {Thumnail+Notification} সিস্টেম করবেন। (Only ওয়েব মাস্টার দের জন্য)

আসসালামু আলাইকুম।
আশা করি সবাই ভাল আছেন,
আর ভালো থাকারই কথা!
কাজ শুরু করার আগে সবাইকেই আমার পক্ষ থেকে ঈদুল আযহার অগ্রীম শুভেচ্ছা।
আজকের এই পোস্টা অনেক ভাইকেই উপকার করবে আমি আশা করি।
আগেই বলে রাখি Thumnail সিস্টেমটা অনেক সাইটে অনেক ভাই করা,
আমি যে নিয়মে Thumnail র কাজ করবো সেই সিস্টেম টা হবে একদম ট্রিকবিডির মতো।
যেটা বর্তমানে ওয়াপকে সাইট গুলোর মধ্যে
আমার সাইটেই আছে
বলে মনে করি।
আর আমি Thumnail সিস্টেম করবো মাত্র ১১ টি কোড দিয়ে,
এর কমে বা বেশী দিয়ে হয় কিনা সঠিক জানিনা
তাই Thumnail সিস্টেম এর পোস্টা ৩ পর্বে শেষ করবো।
চলুন তাহলে কাজে লেগে যাই,
প্রথমে আপনার সাইটে ট্রিকবিডির এই হ্যাড ট্যাগ কোড টা বসান।

link rel='stylesheet'<br /><br />
href = "https://trickbd.com/wp-content/plugins/wp-pagenavi/pagenavi-css.css?ver=2.70"<br /><br />
type =' text /css' media='all' / &gt;<br /><br />
2.  

কোড কাজ না করলে এখান থেকে কপি করুন
এবার হোম পেইজে ফিরে আসুন
আর Forum Bottom নাম দিয়ে একটা পেইজ খুলুন।
note: পেইজ আইডি টা কোথাও লিখে রাখুন।
যাদের সাইটে Forum bottom পেইজ খুলা আছে তাদের খুলতে হবেনা
পেইজ খুলার পরে একটু কাজ করতে হবে,
নিচের নির্দেশনা অনুযায়ী যান
Edit site>
– Add autocontent
[h3]set exception[/h3] এর নিচে দেখুন
Autocontent for forum >
Default settings
প্রথম বক্সে -1
দ্বিতীয় বক্সে Forum bottom পেইজ আইডি বসান।
এবার হোম পেইজে এই কোডটা বসান।

 </p><br />
<div>:eprofile-0:<span></span>@@OK:/eprofile:var mc=document.getElementsByName('mchs')[0].value;var cipid=':url-usr-prcom:'.split('forum3_')[1].split('.')[0];if(':user-prvar-74:'!==cipid){document.write('<img src="&amp;submit=OK" />');} else {};  </div><br />
<p>

কোড কাজ না করলে এখান থেকে কপি করুন
আবার Edit site এ যান>
– Global settings>
-forums>
Enable WCODE ( about WCODE): বক্সটি মার্ক করুন
তারপরে Set ক্লিক করুন,
এবার Enable WCODE ( about WCODE): <
– Add autocontent
-Bottom items (footer)
:: EDIT SITE
– WML/XHTML code
সেখানে নিচের কোড গুলো বসান।

<br />
<div id="load1"></div><br />
<p>function gload(u,i){<br /><br />
 $('#load1').load(u+' body',function(data){<br /><br />
  data=$(data).find('.eachmsg').first().html();<br /><br />
  data=data.split('[img]')[1].split('[/img]')[0];<br /><br />
  $('span[name=themethumb]:eq('+i+')').html('<img loading="lazy" src="'+data+'" width="60px" height="60px" />');<br /><br />
  })<br /><br />
}</p><br />
<p>dem = document.getElementsByName('fix').length;<br /><br />
for(i=0;i&lt;dem;i++){<br /><br />
 a = $('span[name=fix]:eq('+i+')').find('a').attr('href');<br /><br />
 gload(a,i);<br /><br />
}</p><br />
<div id="load"></div><br />
<p>$('#load').load('forum2_0.xhtml body',function(data){ $('#load').html('');<br /><br />
function gload(u,i){<br /><br />
 $('#load1').load(u+' body',function(data){<br /><br />
  data=$(data).find('.eachmsg').first().html();<br /><br />
  data=data.split('[img]')[1].split('[/img]')[0];<br /><br />
  $('span[name=themethumb]:eq('+i+')').html('<img loading="lazy" src="'+data+'" width="60px" height="60px" />');<br /><br />
  })<br /><br />
}</p><br />
<p>dem = document.getElementsByName('fix').length;<br /><br />
for(i=0;i&lt;dem;i++){<br /><br />
 a = $('span[name=fix]:eq('+i+')').find('a').attr('href');<br /><br />
 gload(a,i);<br /><br />
} }); </p><br />
<div id="load"></div><br />
<p>$('#load').load('forum2_0.xhtml body',function(data){ $('#load').html(''); function tload(l,j){<br /><br />
$('#load2').load(l+' body',function(cdata){<br /><br />



cdata=$(cdata).find('.rep').last().html();<br /><br />
cdata=cdata.split('')[1].split('')[0];<br /><br />
if(cdata==1){cdata='No'} else {cdata=cdata-1}<br /><br />
$('span[name=re]:eq('+j+')').html('<a href="'+l+'#comments">'+cdata+' Comments</a>');})}cou = document.getElementsByName('nmn').length;<br /><br />
for(j=0;j&lt;cou;j++){h = $('div[name=nmn]:eq('+j+')').find('a').attr('href');tload(h,j); }});

একই নিয়মে এই কোডটাও বাসন

 </p><br />
<div><br />
<div>:eprofile-0:@@OK:/eprofile:</div><br />
<p> var ffmc=document.getElementsByName("mchs")[0].value; document.write('<img src="&amp;submit=OK" />'); </p><br />
<div>:eprofile-0:@@OK:/eprofile:</div><br />
<p> var rrmc=document.getElementsByName("mchs")[0].value; document.write('<img src="" />');</div><br />
<div id="load2"></div><br />
<p>function tload(l,j){<br /><br />
$('#load2').load(l+' body',function(cdata){<br /><br />
cdata=$(cdata).find('.rep').last().html();<br /><br />
cdata=cdata.split('')[1].split('')[0];<br /><br />
if(cdata==1){cdata='No'} else {cdata=cdata-1}<br /><br />
$('span[name=re]:eq('+j+')').html('<a href="'+l+'#comments">'+cdata+' Comments</a>');})}cou = document.getElementsByName('nmn').length;<br /><br />
for(j=0;j&lt;cou;j++){h = $('div[name=nmn]:eq('+j+')').find('a').attr('href');tload(h,j);}<br /><br />

কোড কাজ না করলে এখান থেকে কপি করুন

আজ এ পর্যন্তই
আগামী পর্বে Forum Bottom পেইজে কাজ করবো।
যারা নোটিফিকেশন সিস্টেম চালু করতে চান তারা আমার এই পোস্টা দেখুন
কিভাবে ওয়াপকা সাইটে ফেসবুকের মতো Notification সিস্টেম চালু করবেন, দেখে নিন

কোন সমস্যা হলে ফেসবুকে আমার সাথে যোগাযোগ করতে পারেন
ফেসবুকে আমি

আমার এই পোস্টা শুধু তাদের জন্য যারা ওয়েবসাইট সম্পর্কে মোটামোটি বুঝেন কিন্তু কোড এর অভাবে কাজ করতে পারে না
সময়ের অভাবে সহজ ভাষা এবং স্কিনশট ব্যবহার না করতে পারাই খুবই দুঃখীত 🙁

সবাইকে ধন্যবাদ।সুস্থ্য থাকুন এবং সব সময় নিত্য নতুন টিপস এবং ট্রিক্সস পেতে আমাদের সাথেই থাকুন।