Create your own new Wapka Website Design ▶ Episode-3◀

গত পর্বে আমরা হিডার এর কাজ পর্যন্ত করেছি। এই পর্বে আমরা ফোটার এর কাজ করব।

চলুন শুরু করি

নোট : ফুটারের কোনো কোড ইডিট করা লাগবেনা। শুধু পেষ্ট করবেন।

Edit Site > Add autocontant > Bottom items (footer)

হ্যা, এখানে আপনি একটি সাদা পেজ পাবেন যার আইডি (-২)

এখানে আমাদের হোম , বেক , অনলাইন , ডিজাইনার প্যানেল বসাতে হবে। চলুন করা যাকঃ

নিচের কোড গুলো বসান

Edit Site > WML/xHTML Code

<div class="brdr"><div class="bit"> Now Online:<font color="white">:stats-online:</font> Guest: <font color="white">:stats-online-n:</font><span style="float:right"><script type="text/javascript"> var timing = new Date(); _startTime = timing.getTime(); var timing=new Date(); _endTime=timing.getTime(); document.write(Math.round(document.getElementsByTagName('html')[0].innerHTML.length/1024)+" KB"); </script> / <script type="text/javascript"> var startTime=new Date(); var a=Math.floor((new Date()-startTime)/100)/10; if (a%1==0) a+=".0"; document.getElementById("endTime").innerHTML=a; } window.onload=function(){ clearTimeout(loopTime); }</script><script type="text/javascript"> document.write('<span id="texttime"><b><span id="endTime">0.0</span></b>sec</span> '); var loopTime=setInterval("currentTime()",100); </script></span></div><div class="rmenu">:userstats:d=ol,df=j.m.y,s=:geti-number(1):,o=dl,n=No online user to Display!::<a href="%urlprofile%">%tname%</a> ↹ :: :/userstats:</div><div class="eror2"><font color="green">:stats-ausers: </font> Is The Most Active User In Forum!</div></div>

নিচের কোড গুলো বসান

থামেন সাবমিট কইরেন না তার আগে দেখুন লেখা আছে "Item will be visible for:" এটা অপশন থেকে "non Logged users" করে দিন

Edit Site > WML/xHTML Code

<div><div><div align="center"><div class="brd" style="margin: 2px 0px 0px 0px;border-bottom: none" align="center"><table border="0" border-color="#aaa" style="border-color:#aaa" width="100%"><tr> <th> <a href="site_0.xhtml"> <div class="Ash" style="margin: 0px 0px 0px 0px;padding:2px"><center> Home </center></div></a> </th> <th> <a href="javascript:history.back(1)"> <div class="Ash" style="margin: 0px 0px 0px 0px;padding:2px;border-left:1px solid black;border-right:1px solid black"><center> Back </center></div></a> </th> <th><a name="bottom"> </a> <a href="#up"> <div class="Ash" style="margin: 0px 0px 0px 0px;padding:2px"><center> Top ^ </center></div></a> </th></tr></table></div></div></div></div>

নিচের কোড গুলো বসান

Edit Site > WML/xHTML Code

থামেন সাবমিট কইরেন না তার আগে দেখুন লেখা আছে "Item will be visible for:" এটা অপশন থেকে "Logged users" করে দিন

<div><div><div align="center"><div class="brd" style="margin: 2px 0px 0px 0px;border-bottom: none" align="center"><table border="0" border-color="#aaa" style="border-color:#aaa" width="100%"><tr> <th> <a href="site_0.xhtml"> <div class="Ash" style="margin: 0px 0px 0px 0px;padding:2px"><center> Home </center></div></a> </th> <th> <a href="javascript:history.back(1)"> <div class="Ash" style="margin: 0px 0px 0px 0px;padding:2px;border-left:1px solid black;border-right:1px solid black"><center>Back </center></div></a> </th> <th><a name="bottom"> </a> <a href="unlogin_0.xhtml"> <div class="Ash" style="margin: 0px 0px 0px 0px;padding:2px"><center>Logout </center></div></a> </th></tr></table></div></div></div></div>

নিচের কোড গুলো বসান

Edit Site > WML/xHTML Code

<div><div align="center"><div class="brdr"><div style="text-align:center"><div class="ashik"><center><b> Boet24.TK 2018-19</b><br/><a href="/site_0.xhtml"><b><font color="white">Dεvεloρed By</font><font color="gold"><b> Boet Tєam</b></font></b></a></center></div></div></div></div></div>

Must Change Boet24.tk with your Site name.

আজ এই পর্যন্ত। আগামী পর্বে আমাদের কত গুলো ( ফোরাম এবং পেইজ ) বানাতে হবে। সবাই খাতা , কলম নিয়ে রেডি থাকবেন।

সবাই ভাল থাকুন, সুস্থ থাকুন,আল্লাহ হাফেজ।

••• কোন সমস্যা হলে মন্তব্য করুন । •••————————————————————