Posts

Showing posts with the label HTML5

How To Embed Image from Google Drive to Your Website Like WordPress, Blogger, and or HTML Pages

Image
As a blogger, you should always consider the importance of having a good quality of image being embedded on your blog or any kind of website that uses image to attract more of their visitors, and one of the main problems of a newbie blogger of any Blog platform such as the WordPress is the size of the image, because as we all know that the higher quality of the image the higher the size it will be which will use up your hosting most especially to those blogger who only use shared hosting. So in this tutorial, we will guide you on how you can actually insert the uploaded image from Google Drive  to your website using only a simple HTML code which is very easy to do, so below will be the step by step guide on how you can actually do it. Step #1: Log-in your Gmail account and go to  https://drive.google.com/  where you need to upload the image you want. Step #2: Once you have done uploading the image you just need to get the ID of the image by simply do a right-click ...

How To Center UL with DIV and Attach Image LIST in HTML and CSS

Image
Very simply, if you know basic HTML and CSS you can do it, I made this post to document myself in the future project, this is to center your list data like a justify one but in center mode, I look at other solution but luckily I see a website which has this kind of style so I made this post to help others looking a solution how to do it, as you can see on the image above the list is image with check icon and this is centered, at first glance you think it's easy, but for advance devs I'm pretty sure they already know this trick, but I just want to share this to some newbie who wants also how to do it. <div style="margin: .5rem 0 16px; font-size: .875rem; line-height: 1.28571429; text-align: center; display: block;"> <ul style="display: inline-block; list-style-type: none; text-align: left; margin: 0; padding: 0; list-style-image: url('https://nahklar.eu/wp-content/uploads/2019/01/checkmark3.png');">   <li>Unsere Mitarbeiter suchen f...

How To Create Login System Using PHP with MySQL Database FREE

Image
Most of the coders especially to a beginner the main thing when developing a web application is to start planning how the system works, what is the purpose, create visual design, plan the database for, and many more, and the next thing to do is, of course, the important part of building a web application is the LOGIN SYSTEM and REGISTRATION  so in this tutorial we will show you how to create a login code using PHP with MYSQL database using mysqli method.] **NOTE: To copy the code, please highlight the code snippet provided on this tutorial right click and copy. DB-CONFIG.PHP Create a file and name it as db-config.php  this will be useful because we are going to communicate on the database. <?php define('DB_SERVER', 'localhost:3036'); define('DB_USERNAME', 'root'); define('DB_PASSWORD', 'rootpassword'); define('DB_DATABASE', 'database'); $db = mysqli_connect(DB_SERVER,DB_USERNAME,DB_PASSWORD,DB_DATABASE);...