Weezy
AfrickBlogger Forumlist code with thumbnail and readmore..
1st Step
Add the Jquery in Your Wapka head tag
Edit site > Global settings > Head tag > input this cod in the box provide.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
Copy code
2nd Step
Cover your message in forum 1st box code "::msg::" with
<div name="techfevodotcom" class="eachmsg"><bmsg>::msg::</bmsg></div>
Copy code
3rd Step
This Forum Update Code. So You can past the code for wapka blog style forum updates. (Change forum id xxxxxx)
<div class="bord"><h3>Latest Posts</h3><div class="slist"><span class="pimg"><span name="fixt"><span name="thumb"><img src="http://oliur.wapgem.com/techzbd/not-found-icon-techzbd-com.jpg" width="70px" height="65px" class="frame"/></span><span style="display:none">:forum-xxxxxxx,xxxxxx,xxxxxx/theme-link/1: </span></span></span><span name="lset">:forum-xxxxxxx,xxxxxx,xxxxxx/theme-link/1:</span><span class="date">By :forum-xxxxxxx,xxxxxx,xxxxxx/tname/1: on :forum-xxxxxxx,xxxxxx,xxxxxx/date/1: </span><div class="diff"><span name="tix"><span style="display:none"> :forum-xxxxxxx,xxxxxx,xxxxxx/theme-link/1: </span><span name="ftext"> Content is loading </span></span></div></div><div class="slist"><span class="pimg"><span name="fixt"><span name="thumb"><img src="http://oliur.wapgem.com/techzbd/not-found-icon-techzbd-com.jpg" width="70px" height="65px" class="frame"/></span><span style="display:none">:forum-xxxxxxx,xxxxxx,xxxxxx/theme-link/2: </span></span></span><span name="lset">:forum-xxxxxxx,xxxxxx,xxxxxx/theme-link/2:</span><span class="date">By :forum-xxxxxxx,xxxxxx,xxxxxx/tname/2: on :forum-xxxxxxx,xxxxxx,xxxxxx/date/2: </span><div class="diff"><span name="tix"><span style="display:none"> :forum-xxxxxxx,xxxxxx,xxxxxx/theme-link/2: </span><span name="ftext"> Content is loading </span></span></div></div><div class="slist"><span class="pimg"><span name="fixt"><span name="thumb"><img src="http://oliur.wapgem.com/techzbd/not-found-icon-techzbd-com.jpg" width="70px" height="65px" class="frame"/></span><span style="display:none">:forum-xxxxxxx,xxxxxx,xxxxxx/theme-link/3: </span></span></span><span name="lset">:forum-xxxxxxx,xxxxxx,xxxxxx/theme-link/3:</span><span class="date">By :forum-xxxxxxx,xxxxxx,xxxxxx/tname/3: on :forum-xxxxxxx,xxxxxx,xxxxxx/date/3: </span><div class="diff"><span name="tix"><span style="display:none"> :forum-xxxxxxx,xxxxxx,xxxxxx/theme-link/3: </span><span name="ftext"> Content is loading </span></span></div></div><div class="slist"><span class="pimg"><span name="fixt"><span name="thumb"><img src="http://oliur.wapgem.com/techzbd/not-found-icon-techzbd-com.jpg" width="70px" height="65px" class="frame"/></span><span style="display:none">:forum-xxxxxxx,xxxxxx,xxxxxx/theme-link/4: </span></span></span><span name="lset">:forum-xxxxxxx,xxxxxx,xxxxxx/theme-link/4:</span><span class="date">By :forum-xxxxxxx,xxxxxx,xxxxxx/tname/4: on :forum-xxxxxxx,xxxxxx,xxxxxx/date/4: </span><div class="diff"><span name="tix"><span style="display:none"> :forum-xxxxxxx,xxxxxx,xxxxxx/theme-link/4: </span><span name="ftext"> Content is loading </span></span></div></div><div class="slist"><span class="pimg"><span name="fixt"><span name="thumb"><img src="http://oliur.wapgem.com/techzbd/not-found-icon-techzbd-com.jpg" width="70px" height="65px" class="frame"/></span><span style="display:none">:forum-xxxxxxx,xxxxxx,xxxxxx/theme-link/5: </span></span></span><span name="lset">:forum-xxxxxxx,xxxxxx,xxxxxx/theme-link/5:</span><span class="date">By :forum-xxxxxxx,xxxxxx,xxxxxx/tname/5: on :forum-xxxxxxx,xxxxxx,xxxxxx/date/5: </span><div class="diff"><span name="tix"><span style="display:none"> :forum-xxxxxxx,xxxxxx,xxxxxx/theme-link/5: </span><span name="ftext"> Content is loading </span></span></div></div><div id="paging"></div></div>
Copy code
4th Step
Put this code any where in Home page and also put it in forum footer(autocontent)...
<p></p>
<p><div><div id="load1" style="display:none"></div> <script language="javascript"> 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=thumb]:eq('+i+')').html('<img src="'+data+'" width="30px" height="30px" class="frame"/>'); }) } dem = document.getElementsByName('fixt').length; for(i=0;i<dem;i++){ a = $('span[name=fixt]:eq('+i+')').find('a').attr('href'); gload(a,i); } </script></div> <div><div id="load2" style="display: none;"></div> <script language="JavaScript"> function tload(l,j){ $('#load2').load(l+' body',function(tdata){ tdata=$(tdata).find('.eachmsg').first().html(); tdata=tdata.split('<bmsg>')[1].split('</bmsg>')[0]; tdata=tdata.replace(/\<br\>/ig,' '); tdata=tdata.replace(/(\r\n|\n|\r)/gm," "); tdata=tdata.replace(/\[img\](.+?)\[\/img\]/ig,''); tdata=tdata.replace(/\[php\](.+?)\[\/php\]/ig,''); tdata=tdata.replace(/\[quote=(.+?)\]/ig,''); tdata=tdata.replace(/\[size=(.+?)\]/ig,''); tdata=tdata.replace(/\[\/quote\]/ig,''); tdata=tdata.replace(/\[\/size\]/ig,''); tdata=tdata.replace(/\[code\](.+?)\[\/code\]/ig,''); tdata=tdata.substr(0,250); $('span[name=ftext]:eq('+j+')').html(tdata+' ...<div align="right" class="smd"><a href="'+l+'">Read More »</a></div>'); }) } cou = document.getElementsByName('tix').length; for(j=0;j<cou;j++){ h = $('span[name=tix]:eq('+j+')').find('a').attr('href'); tload(h,j); } </script></div> <div><script language="javascript"> var msg=document.getElementsByName("lset"); for(var i=0;i <msg.length;i++){var txt=document.getElementsByName("lset")[i].innerHTML; txt=txt.replace(/\n/ig,''); txt=txt.replace(/\<a href="(.+?)">(.+?)<\/a>/ig, '<a href="$1">$2</a>'); txt=txt.replace(/\<a href="(.+?)">(.+?)@(.+?)<\/a>/ig, '<a href="$1">$2</a>'); document.getElementsByName("lset")[i].innerHTML=txt; }; </script></div></p>
Copy code you can reduce the 0,250 to 0,150...
To make image show..make sure the 1st thing in your post is img [img]the image link[/img]....
