Fix Email Issues in CyberPanel with SMTP Relay Setup Free Method. First Create a email using your Cyberpanel Under Emai Tab Create Email Second go to the SSL tab and click …
You’ve probably seen many examples of password strength indicators around the web. They let users know the password they’re using is weak and indicate how the strength changes when it’s modified. …
Fix Email Issues in CyberPanel with SMTP Relay Setup Free Method. First Create a email using your Cyberpanel Under Emai Tab Create Email Second go to the SSL tab and click …
Fix Email Issues in CyberPanel with SMTP Relay Setup Free Method.
First Create a email using your Cyberpanel Under Emai Tab
Create Email
Second go to the SSL tab and click on MailServer SSL, then select your domain and press Issue SSL button.
Third Create a free account in https://account.sendinblue.com/
And add your domain
Click on Domain and Add your domain. After adding the domain you need to verify txt SPF and DKAIM
one by one copy the key and paste it on you cyber panel domain under the DNS tab Add/Delete Records .
Once completed the task you can see your domain is verified.
Download putty and open your server using SSH
sudo su -
nano /etc/postfix/main.c
Scroll to the bottom of the config and paste in the additional config. If you’re not using Sendinblue, you should change the server address in the first line:
You’ve probably seen many examples of password strength indicators around the web. They let users know the password they’re using is weak and indicate how the strength changes when it’s modified. …
You’ve probably seen many examples of password strength indicators around the web. They let users know the password they’re using is weak and indicate how the strength changes when it’s modified. In this tutorial we’ll be building a password strength indicator like the following
Let’s start with the HTML creating a password input field and a password strength <div> that we can style later on to give a visual representation of password strength:
To determine the password strength we’ll be using the zxcvbn JavaScript library which i’ve included via CDN. It’s also available as a standalone download and NPM package:
We’ll then use an event listener to check the password strength each time a character is added or removed from the password input field:
pwd.addEventListener("input", function () {
const pwdVal = pwd.value;
let result = zxcvbn(pwdVal);
pwdStrength.className += "strength-" + result.score;
});
The score returned from zxcvbn() is on a scale between 0 and 4. We then add this score as a class on the password strength <div> so we can apply different CSS styles based on the score that’s returned.
That’s completes the JavaScript, now for the CSS starting with the password label and input field:
In this short instructional exercise we will cover a htaccess deny admittance to document augmentation. we should examine about htaccess limit admittance to document augmentation. This article will give you straightforward …
In this short instructional exercise we will cover a htaccess deny admittance to document augmentation. we should examine about htaccess limit admittance to document augmentation. This article will give you straightforward illustration of htaccess deny admittance to php records in transfers organizer. bit by bit make sense of forestall direct admittance to php document htaccess. You simply need to a stage to done htaccess cripple document expansion access.
Deny Access to .htaccess itself
# Deny access to .htaccess
<Files .htaccess>
Order allow,deny
Deny from all
</Files>
To conceal every one of the substance of the catalog without illegal message, utilize the IndexIgnore order essentially.
# Hide the contents of directories
IndexIgnore *
To hide some filetypes only, use
# Hide files of type .png, .zip, .jpg, .gif and .doc from listing
IndexIgnore *.png *.zip *.jpg *.gif *.doc
3. Prevent access to certain files
Even if you remove directories and files from listing, they are still accessible if you type the path.
To remove unauthorized access to certain file extensions, use
# Deny access to files with extensions .jpg, .psd, .log, .sh,jpg
<FilesMatch "\.(?:inc|jpg|jpeg|rb)$">
Order allow,deny
Deny from all
</FilesMatch>
# Deny access to filenames starting with dot(.)
<FilesMatch "^\.">
Order allow,deny
Deny from all
</FilesMatch>
You may also password protect files and directories and store the passwords in a .htpasswd file.
# Password protect files
<FilesMatch "^(execute|index|myfile|anotherfile)*$">
AuthType Basic
AuthName "Mypassword"
AuthUserFile <Full Server Path to .htpasswd file>/.htpasswd
Require valid-user
</FilesMatch>
CyberPanel is a modern & free control panel loaded with feathers. It is a great alternative to cPanel or Plesk. In fact, it outshines other open-source control panels like Virtuamin, VestaCP, …
CyberPanel is a modern & free control panel loaded with feathers. It is a great alternative to cPanel or Plesk. In fact, it outshines other open-source control panels like Virtuamin, VestaCP, CentOS Web Panel, etc. It works on top of the OpenLiteSpeed server. Apart from installing normal applications like WordPress, Joomla, Magento, Prestashop it also features email marketing application like Mautic. Some of the features of cyber panel are given below
In built Email Marketing Section
Auto SSL
Docker Containerization
Email List Verification
Out of box Word Press installation
. Easy Backup
Multi PHP
File Manager
Incremental backup
Firewall / Security
FTP server etc.
In this article, you will learn to install Cyber Panel on Ubuntu 20.04. You will also learn to create a WordPress website on CyberPanel.
A VPS or cloud with atleast 1 GB RAM. I am using https://webcore.in in this demonstration. I have prepared list of VPS with open port 25, just in case you want to provide emailing to your customers as well.
Though CyberPanel recommends getting a minimum of 1 GB of RAM, I highly recommend you to get at least 2 GB RAM. This will save you from trouble later.
I already have a video lecture on how to purchase VPS from Contabo, that you can follow to buy the VPS.
Installing Cyber Panel
Installation of Cyber Panel is pretty straightforward and no brainer. All you need to do is run a single command to install it. But before that you should update Ubuntu.
Connecting to Remote VPS
Once you have the IP address, username, and password for the VPS, first of all, connect to remote VPS. If you are on a Windows machine you will need a special SSH client called Putty or BitVise. Linux and Mac user can open their terminal.
First of all switch to root user
sudo -i
The next update the OS
apt update -y
After that upgrade the packages using the following command.
apt upgrade -y
Now next command will begin the installation of Cyber Panel.
sh <(curl https://cyberpanel.net/install.sh || wget -O - https://cyberpanel.net/install.sh)
Following this, you will be asked a few questions, just answer them.
CyberPanel Installer v2.1.1
1. Install CyberPanel.
2. Exit.
Please enter the number[1-2]: 1
Here answer 1 obviously
CyberPanel Installer v2.1.1
RAM check : 223/1682MB (13.26%)
Disk check : 4/30GB (18%) (Minimal 10GB free space)
1. Install CyberPanel with OpenLiteSpeed.
2. Install Cyberpanel with LiteSpeed Enterprise.
3. Exit.
Please enter the number[1-3]: 1
Here also you have to answer 1, otherwise, you need a license to the enterprise version
Install Full service for CyberPanel? This will include PowerDNS, Postfix and Pure-FTPd.
Full installation [Y/n]: Y
In the above screen answer Y
Do you want to setup Remote MySQL? (This will skip installation of local MySQL)
(Default = No) Remote MySQL [y/N]: N
Here, your answer should b N, unless you have remote MySQL. After that, you will be asked to press enter to continue.
Press Enter key to continue with latest version or Enter specific version such as: 1.9.4 , 2.0.1 , 2.0.2 ...etc
Next, you will be asked to set a password. I usually set the password instead of choosing the other 2 options. Therefore answer s.
Please choose to use default admin password 1234567, randomly generate one (recommended) or specify the admin password?
Choose [d]fault, [r]andom or [s]et password: [d/r/s] s
On the next screen type your password and enter
Please enter your password:
Password: Confirm Password:
Next, answer Y to install Memcached and other PHP extensions. These will be required later.
Do you wish to install Memcached process and its PHP extension?
Please select [Y/n]: Y
Further, you will be asked whether you want to install the Redis process and its extension. Answer Y.
Do you wish to install Redis process and its PHP extension?
Please select [Y/n]:
At last, you will be asked whether you want to set up a watchdog. I usually answer Y, even though this is in beta.
Would you like to set up a WatchDog (beta) for Web service and Database service ?
The watchdog script will be automatically started up after installation and server reboot
If you want to kill the watchdog , run watchdog kill
Please type Yes or no (with capital Y, default Yes):
Y
At the end of the installation, you will be given login credentials as follows. You will also be asked to restart the server. Answer Y to that.
CyberPanel Successfully Installed
Current Disk usage : 9/194GB (6%)
Current RAM usage : 308/7961MB (3.87%)
Installation time : 0 hrs 12 min 0 sec
Visit: https://194.163.163.12:8090
Panel username: admin
Panel password: *****
Visit: https://194.163.163.xx:7080
WebAdmin console username: admin
WebAdmin console password: 9xBXiJwdQWvbFwUv
Visit: https://194.163.163.xx:8090/rainloop/?admin
Rainloop Admin username: admin
Rainloop Admin password: Q54ZP8j18Rw3pD
Run cyberpanel help to get FAQ info
Run cyberpanel upgrade to upgrade it to latest version.
Run cyberpanel utility to access some handy tools .
Website : https://www.cyberpanel.net
Forums : https://forums.cyberpanel.net
Wikipage: https://docs.cyberpanel.net
Docs : https://cyberpanel.net/docs/
Enjoy your accelerated Internet by
CyberPanel & OpenLiteSpeed
###################################################################
If your provider has a network-level firewall
Please make sure you have opened following port for both in/out:
TCP: 8090 for CyberPanel
TCP: 80, TCP: 443 and UDP: 443 for webserver
TCP: 21 and TCP: 40110-40210 for FTP
TCP: 25, TCP: 587, TCP: 465, TCP: 110, TCP: 143 and TCP: 993 for mail service
TCP: 53 and UDP: 53 for DNS service
Would you like to restart your server now? [y/N]: y
Now open the first URL https://194.163.163.xx:8090 in the browser and log in to Cyber Panel.
Creating Website and Updating Nameservers
Now the first thing you should do is to login into the domain registrar and create hostnames. Also, known as custom nameservers or glue records. Usually, every domain registrar has a tutorial for this.
Next, open websites
Then Create a Website
Now fill in the details like domain name, email, select PHP and check the required boxes. I usually check them all.
Click create a website and your website will be ready.
Now to create nameservers, go to Create Nameserver
Installing and Enabling SSL
To install SSL for both website and cyberpanel, go to SSL in left menu
Now Install your WordPress or PHP whatever you want.
It’s easy to install WordPress on CyberPanel. Go to the Websites in the left menu and then List Websites and then Manage.
Now scroll all the way to the bottom. There you will find WordPress and other options
You can find WP+LSCache
Fill in all the information asked for WordPress and click Install Now
After installation, go to your URL to enjoy freshly installed WordPress on LiteSpeed server.
WHMCS Secure WHMCS is a hosting and billing management software that automates your hosting and domain business. There are many hackers as well as intruders who are trying their best to …
WHMCS is a hosting and billing management software that automates your hosting and domain business. There are many hackers as well as intruders who are trying their best to hack and exploit the WHMCS system.
WHMCS stores very sensitive data of your client like server login, clients name, card details You have a lot of data from your customers whose hosting plans are running. All of your registered domains, in addition to server access, provide a large amount of confidential data. There is a great need to protect your WHMCS system. We continuously monitor various security channels in relation to our customers’ complaints. Therefore, to avoid hackers, malware infections, and vulnerability exploits, it is necessary to follow some security measures.
Six Steps To Secure Your WHMCS
1. Securee Writable Directories
Old
$attachments_dir = “/home/username/public_html/attachments/”;
$downloads_dir = “/home/username/public_html/downloads/”;
$templates_compiledir = “/home/username/public_html/templates_c”;
After Moving to Pricate
$attachments_dir = “/home/username/whmcsdata/attachments/”;
$downloads_dir = “/home/username/whmcsdata/downloads/”;
$templates_compiledir = “/home/whmcsdate/username/templates_c”;
2. Secure the “configuration.php” file
Securing the configuration.php is very important because it contains database username, password and Hash Encrypt and Decrypts Key, you need to change the permissions for the “configuration.php” file which is in your WHMCS root directory. This is one of the files you cannot recover without backing up the file. adjusting the permissions for the “configuration.php” file in your WHMCS root directory. Change permission set to 400, which will help prevent accidental editing, overwriting, and deleting. Eventually, it will provide read-only access to the file and prevent anyone else from spoofing.
3. Move the Crons directory
Here, we recommend you move the crons folder to a non-public directory which is located above your web root to stop the web-based access. For the relocation, firstly, you need to choose a new location for your crons folder and secondly, uncomment the WHMCS path as well as provide the full path to your WHMCS installation. You need to add the following line to the configuration.php:
$crons_dir= ‘/home/username/whmcs_crons’;
4. Restricting access by IP
To add more privacy to your admin area, you can restrict access to a particular set of IPs. This can only be done by creating a file namely, .htaccess within your admin directory of WHMCS along with the following:
order deny, allow
allow from 15.34.5.67
allow from 98.77.54.32
deny from all
5. Changing WHMCS Admin Folder Name
changing whmcs admin location is very important in whmcs to secure your whmcs admin login area, to customize whmcs admin folder will help your whmcs to get more secured.
Open the configuration.php file within your WHMCS installation’s root directory
At the bottom of the file (before the closing PHP tag ?> if one exists), add the following line:$customadminpath = “myadminfoldername”;
Replacing myadminfoldername with the name you wish to use for your admin directory. This should just be the directory name, not a full path.
If your configuration.php file already contains a custom admin path definition, you can simply update the existing line
Rename the admin directory to the name you specified in step 2 above
6. Enable SSL
the owner of whmcs, which handles all customer data through the billing application, it needs to handle the passage of more sensitive data between it and end-users. Therefore, it is important to have a valid SSL certificate that will allow you to use HTTPS as well as encrypted communication.
Install Mod Security in Easy Apache: You can take additional steps and one of them is installing Mod security in Apache which will help in blocking SQL injection attacks.
install imunify365 on your server
You need to secure your physical server. For this, you need access to the files via SSH/SFTP and relocate the SSH port.
Block all unwanted Ports on your server.
Choose Storgae Password of your whmcs when you setup and make sure there is no other CMS platform hosted in same hosting account or sub folder like wordpress.
One more step is to backup your server and the database files of the server.
In this article, I will show how to install a Cyber panel on Digital ocean. One-click install very Simple and easy process In this article, I am going to show how …
In this article, I will show how to install a Cyber panel on Digital ocean. One-click install very Simple and easy process
In this article, I am going to show how to install Cyber Panel on Digitalocean. One-click install very Simple and easy process. Host a PHP based website on Cyberpanel full process Step by Step
Let’s start…
If you have already registered then login into your Digital Ocean panel
Click Marketplace and search Cyberpanel.
Choose a plan Basic and Select Regular Intel with SSD and choose 10$/month CPU option.
Choose a data center region
if you are from India choose Bangalore
Select an additional option IPV6
Create a root password to access Droplet (less secure)
Create a Complex Password for your droplet otherwise, you cant create a droplet
Note: You can choose SSH keys this is more secure.
Click on Create Droplet. it will take 5 to 10 minutes according to your internet speed.
Once your droplet is ready then you can get your droplet IP on the top.
Copy the IP and open your terminal.
ssh root@your droplet ip
password= your droplet password
Once Successfully log in you were asked for an update. Simply type Y and press Enter. Once Complete the update restart your terminal or exit.
Again login with ssh and you will get the cyber panel link and PHPMyAdmin link
sudo cat .litespeed_password
This command will generate your cyber panel admin user and password.
Now You can log in with this credential. Cyber Panel Completely installed
I find front-end development a lot tougher than back-end development. Generally, in backend development, I know what I’m doing and how everything is interacting with each other, whether the code will …
I find front-end development a lot tougher than back-end development. Generally, in backend development, I know what I’m doing and how everything is interacting with each other, whether the code will run or not. But, when it comes to the front-end the whole story is different.
It is countless hours of googling, trying different things, and experimenting.
I’m not a great front-end developer. So, I decided to improve my skills and went out to find resources from where I can practice.
Learning front-end frameworks like React, Angular is well and good. But, I am more focused on developing my web design skills and my fundamentals of HTML, CSS, and JS.
After spending a lot of hours in research and diving deep into the big world of the internet, I shortlisted these 7 websites that I think are best to practice your front-end skills. These websites will take your front-end skills to a whole new level.
1. Frontend Mentor
Frontend Mentor is a community-based challenges platform. You are given boilerplate codes and resources and then, you are supposed to make the website as per the requirements.
There is no rule that the website should look exactly like the sample. So, you can play around let your creativity run wild.
The barrier to entry to Frontend mentor is almost zero and anyone at any level can come to have a good challenge for himself. It features challenges from the newbie to the guru level so that there is something for everyone.
The best part about frontend mentors is that after you solve a challenge, you upload it to the community and interact with people to earn points. It is not a test, but, a learn, grow and share with others type of platform.
The way to leverage frontend masters is to participate in the community as often as you can and rather than being a perfectionist, put your work out there.
2. 100DaysCSS Challenge
100DaysCSS challenge is focused to drill down on your CSS skills. You will rise up to be a CSS Guru after taking up this challenge (that’s what I have heard).
Every day you are given a new challenge to complete and you have to create or something similar using the same concepts. Creativity is appreciated a lot, especially in CSS communities.
You submit your solution in codepens. If you don’t know what a codepen is, it is an online code-editor tool that lets you write code in the browser and see live results as you build. I would recommend checking it out once.
#100DaysChallenge is a very popular tag on Twitter. You can document your journey there and gain a lot along with the community there. I have seen a great number of experts helping there, too.
3. Dribbble
Dribbble features one of the greatest collections of designs over the internet. You can leverage these already built designs to code their clones.
As a front-end developer, a majority of your job would be to code the designs and not make the web designs yourself. The designs are usually provided by UI/UX designers.
In dribble, you can pick any design you may want to code and start making it.
I would recommend having a buddy programmer with you and you both can challenge each other as to who can clone a design faster. In a way, it would be a healthy competition and would motivate both of you to push your limits.
A great feature of having a buddy programmer is that you both can brainstorm solutions to solve some hard problems together.
4. CodePen Challenges
I mentioned codepenearlier that it is an online editor for you to code. But, it is much more than that. Codepen also offers a community where you can share your work and have a look at other people’s work. The great thing about it is that you can see the codes and how someone made a particular design.
I like spending time on codepen to get a glimpse of some of the best designers and developers out there. It is a luxury that we get to watch and learn from the best.
Codepen also offers a lot of challenges that help you to level up your skills by building things. They have a monthly theme and each week you will be prompted with a new challenge.
There is a huge number of participants and a majority of them share their codepen with others. So, you’ll never feel like you are doing it alone. The community is there to lift you up.
5. Daily UI
Daily UI challenge is also the same as 100DaysCSS where you are required to solve a challenge every single day.
But, daily UI works a little differently from 100DaysCSS. Every challenge is delivered to your mail and you can complete your challenges anytime as you may want.
Daily UI also takes care of weekends and doesn’t send you a challenge at the end of the week. Along, with this, it gives you free templates and resources as a surprise reward.
I feel that Daily UI is a great resource and one should take up this challenge. I know I’ll be starting with this.
Front-end development is hard and a lot of times frustrating. The best way to get good at it is by practicing a lot. So, let’s make some beautiful websites for people to use.
How to install LEMP stack (Linux, Nginx, MySQL, PHP) on Ubuntu 20.04 VPS In this tutorial, we will install the LEMP stack on the ubuntu 20 based server. LEMP consists of …
How to install LEMP stack (Linux, Nginx, MySQL, PHP) on Ubuntu 20.04 VPS
In this tutorial, we will install the LEMP stack on the ubuntu 20 based server. LEMP consists of Linux, Nginx(pronounced as Engine-x), MySQL for database, and PHP as a backend programming language. Together you can use this combination to host a set of high-performing sites on a single server. I will assume that you have finished the initial server setup as described here on your ubuntu server before installing the LEMP stack on Ubuntu 20.04.
If you are already using some other web server like apache2, it is recommended that you uninstall it or rebuild your server from scratch using the console provided by your hosting provider. DigitalOcean gives a convenient way to achieve this in its dashboard.
Let’s install the LEMP stack now. Follow the steps below:
Step 1 – Update the server’s package index
Update the server’s package index by executing the command below:
Once Droplet and Server Installed run the following command
sudo apt update
Step 2 – Install Nginx Install Nginx using the command below:
sudo apt install nginx
Step 3 – Allow Nginx through the firewall Allow Nginx through the firewall using the command below:
sudo ufw app list
sudo ufw allow 'Nginx Full'
You should get a listing of the application profiles:
Available applications:
Nginx Full
Nginx HTTP
Nginx HTTPS
OpenSSH
You can now go to your server’s IP address to check if Nginx is installed successfully. You should see a page like this:
Step 4 – Installing MySQL
Let’s install MySQL using the command below:
sudo apt install mysql-server
This command will install MySQL, and you will be able to see the console by entering “sudo mysql” in the terminal.
sudo mysql
Step 5 – Installing PHP
The last component in the LEMP stack is PHP. Let’s install it using the command below:
sudo apt install php-fpm php-mysql
If you want to host a PHP website, you will have to copy your files to ‘/var/www/html’ and modify the file located at ‘/etc/nginx/sites-available/default’ to look something like this:
these are the additional lines added inside the “location ~ \.php$ {” block
include fastcgi_params;
fastcgi_index index.php;
fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
Create a simple index.php under /var/www/html
Here is a sample index.php site for you to try out:
<?php
phpinfo();
?>
You will now be able to use PHP with Nginx. Thanks for reading..!
Removing .php Extension from URL For example, You need to change the URL from http://test.com/test.php tohttp://test.com/test1. Edit the .htaccess file and add the following settings. Now, If the user accessed /test …
Removing .php Extension from URL For example, You need to change the URL from http://test.com/test.php to http://test.com/test1. Edit the .htaccess file and add the following settings.
RewriteEngine On RewriteCond %{REQUEST_FILENAME}
!-f RewriteRule ^([^.]+)$ $1.php [NC,L`]
Now, If the user accessed /test in the browser, it will show the from /test.php.But still, if any user typed the completed URL as http://test.com/test1.php, this will not redirect. Now you need to add some more rules to the .htaccess file.
Removing .html Extension from URL For example, you need to convert your URL from http://test.com/test.html to http://example.com/test. Edit .htaccess file and add the following setting
RewriteEngine On RewriteCond %{REQUEST_FILENAME}
!-f RewriteRule ^([^.]+)$ $1.html [NC,L]
Now, If the user accessed /demo in the browser, it will show the content from /test.html. Now, You may need to redirect users which typed complete URL as http://test.com/test1.html to the new URL http://test.com/test
Support for password authentication was removed on August 13,2021. Please use a personal access token instead. Set Token authentication for Git operations. From 13th August 2021 password authentication was removed, So …
Support for password authentication was removed on August 13,2021. Please use a personal access token instead.
Set Token authentication for Git operations. From 13th August 2021 password authentication was removed, So in this article, I will show how to set Token Authentication
Log in to your GitHub account and follow the next steps:
In the upper-right corner of any page, click your profile photo, then click Settings. Settings icon in the user bar
In the left sidebar, click Developer settings. Developer Plolicysettings
In the left sidebar, click Personal access tokens. Personal access tokens
Click Generate new token. Generate a new token button
Give your token a descriptive name. Token description field
To give your token an expiration, select the Expiration drop-down menu, then click a default or use the calendar picker. Token expiration field
Select the scopes or permissions, you’d like to grant this token. To use your token to access repositories from the command line, select repo.
Selecting token scopes
Click Generate token. Generate token button
Copy safe your Newly created token as you will use this as your password every time you want to perform a push.
**** Note: Treat your tokens like passwords and keep them secret. When working with the API, use tokens as environment variables instead of hardcoding them into your programs.
