[wapka] ওয়াপকা তে নিজেই তৈরি করুন সম্পুর্ন নতুন ডিজাইনের ফোরাম সাইট [পর্ব-১]

আশা করি সবাই ভালো আছো।

আজ আমি আপনাদের মাঝে ওয়াপকা ফোরাম সাইট তৈরির টিউটোরিয়াল দিব।

শুনেই বকা দিতে ইচ্ছা হচ্ছে তাইনা? কারন কেঊ শেষ করে না। বাট আমি কথা দিচ্ছি আমি টোটাল ১৮ টা পার্ট দিব ১৮ দিনে।

তার আগেই ক্ষমা চেয়ে নিচ্ছি ডেমো দিতে না পারায়।

সব গুলো কোন মতে নোট প্যাড এ সেভ আছে, শুধু পোষ্ট করব, তো আজ বেশি কিছু না, হেড ট্যাগ টা নিন আজ।

Lets Start
প্রথমে http://wapka.com এ গিয়ে একটা একাউন্ট খুলুন তার পর আপনার ইমেইল এ গিয়ে ভেরিফাই করুন |
এখন আপনার ওয়াপকাতে লগইন করে Create New Site এ ক্লিক করে সাইট তৈরি করুন এখন সইট তৈরি হয়ে গেলে!

এখন Az ভাই এর পোষ্ট অনুযায়ি ডোমেন সেট করুন।
How to Purchase free Domain

Domain SeT হলে এখন আমরা ডিজাইন করব | এখন সাইটে ক্লিক করে ADMIN mode এযাওয়ার আগে একটু নিচে গিয়ে দেখুন other এ গিয়ে 

– Allow fast access to edit functions

– Enable PREMIUM program

দুটোতেই mark করে Change settings a click করুন |

এখন আডমিন মোডে যান তার পর | :: EDIT SITE (#) :: > – Global settings>- HEAD tags (meta,style,…) তে গিয়ে নিচের কোড টা বসান

Head Tag:

Pastbin Link: https://pastebin.com/bsmipKBt

Download Tutoral with Code

</p><br />
<div align="center"> pic = new Array('</p><br />
<div align="center"><img src="/img/702445/702445514_c37d0a4548.png" width="720" height="70" alt="MondolOZ.TK" /></div><br />
<p>','</p><br />
<div align="center"><img src="/img/702445/702445496_f8f3463877.png" width="720" height="70" alt="MondolOZ.TK" /></div><br />
<p>','</p><br />
<div align="center"><img src="/img/702445/702445515_0bab6122ec.gif" width="720" height="70" alt="MondolOZ.TK" /></div><br />
<p>','</p><br />
<div align="center"><img src="/img/702445/702445507_88fdd08503.png" width="720" height="70" alt="MondolOZ.TK" /></div><br />
<p>'); n=Math.floor(Math.random() * 4); document.write(pic[n]); </p></div><br />
<div align="center"><br />
<div>বিসমিল্লাহীর রহমানির রহীম</div><br />
</div><br />
<p>.ad{}.bar4{background-color:#399;color:#ffffff;text-solid:1px 1px #fff;link-color:1px 1px #ffffff;padding:4px;}.bmenu{color:#fff;background-color:#4b4d4d;padding-top:5px;padding-bottom:5px;margin-top:1px;margin-bottom:1px;border-bottom:1px outset #676a6a;}.hidex{}.msgbody{background:#fffafa;padding:5px;display:block;border:dotted 1px #cae1ff;margin:5px;color:black;border-radius:4px;}.msgfoot{color:#333333;border:1px solid #e6b868;background-color:#fff5bc;padding:5px 5px 5px 5px;border-radius:4px;margin:4px 4px 4px 4px;}.msgtitle{color:#ffffff;background-color:#538dc3;background-repeat:no-repeat;background-position:right 50%;text-align:left;padding:3px;font-weight:bold:padding-left:5px;margin:4px 4px 4px 4px;border:1px solid #538dc3;border-radius:4px;}.rana2{padding:5px 5px 5px 8px;background:#000000;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}.rmenu{background:#f5e9eb;border:1px solid #e2c0c7;margin:3px;padding:4px;border-radius:4px;}.xlist{}.xlist2{}  body{margin:0px;padding:0px;font-size:14px;font:Verdana;background-color:#ffffff;min-width:100%;}img{border-style :none;vertical-align:middle;max-width:98%;}.a a:link,.a a:visited{color :#ffffff;text-decoration :none;}a:link{text-decoration:none;}a:link,a:active,a:visited{color :#3399FF;text-decoration :none;}a:hover,a:focus{font-width:bold;text-shadow:0 0 5px #00076e;}input[type='submit'],input [type='submit'],input [type='button']{background-color:#000000;color:#ffffff;border:1px lightsteelblue;solid;padding-top:4px;padding- bottom:4px;padding-left:13px;padding-right:13px;border-radius:4px;}input,select{border:1px lightsteelblue solid;color:#000;font-weight:solid;background-color:#FFFAFA;padding:4px;margin:2px;border-radius:4px;}input:hover,input:focus,textarea:focus,textarea:hover{-moz-box-shadow:0 0 10px #6699ff;-webkit-box-shadow:0 0 10px #6699ff;box-shadow:0px 0px 10px #6699ff;}textarea{width:97.5%;}img{border-style :none;vertical-align:middle;max-width:98%;}body{margin:0px;padding:0px;}.gmenu{background-color:#e9e9e9;margin:0;padding:2px;border-radius:4px;}.gmenu{color :#75bf00;background-color :#fafff0;margin-top :1px;margin-bottom :1px;padding :2px;border :1px solid #d4eba1}.gmenu a{color :#6db900;border-bottom :1px dotted #cfe798;}.gmenu a:hover{color :# 92e31d;border-bottom :1px dotted #e3f0c5;}.menu{background-color:#ffffff;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;margin:0px;padding:5px 5px 5px 5px;}.list1{background-color:#ffffff;padding:4px;border:1px solid #e9e9e9;}.list2{background-color:#ffffff;padding:4x;}.ad {border:1px solid lightsteelblue;padding:2px;margin-top:1px;margin-left:2px;margin-right:2px;}.ad a:link,.a a:visited{color :red;text-decoration :none;target-new:tab!important;}.ad a{target-new:tab!important;}.ad img{vertical-align:middle;padding-right:4px;max-width:100%;}.ad a:hover,.ad a:focus{color :#000000;}.lined{border-top:1px dashed lightsteelblue;padding:2px;}.pad4{padding:5px;}.ftext img{max-width:100%;display:blok;margin-top:3px;margin-bottom:3px;border :1px solid #dfdfdf;background-color :#f8f8f8;padding :3px;}.adz{border:1px solid lightsteelblue;padding:2px;margin-top:1px;display:none;}.nfooter{background-color:#4E387E;padding:4px;font-weight:bold;color:#ffffff;}.rana a:link,rana a:visited{color:#ffffff;font-weight:bold:padding-left:5px;}.mainbox{padding-left:1px;padding-right:1px}.mainblok{border:1px solid lightsteelblue;padding:0px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;}.nfooter a{color:#ffffff;}.clip{color :#459bb1;border :1px solid #dfdfdf;font-size :normal;background-color :#f8f8f8;padding :4px 4px 8px;}.end{text-align :center;}.hdr{background-color:#7797ac;color:#ffffff;border:1px solid #5a7f97;padding:4px 4px 4px 4px;}.hdr2{background-color:#7797ac;color:#ffffff;text-shadow:#ffffff 0px 1px 0px;border:1px solid #5a7f97;padding:4px 1px 4px 1px;}.line{padding:10px}.sec{background-color:#ffffff;margin-left:2px;margin-right:2px;margin-bottom:11px;border:1px solid #7797ac;}.tr{border-bottom:1px solid #e7e7e7;}.icon{padding:1px}.td{border-left:1px solid #e7e7e7}.tr2{border-bottom:1px dashed #bbb;padding:4px;color :red;background-color:#fff0d2;}.tr3{border-bottom:1px dashed #bbb;padding:4px;color :red;background-color:#fff;}.line{padding:10px;}.line a{color:#ffffff}.notice{color:#333333;border:1px solid #e6b868;background-color:#fff5bc;padding:5px 5px 5px 5px;}.quote{color:#333333;border:1px solid #e6b868;background-color:#fff5bc;margin:1px 1px 2px;padding:5px 5px 5px 5px;display :block;text-align:center;vertical-align:middle;}.wcode { background: #ffffcc; font: 12px verdana;padding: 3px 3Px 3Px 3px; border: 1px solid #c8d4dd; }.line{padding:10px}.frame{padding:2px;border:1px solid lightsteelblue;}.menu3{color:#333333;border:1px solid #93db2e;background-color:#c1ffc1;padding:5px 5px 5px;} .nfooter{border: 1px solid #4E387E; padding: 4px 4px 4px 4px; margin: -1px -1px 0px -1px;}.hdn {display: none;}.download_blue a { display: block;  color: #ffffff; width: 250px;  font: 17px Helvetica, Verdana, sans-serif; text-decoration: none; text-align: center; text-transform: uppercase;  background: #00b7ea;  padding: 5px; margin: 1px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .download_green a { display: block;  color: #ffffff; width: 250px;  font: 17px Helvetica, Verdana, sans-serif; text-decoration: none; text-align: center; text-transform: uppercase;  background: #7fbf4d; padding: 5px; margin: 1px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}.lines {background-color:#fff;font: 13px verdana;border:1px solid #bcd2ee;line-height:1.3em;margin:3px;padding:6px;position:relative;text-align:left;border-radius:4px;}.omenu {color: #333333;font: 14px verdana; font-style: italic; border: 1px solid #fc0; background-color: #ffffcc; margin: 3px; padding: 4px 4px 4px; border-radius: 4px; }.omenu {color: #333333;font: 14px verdana; font-style: italic; border: 1px solid #fc0; background-color: #ffffcc; margin: 3px; padding: 4px 4px 4px; border-radius: 4px; }.liness {background-color:#fff;border:1px solid #bcd2ee;line-height:1.3em;margin:3px;padding:4px;position:relative;text-align:left;border-radius:1px;}.xlist5 { padding: 0px 0px 0px 0px; background: #f4f4f4 url(/images/bgr.png) repeat-x top; border-top: 1px solid #ccc;font: 14px verdana; font-style; border-bottom: 1px solid #ccc; }.d{border-top: 1px dashed lightsteelblue;}.dd{border-bottom: 2px solid #ddd;}.rr-chat{background-color:#f2f6f8;border:none;line-height:1.3em;margin:0px;padding:1px;position:relative;text-align:left;border-left:1px solid #bcd2ee;border-right:1px solid #bcd2ee;}.rr-chat:after,.rr-chat:before{right:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}.rr-chat:after{border-color:transparent #f2f6f8 transparent transparent;border-style:solid;border-width:5px;position:absolute;top:4px;left:-12px;}.rr-chat:before{border-color:transparent #bcd2ee transparent transparent;border-style:solid;border-width:5px;position:absolute;top:4px;left:-14px;}.ulister {margin: 0px; font-size: 0px; }<br /><br />
.ulister a {font-weight:normal; color: black; display: inline-block; background: #fff; border: 1px solid #ccc; margin: 2px; padding: 3px 5px; font-size: 15px; text-decoration: none;}<br /><br />
.ulister b, .ulister a:hover {color: white; display: inline-block; background:#28B8DB; margin: 2px; padding: 3px 5px; font-size: 15px;font-weight:bold;text-shadow:0 1px 0 #000;}<br /><br />
#ulister {background: #eee; text-align:center; margin: 0; padding: 5px 2px; border-top: 4px solid #33a6cf; }<br /><br />
.ulister a:link{color:black;}.xlist{padding: 5px 5px 5px 8px;background: #f4f4f4 url(/images/bgr.png) repeat-x top; border-top: 1px solid #ccc;font:14px verdana; font-style;border-bottom:1px solid #ccc;}.xlist2{padding: 5px 5px 5px 8px;background: #fff url(/images/bgr.png) repeat-x top; border-top: 1px solid #ffffff; font: 14px verdana; font-style; border-bottom: 1px solid #ffffff; }<br /><br />

কোড টার উপরের দিকে দেখুন ৪টা লিংক আছে ওটা আমার সাইটের লোগোর লিংক ওটা কেটে আপনার সাইটের লোগোর লিংক দিন লোগো বানাতে
ব্যবহার করুন –

flamingtext.com

এখানে যান ৪ ধরনের ৪টা লোগো বানান এবং ডাউনলোড করুন | এক টা সাইটে আপলোড করুন এখন ঐখানে আমার লিংক টা কেটে আপনার লিংক টা দিন 

[নোট: http:// থেকে .png শধু এই পর্যন্ত কাটবেন] আবার ঐবভাবে আপনার লিংকটা বসাবেন | 

আজ এটুকুই থাক কাল আবার দেব | 
*ধন্যবাদ*