VNorm

Follow Us

Web Technology

Web technology refers to technology that create website include css,html,js and other

Default cover image
Zoom in zoom out animation in CSS

We are creating an animation class .zoom-in-out-element, make it repeat forever, and apply it to HTML element. Explain the detail of the animation set: Here is Css /* animation */.zoom-in-out-element { animation: zoom-in-zoom-out 3s ease infinite;}@keyframes zoom-in-zoom-out { 0% { scale: 75%; } 50% { scale: 100%; } 100% { scale: 75%; }} Here is […]

How to add PhpMyAdmin to Laragon
How to add PhpMyAdmin to Laragon

If you run Laragon and see the error 403 when accessing http://localhost/phpmyadmin/ . You can add PhpMyAdmin to Laragon by following this step: make sure you are installed Laragon already Check laragon\etc\apps , does it have PhpMyAdmin? If it does not have to go to download https://www.phpmyadmin.net/downloads/ ,extract and rename PhpMyAdmin. Restart Your Laragon then you […]

Default cover image
how to add second logo in wp customizer

Some websites have a corporate partner and want a second logo, but all of you know WordPress has only a primary logo and want to find a tip to solve this issue. To add a second logo in the WordPress Customizer, follow these steps: Using customize_register in functions.php register second logo in function.php function mytheme_customize_register( […]

html long link not responsive with long string of text
html long link not responsive with long string of text

We’ve got some long text strings (no spaces in between) in design, and we are wondering how to deal with these when it comes to responsive sizing. Here’s what I’m dealing with: Here’s a snippet with the CSS code to fix: a { text-decoration: none !important; color: var(–primary); font-weight: 600; word-wrap:break-word; overflow-wrap:break-word } after fixing […]

Default cover image
Top 10 most popular programming language in 2025

Nowadays, we know and see coding skills hold immense value in technology beyond 1990 till 2025, with effects on career advancement being profound. Extremely popular languages such as Python, JavaScript, and Java gain immense popularity owing largely to soaring demand very quickly. Widely used programming languages rely heavily on factors like project usage and community […]

how to improve seo and increase audience for your website
how to improve seo and increase audience for your website

To increase your audience and boost your SEO (Search Engine Optimization), you’ll need to implement a mix of technical strategies, content creation, and marketing campaigns. This is a step-by-step guide to help you improve your website’s SEO and draw in more visitors: Keyword Research Look at the keywords your competitors are ranking for and use […]

Moodle – how get total course completed and login chart in current year into dashboard page
Moodle – how get total course completed and login chart in current year into dashboard page

To add the total course completed and login chart in the current year to the dashboard, you need to get a query from course complete and login from the database. We created 2 series in the same chart, one is a bar chart (stand by total login) and another is a series type line (stand […]

Default cover image
(100% worked) How to fix PHP is not recognized as an internal or external command for Xampp Or Wamp

5 steps for fixing PHP is not recognized as an internal or external command for Xampp rr Wamp. You can follow the tips below. Go to My Computer->properties -> Advanced system setting-> Environment Variables->path (click on Edit) Step 1 : First, you need to right click on This PC -> Properties Step 2 : next […]

Default cover image
Useful HTML elements Every Web Developer Should Know

list <ol> and <ul> there is an ordered list and an unordered list Unordered HTML List  <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> Ordered HTML List <ol> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol> <table> <table> <thead> <tr> <th>id</th> <th>name</th> <th>description</th> <th>company</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>lak lin</td> <td>my description</td> <td>ABC</td> </tr> </tbody> </table> <hr> tag  <fieldset> <embed> The <figure> tag […]

Default cover image
How to loop post under category in wordpress

To loop posts under categories, you should know something. get_categories($args): Arguments to retrieve categories and we want to return array List of category objects that   ‘parent’ => 0 .  $categories = get_categories(array(              ‘parent’ => 0, ‘order’=>’DESC’,              )); foreach ( $categoriesas$category ): loop category , show category name and add herf for category […]

boostrap columns left in desktop and right in mobile
boostrap columns left in desktop and right in mobile

When you want to change columns left on desktop and right on mobile, we always think about the responsive screen.This tip will help you. following the below code : <div class=”container”>     <h1>boostrap column left in desktop and right in mobile</h1>     <div class=”card”>         <div class=”row”>       […]

Boost your revenue potential with the new ad intents format for Auto ads
Boost your revenue potential with the new ad intents format for Auto ads

google adsense released on 16 April 2024 about the new ad intents format for Auto ads,google adsense’re launching a new format for Auto ads called ‘ad intents’. Ad intents is an intent-driven format that places links and anchors into existing text and pages on your site related to your content. When a user interacts with […]

How to Disable Attachment Pages in WordPress without using plugin
How to Disable Attachment Pages in WordPress without using plugin

WordPress generates a URL for whatever file you post, including images. You can use a direct link or conduct a search to find this URL. Some people might prefer to block the attachment pages for different kinds of media, though. This is due to the possibility that a visitor will click on one of those […]

How to add theme support for the Title tag
How to add theme support for the Title tag

The meta title is the HTML element that labels a webpage and appears in the browser tab and search engine results pages. Generally, when we optimize your website with PageSpeed Insights, you will see a missing <title> in the result. If you use WordPress, you can solve this problem by doing as below: Method 1: […]

how to create custom scrollbar on sticky table with css
how to create custom scrollbar on sticky table with css

the table is sticky for the first table th and table td. Selector elements was used : ::-webkit-scrollbar — the entire scrollbar. ::-webkit-scrollbar-thumb— the draggable scrolling handle. ::first-of-type— every element that is the first child, of a particular type, of its parent. Css style on table : :root{ –primary:#0B3259; } table { margin: 1em 0; […]

Site-level approval process is launching for AdSense for Search (AFS) sites
Site-level approval process is launching for AdSense for Search (AFS) sites

Google Adsense goes live on 6 March 2024 apparently from 4 March 2024 you gotta add your site to Sites page before showing ads via AFS on a new site somehowNew sites get vetted through a domain validation process that scrutinizes ownership credentials and content editing permissions somehow. Scrutiny falls on site adherence to AdSense […]

How to make image appear when sharing link to Twitter in wordpress (without using plugin)
How to make image appear when sharing link to Twitter in wordpress (without using plugin)

Twitter is a great way to promote content from your website and engage with other users. When you submit a link on Twitter, Twitter analyzes the meta tags from your tweets to decide which type of Twitter Card to use. You can add the code below to share your content, title, description, and image to […]

Google Ads vs AdSense: What’s the Difference?
Google Ads vs AdSense: What’s the Difference?

Google Adsense Even though Google creates both Google AdSense and Google Ads,Publishers use Google AdSense. The Google AdSense program can be a good fit for you if you run or own blogs, forums, or websites and would like to make money from them. Your digital property may have advertisements, and you may get paid according […]

How to Add HTTP Security Headers in WordPress
How to Add HTTP Security Headers in WordPress

What Are HTTP Security Headers? With the use of HTTP security headers, your website’s server can thwart typical security risks before they have a chance to compromise your website. Your web server replies to the user’s browser with an HTTP header when they visit your WordPress website. Browsers can learn about error codes, cache control, […]

How to Add Facebook Open Graph Meta Data in WordPress without plugin [OG tags]
How to Add Facebook Open Graph Meta Data in WordPress without plugin [OG tags]

Since most content is shared to Facebook via URLs, you should use Open Graph tags to mark up your website so you can manage the appearance of your content there. In order for our crawler to properly share your website, your server also has to be using the gzip and deflate encodings. In the absence […]

how to setup iTop [Install iTop]
how to setup iTop [Install iTop]

Before you install iTop,you should check the requirements. requirements: Minimum Hardware requirements iTop compatibility list check the itop version with the Minimum required → Max supported in php and MySql Configuring your webserver Apache Httpd iTop packages contains built-in configuration for Apache Httpd (.htaccess files) Microsoft IIS iTop packages contains built-in configuration for Microsoft IIS (web.config files) […]

how to config Microsoft Office 365 mail in wordpress code without using plugin
how to config Microsoft Office 365 mail in wordpress code without using plugin

hello guide, we will show you how to set up Microsoft Office 365 for WordPress email. first, we need to setup office 365 for sending mails from website and added the code to functions.php and wp-config.php. we will show you about 2 steps of configuration: configure in wp-config.php // Define constants for SMTP settings define( […]

DIfference of cohorts and groups/grouping in Moodle
DIfference of cohorts and groups/grouping in Moodle

To avoid further confusion between cohorts and groups/grouping, please check the following: Cohorts are a method of enrollment by assigning students or dividing students into groups. For example, you want to organize students to study literature, mathematics, and physics. . Groups are created to allow students to chat in groups according to each course or […]

How To Customize WordPress Admin Panel For Free – WordPress Admin UI
How To Customize WordPress Admin Panel For Free – WordPress Admin UI

Everyone is finding about plugins that provide you with the ability to customize, edit, or personalize your WordPress admin panel. The plugins have a lot, and you’re not sure which one to choose to customize your admin interface. Below is shown you how to customize your WordPress, easy, fast and free: Adminify Plugin To download […]

What’s new in WordPress 6.3
What’s new in WordPress 6.3

WordPress 6.3 beta be released yesterday, on August 8th, 2023.In this content, we are going to look into what features are coming in WordPress 6.3 with details.This momentous release opens new possibilities for the creative expression of designers, creators, and builders. Powerful tools and refined controls give users confidence and allow them to easily manage […]

How to start a blog for new Begineer
How to start a blog for new Begineer

Starting a blog is actually really straightforward; we can work everywhere, and the content should describe you. The requirement is to do as below: Buy a domain name, input your favorite name, and describe your blog name. Generally, if you have a new hosting account and some DNS, it will be free for a year. […]

How to add custom font to Moodle
How to add custom font to Moodle

Create new folder in your theme and call it fonts. add your custom font into fonts folder. copied and past your fonts file into fonts directory. following this:  moodle/theme/yourtheme/fonts/ In your themes CSS file add the following: @font-face { font-family: ‘Battambang’; src: url([[font:theme|Battambang.eot]]) format(’embedded-opentype’), url([[font:theme|Battambang.woff]]) format(‘woff’), url([[font:theme|Battambang.ttf]]) format(‘truetype’), url([[font:theme|Battambang.svg#Battambang]]) format(‘svg’); } @font-face { font-family: ‘Kantumruy-Regular’; […]

Default cover image
The Top 10 Search Engines, Ranked by Popularity in 2023

List of the 10 best search engines in 2023, ranked by popularity: Google Microsoft Bing Yahoo Baidu Yandex DuckDuckGo Ask.com Ecosia Aol.com Internet Archive In this chapter, we have compiled a comprehensive list of the top 10 search engines, carefully arranged based on their popularity and widespread usage. The ranking of these search engines has […]