Hello everyone in the forum, I make this tutorial and more detailed and complete, on How to make your own xatframe with Github, as there was nowhere the essential to achieve this goal and many users have been asking us: How do I upload? or how do I get the link to place it on my xat?
- As a first point we must remember to have an account created in: GitHub
- Let's get started:
1. Once we have our GitHub account created, we go to "Repositories" and click on "New" to start uploading our HTML5 xatframe page, which we liked.
2. Then a window will open where we must place the name we want to our "Repository", we keep everything as shown in the image and click on "Create repository".
3. After creating the repository, we proceed to login. This way we will place the xatframe page code that we have previously created. We will achieve this by pressing where it says: "creating a new file".
4. We put the name as we want to name it only that at the end it must have ".html"
5. Once we place our code in the editing area we press the option of: Commit new File.
Note: you can use HTML, CSS and Javascript. before reading the rules of xatframe: https://util.xat.com/wiki/index.php?title=Xatframe#Rules
6. This way we'll already have our code created, but in order to use it and make it compatible with xat we must activate its link. To do this we must go to the tab that says: Settings.
7. A new page will open, where we must look for the area that says "GitHub Pages" and locate in Source and change the option that has by default "None" and place "Master Branch" this we do so that our xatframe page is mounted and can be used in xat directly.
8. After this we give about 2 minutes to the GitHub web page and go back to the Settings tab to see that our xatframe page will already be published and activated as shown below.
9. We return to the Code tab, and proceed to place a description in our file. Created with the link of our xatframe page that can be used directly in xat. This code is unique and will have a special form, we will attach how the link is composed:
10. URL example:
11. The link of my xatframe page would be this way:
General notes:
After creating a HTML file or make an update on a file, it can take up to 5 minutes until it becomes live on the Github page.
With this link we go to our xat and place it in the appearance area in the xatframe box and proceed to save.
I hope it was to your liking and that it freed up a lot of doubt when you tried to upload your own xatframe page to xat.
Regards,
BochonMix changed their profile photo
