Welcome to another wapka tutorial on Tech4sky.com. Today, am going to be giving an in-depth tutorial on how to create an activity stream or what’s on your mind (as seen on facebook) to your wapka powered community wapsite.
Without much Ado, let me go straight to the tutorial. Follow the instruction as outline below to achieve this feet.
- Create two pages. Lets assume our two pages site-ID is A & B
- Add the below code to the page you want the activity stream/what’s on your mind to display
<div style="marging-top: 2px; padding-top: 6px;"><form method="post" action="blog_:getid-site:.xhtml?get-stat=stat" >Whatz on your mind?<input type="hidden" name="blog_title" value="Dont touch here" />:admin-hash-input:<br/><input type="hidden" name="return_get" value="&get-stat=stat"/><input type="hidden" name="fnc" value="new"/><table cellspacing="0" cellpadding="0"><tr><td><left><textarea name="blog_body" rows="4" cols="19"></textarea>:admin-hash-input:</left></td><td valign="top"><input type="submit" name="submit" size="10" value="Share"/></td></tr></table></form></div> :bloglist:o=:get-sort(n) :,l=10,t=--,s=:geti-number(1) : ::<div class="box"><b>%lname%</b> <span class="rainz"><big>%text%</big></span> <a href="site_A.xhtml?get-site=:getid-site:&get-blog=%id%:admin-hash-amp:">see more</a>:br:<small>%time% . <img src="/img/1537/1537910_9d0a163a23.png" /> %views% . <a href="site_B.xhtml?get-site=:getid-site:&get-blog=%id%:admin-hash-amp:">like</a> . <a href="%comments_url% ">%comments_count%<br/>comments</a><br/>%del% %edit%</small></div>::<div class="hr"></div>:/bloglist: <div class="hr"></div>:paging:n=:geti-number(1) :,u=site_:getid-site:.xhtml?get-number=%n%:admin-hash-amp:::<a href="site_:getid-site:.xhtml?get-number=:math::geti-number(1):+1:/math::admin-hash-amp:"><table><tr><td><img src="http://wfs01.wapka.mobi/1332/1332014_501ef3ce5d.png"/></td><td>See More Stories</td></tr></table></a>:/paging: - Next, we going to design the continue reading page to read full activity stream text.
Add the below code to site-id A to achieve this:<div class="m2" style="margin-top:5px">Continue Reading</div><br />:bloglist:o=n,l=1,x=i ::<big><b>%lname%</b> <div class="fullbg">%text%</div></big><small>%time% . <img src="/img/1537/1537910_9d0a163a23.png" alt="" /> %views% . <a href="site_B.xhtml?get-site=:getid-site:&get-blog=%id%:admin-hash-amp:">like</a> . <a href="%comments_url%">%comments_count%<br/>comments</a><br/>%del% %edit% <a href=":url-site-<:">back</a></small><div class="hr"></div>:: :get-blog: :/bloglist: <div style="margin-top:1px;padding: 3px;"></div> - Lastly Add the below code to count and store the number of likes on the activity stream:
<meta http-equiv="refresh" content="1;URL=/site_:get-site(1):.xhtml?:admin-hash-amp:&get-blog=:get-blog:"/><br />:bloglist:o=n,l=1,x=i,v=1 :: :: :get-blog: :/bloglist: click <a href=":url-site-:get-site(1)::">here</a>
Follow the instruction above and you will be able to create a nice looking activity stream.
P.S if you’re viewing this tutorial via mobile phone, ignore the
and present in the code.
If you want to inherit the css styling for the class in the codes above, use this CSS stylesheet @ http://wapden.wapka.mobi/styles.css.
HOPE YOU LOVE THIS SERIES OF WAPKA WAPSITE TUTORIALS? Watch out for next…