Register Login Featured
Stats: 2294 members, 1523 topics. Date: Thursday, 16th August 2018

General Wordpress Blogspot Forums Crypto Traffic Money

Simple Tutorial on how to create a chat site in wapka

Simple Tutorial on how to create a chat site in wapka by : 12:31 pm On November 8, 2017

Hi, in this tutorial I am going to show you how is possible to design your chat page and add some similes or some more features, its so simple to do..

I know every one of you wanted to add chat service in your site but don’t know how, I wast requested to writ about chat page and here I am.. 🙂 I will show you how to design your cha page, how add smilies, how to use wcode in your chat text and many other options will be introduced in this tutorial.. Lets do it..

Login to your free wapka account > Goto Admin Mode > Add a chat page via ES > Chat

Now goto ES > Wap2 > Click Styles for content in forum/chat link > Now under the text Set styles only for: you will find chat ID that we have added in step 3 just click on its ID (i.e. ch:41373) > Now under the text or set own form for: click Messages in chat link, this will send you to the chat style changer page..

In chat style changer page you will see two text boxes.. These two textboxes have some different tags, explained below..
In the first box you can change styles for your chat one message and all other messages will loop on the basis of this style.. Ooops, I mean that the other messages will have the same style as well.. Hope you got it:) In this box you can use following tags, explained below

::date:: = This tag adds the date of the message when it was added, you can change its format, will tell you later in this tutorial.. You can add any HTML tag to design the tag.. i.e. can add div tags or more.

::user:: = This tag will display user name who added the message.. You can make it bold with HTML..

::msg:: = This is th text that user added.. You can set HTML p tags to make it paragraph or do whatever you like.. No restrictions from my side..

::prvar-N:: = This tag helps to get info from user profile page, I know I have not explained about profile variables in wapkatutor.. Please ask if you wanna know more about it as comment to this tutorial..

::url_pchat:: = This tag is helpful if you wanted to allow private chat between users.. You can also design private chat site page as you like.. This tag should be used in HTML a tag.. i.e.

[php]Private Chat[/PHP]

All above code can be added in first box only.. You can add any HTML tags and styles in the first box of chat styles page.. You can make it as stylish as you want with CSS or HTML and even Javascript can be used in it.. 🙂

Now under this text Style of the chat site:** is the second box. This box contains text that will design our whole chat page, so here you will some useful options as well.. Following are the lists of available tags to be used in this box with explanations..

::REPLY:: = This tag create or in other words adds the link or textarea form to the chat page that lets the user to add the new chat message.. You can select link or textarea form as you like.. It all depends on you.. You can design it with HTML and CSS as well..
::REFRESH:: = The second tag that you can use in the second box is ::REFRESH:: , this tag adds the refresh link by which user can refresh the page easily.. Although chat site is refreshed automatically after set amount of time.. 🙂

::MESSAGES:: = This is simple tag and is mandatory tag used to add all the data from the first box above..

Above are all the tags thats helps you to make your chat site user friendly and awesome.. You can design it as you like and can add HTML with CSS or only HTML..

If you are satisfied with the design just click the SET button and it will change the chat page in seconds..

Now then, if you want to tweak your chat page more then you can do it in very simple way.. just Goto ES > GLOBAL SETTINGS > CHAT > you will have following options to edit/change/moderate..

Count of messages on one page: set count of messages in chat site..

Delete messages older than (in hours): Set te hours in numeric value to delete the old posts in the chat automatically..

Refresh time (10-300 seconds): Set time to automatically refresh chat page.. You can set a time in seconds between 100 and 300 seconds

Maximal count of letters in one message: Set the maximam letters in one message, letters more than the limit will be deleted..
Time format (syntax)*: Set time format used in ::DATE:: tag.. If you want to show 1 hours ago, 2 days ago etc.. just set time format as —

Private message user name format (recipient): and Private message user name format (sender): are there to set the style of sender and receiver in private messages in chat, I don’t know why admin has added it here in this form but anyways…. 🙂

Allow smilies in messages is used to set smilies in forum, like 🙂 🙁 😀 etc..

Allow icons in messages allows you to add icon in your chat page.. Click the SET link to add icons and set its text.. With this .happy. will be changed to the set picture whenever user used it in message

If you marked Display adding form at the top of site with messages: option you will see the new message form at the tp of your chat page..

Enable WCODE option lets your users to include allowed wcodes in their chat messages, you can set allowed wcodes by clicking the link after the text..

Enable SPAM black list (set): Allows you to set the spam message blocker system in your chat page, by clicking SET link you can modify the blacklist text..

Enable chat private messages (select menu in front of message box): It will enable the chat private message in the chat page which allows user to see new private message in chat page..

Enable welcome message: Whenever new user will enter or join the chat he/she will see the welcome text, you can set it by clicking the set

Allow change color of the text: User will be able to see the select box with your defined colors with the new message form to change the color of chat message if you marked this option, you can allow colors click the Set link

Hide messages from blocked users (blocked in priv. messages list): It allow you option to hide the messages by users from blocked users list.. So users that are blocked won’t see any messages by whom he was blocked

Every time you end up setting, don’t forget to click the SET button at the end of the form…

Thats it, go and check your chat page..

You can do many more in your chat page, I will write more about them in future tutorials… But that’s it for now, I hope this tutorial will help you to make your chat site best than all… Comment for quick reply..


Publication author

offline 2 months


18 - An All in one Solution Forum Where we discuss Blogging related Issues, Make Money Online, Traffic and Adsense tips. Etc.

Comments: 103Publics: 664Registration: 31-10-2017

Re: Simple Tutorial on how to create a chat site in wapka by raymy: 12:04 pm On July 17, 2018
Who’s still using wapka


You must be logged in to post a comment.


(Go Up)

Links: (0) (1) (2) (3) (4) (5) (6) (7) (8) (9)

GitHubNg.Com - Copyright © 2017 - Henry Ijogu. All rights reserved. See How To Advertise.
Disclaimer: Every member is solely responsible for anything that he/she posts or uploads on this Forum.


Password generation