<img src="http://icon
[color=red] আগে আমার কিছু কথা টিওটোরিয়ালের লেখা কিছু কপি কিন্তুু কোড গুলো আসল কোড, আপনি বসিয়ে দেখতে পারেন, সবার মতো আমি না।
[color=blue]কিন্তুু অনেকেই আছে এই বিষয়ে অনেক টিওটোরিয়াল শেয়ার করেছে কিন্তুু কোনো সাইটে কাজ করছে এখনো শুনি নাই। ধন্যবাদ[/color]

[color=red]

কোড গুলো কপি করে নিবেন

[/color]

আশা করি সবাই ভাল আছেন। যে সমস্যাটি নিয়ে কদিন ধরে সবাই ভুগছেন আজ তার সমাধান নিয়ে এলাম। তবে এর ফুল Credit Wapkainternational এর।

যাক কথা বড়াবো না কাজের কথায় ফিরে আসি।

প্রথমে এ কোডটি আপনার সাইটের Head tags এ বসান।

<br /><br />

[color=red][Most Importent][/color]

Step 1: এবার Themes in forum কোডটি বসান

.ar. Style of themes in the forum:* 1st box

</p><br />
<div id="themes"><br />
<ul class="rpul"><br />
<li><span><span><img src="http://wapkaland.xtgem.com/images/thumb/thumb.png" /></span>::theme::</span><br />::creator::<br /><br />
<font color="red"> ::date::</font> <font color="blue"> ::views:: Views</font></li><br />
</div><br />
<p>

.ar. Style of the forum site:* 3rd box

</p><br />
<div class="block_posts"><br />
<h2> Recent Post<br /><br />
</h2><br /> <ul class="rpul"><br /> <div>::THEMES::</div><br /> </ul><br /> </div><br /> <div class='block_posts'><br /> <div class="page" align="center">::LISTER_BOTTOM::</div><br /> </div><br /> <p>.page{ margin: 0px;font-size: 0px; }<br /><br /> .page a{font-weight:normal; color: ; display:inline-block; background: #fff; border:1px solid darkgray; margin: 2px; padding:3px 5px; font-size: 15px; text-decoration:none; } .page b, .paginga:hover{color: black; display: inline-block;background: #fff; border:1px solid darkgray; margin: 2px; padding: 3px 5px; font-size:15px;font-weight:normal}.page{text-align:center; margin-left: 2px; margin-right: 2px; padding: 5px; border-top: 2pxsolid #483D8B ; border-left: 1pxsolid #eee; border-right: 1px solid #eee; }

আর এ কোডটি বসান সেখানেই যেখানে আপনি Forum Update করতে চান।

</p><br />
<div class="block_posts"><br />
<h2><br />
Last Forum Update </h2><br />
<div id="update"><img src="http://s24.postimg.org/4klfgopmd/ajax_loader.gif" alt="Loading" /></div><br />
<p> n='1'-1; $('#update').load('/forum2_0.xhtml?n='+n+' #themes',function(data){$(this).find('#themes').css({"":"","":""}); }); </p></div><br />
<p>

এবং এই কোডটি সাইটের Homepage এবং Forum Footer. বসান

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

কাজ শেষ……..

[color=#ff0000]Note: if You Show Thumbnail & continue reading system – You must be applied 2016 Thumbnail Version – if You shown Continue applied Blog Based Forum update 2016[/color]

N:B: Don’t try edit any code…

আর অবশ্যই টিওটোরিয়াল টি কপি করলে আমার নাম দেবেন ধন্যবাদ

Leave a Reply