General Wordpress Blogspot Forums Crypto Traffic Money
Simple Tutorial on how to create a chat site in wapka
HTML – Black responsive footer template For Every Sites /
How to Fix Image Upload Issue in a WordPress Blog /
Stylish Way To Automatically Load Wapka Forum Posts To Homepage /
Now Trending on GithubNG
|you can now advertise here|
|Simple Tutorial on how to create a chat site in wapka by GitHubNg.Com: 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..
::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.
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..
::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..
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..
You must be logged in to post a comment.