Categories
Website Design

Awesome Glass UI Design Tutorial [Video]

Check out my courses to become a PRO!https://developedbyed.com/🎁Support me on Patreon for exclusive episodes, discord and more!https://www.patreon.com/dev_ed🛴 Follow me on:Twitch: https://www.twitch.tv/developedbyedTwitter: https://twitter.com/developedbyedInstagram: https://www.instagram.com/developedbyed/Github: https://github.com/developedbyed/Blue Wednesday, Shopan – Murmuration https://chll.to/0925e7cdToonorth – Far From Home https://chll.to/a1b07e2dPhilanthrope, Ian Ewing, Sleepy Fish – Plants https://chll.to/34fad848Nymano – False Hope https://chll.to/13def929xander. – Cozy Fire https://chll.to/2276f20ePsalm Trees, Guillaume Muschalle – bringmesun https://chll.to/b3defd7a#ui #design #figma

Categories
Website Design

How To Redirect a URL in WordPress [Video]

Get our NEW Course ➜ https://link.websitelearners.com/WordPress-CourseLearn WordPress and create any Website in less than 7 days with our “Make A Pro Website” WordPress course.Learn how you can redirect a URL in WordPress.Let’s say you’ve a website and you’ve changed the URL of a page in it.Now if someone visits the page, they will get an error like ‘Page Not Found’.So you need to redirect the visitors to the new URL.You can do this by following our 2 simple steps.So let’s get started.Table of contents:00:00 Intro02:27 Install the redirection plugin03:21 Create a redirection05:56 Create a temporary redirection09:17 Domain Redirection (How to redirect your entire website to a new domain)So to redirect the URLwe’re going to do 2 steps.Step 1 : Install the Redirection PluginTo install the plugin, go to WordPress Dashboard Plugin’s Add NewNow search for ‘Redirection’ and click ‘Install’ & ‘Activate’.Once you’ve installed the plugin, you can go to the next step.Step 2 : Create a RedirectionTo create a redirection, first you need to setup the plugin.To set it up, go to WordPress Dashboard Tools RedirectionNow click ⇒ Start Setup Continue Finish Setup FinishedNow you will get a page where you can create a redirection.So to create a redirection to your page,First, copy and paste the old URL of your page in the ‘Source URL’ field.Now in the ‘Target URL’ field, copy and paste the new URL which you’ve saved in notepad.Once you’ve added the old & new URLs, click ‘Add Redirect’.So now you’ve successfully redirected your page.And when someone clicks on the old link they will be redirected to the new URL.Now let’s say you’re making some changes to your site.And you want to show a ‘Maintenance’ page, temporarily to your visitors.To do that, first you need to add a temporary redirect to your page.To add it, go to WordPress Dashboard Tools RedirectionNow copy and paste the URL of your page you’re working on in the ‘Source URL’ field.And in the ‘Target URL’ field, copy and paste the ‘Maintenance’ page URL.Now if you want to create a ‘Maintenance’ page, watch this video ➜ Once you’ve added the maintenance page URL, Click on the ‘Settings’ icon right next to ‘Add Redirect’ button.Now choose ‘Temporary Redirect’ in HTTP code and click ‘Add Redirect’.So now you’ve successfully added the temporary redirect.Now if you want stop the temporary redirect, Go to the Redirections dashboard in WordPress and click ‘disable’ on the page to which you’ve added the temporary redirect.Once you disable the temporary redirect, your original page will be back.===== Bonus Part =====Now let’s see how you can redirect your entire website to a new domain.To redirect your website, Go to WordPress Dashboard Tools Redirection SiteNow in the ‘Relocate to Domain’ field, just enter your new domain and click ‘Update’.So now your site will be successfully redirected to your new domain.Now when someone enters your old domain, they will be redirected to your new domain.So that’s it guys.This is how you can redirect a URL in WordPress.——————————📢 The Tools we use:Get the best tools for your website ➜ https://websitelearners.com/tools/Video Gear We Use ➜ https://kit.co/websitelearners/video-gear-we-use/Our Video Editing Tool ➜ https://bit.ly/2Od546p🙌 Officially: We’re Hiring: https://websitelearners.com/careers/Want your website developed by us? Email us your requirements to contact@websitelearners.com💬 Follow & Chat with us:———————————-Instagram: https://www.instagram.com/websitelearners/Facebook: https://www.facebook.com/websitelearners/Twitter: https://twitter.com/websitelearners/If you have any doubts related to WordPress, Please mail us at contact@websitelearners.com

Categories
Website Design

Bubble Particles Effect in 2 min – Latest Particle Effect Tutorial [Video]

Get 9+ Complete Responsive Web Design course⬇️⬇️⬇️97% OFF – https://www.udemy.com/course/the-ultimate-frontend-web-development-8-courses-included/?couponCode=U_R_CREATIVE——————-Full Course -https://youtu.be/pNcAuqInG6s———————-Download plugin here – https://drive.google.com/file/d/1fN0Zq6VUJtbROQwCcTJSuTPTZU06VEsQ/view?usp=sharingLike our page – https://www.facebook.com/indiandesignrJoin our group – https://www.facebook.com/groups/328971707545530

Categories
Website Design

Build Glass Website with HTML and CSS Tutorial [Video]

Check out my courses to become a PRO!https://developedbyed.com/CODEhttps://github.com/developedbyed/glass-website🎁Support me on Patreon for exclusive episodes, discord and more!https://www.patreon.com/dev_ed🛴 Follow me on:Twitch: https://www.twitch.tv/developedbyedTwitter: https://twitter.com/developedbyedInstagram: https://www.instagram.com/developedbyed/Github: https://github.com/developedbyed/#programming #website

Categories
Website Design

How to Create a Multilingual WordPress Site (Translate site into multiple languages) [Video]

Get our NEW Course ➜ https://link.websitelearners.com/Word…Learn WordPress and create any Website in less than 7 days with our “Make A Pro Website” WordPress courseHire a professional from Fiverr ➜ https://websitelearners.com/fiverr-wordpress Learn how you can make your WordPress website multilingual.Let’s say you’ve a website and when your visitor visits your website,They get an option to view the site in their preferred language. You can do this by following our 2 simple steps.So let’s get started.Table of contents:0:00 Intro0:40 Install ‘GTranslate’ plugin1:34 Add the translate option to your website3:26 Add the translate option to the footer area4:37 Make your website change automatically to the viewer’s browser language.6:06 Display languages in native names6:48 Add country flags next to languagesStep 1 : Install ‘GTranslate’ plugin To install the plugin Go to WordPress Dashboard Plugin’s Add NewNow search for ‘GTranslate’ plugin.This is the plugin which helps you translate your website into multiple languages.Now click ‘Install’ & ‘Activate’.Once you’ve installed the plugin, you can go to the next step.Step 2 : Add the translate option to your websiteSo to add the translate option,Go to WordPress Dashboard Settings GTranslate Now here you need to select the languages which are available to translate your website.Once you’ve selected the languages, Next you need to choose where you want to display the translate option on your website.If you want to display the translate option on menu, Go to WordPress Dashboard Settings GTranslateUnder widgets, right next to ‘show in menu’, choose ‘Primary Menu’.If you want to display translate option in footer section,Go to WordPress Dashboard Appearance WidgetsNow just drag & drop the GTranslate widget to the Footer Widget Area.So this is how you can add the translate option to your website.Now let’s say a person from a different country visits your website. Now instead of he/she changing the language manually to their native language,You can make your website change automatically to the viewer’s browser language.To do that, go to WordPress Dashboard Settings GTranslateNow just enable the ‘Auto switch to browser language’ option.Now if you want to display the languages in the native names,Go to WordPress Dashboard Settings GTranslateAnd enable the ‘Show native language names’ option.You can also display the country flags next to the languages, By changing the widget look option to ‘dropdown with flags’.That’s it guys.This is how you can make your WordPress website multilingual.——————————📢 The Tools we use:Get the best tools for your website ➜ https://websitelearners.com/tools/Video Gear We Use ➜ https://kit.co/websitelearners/video-gear-we-use/Our Video Editing Tool ➜ https://bit.ly/2Od546p🙌 Officially: We’re Hiring: https://websitelearners.com/careers/Want your website developed by us? Email us your requirements to contact@websitelearners.com💬 Follow & Chat with us:———————————-Instagram: https://www.instagram.com/websitelearners/Facebook: https://www.facebook.com/websitelearners/Twitter: https://twitter.com/websitelearners/If you have any doubts related to WordPress, Please mail us at contact@websitelearners.com

Categories
Website Design

Modern Animated Particles Effect in Real world Website Design Latest Particles Effect [Video]

Get 9+ Complete Responsive Web Design course⬇️⬇️⬇️97% OFF – https://www.udemy.com/course/the-ultimate-frontend-web-development-8-courses-included/?couponCode=U_R_CREATIVE——————-Full Course -https://youtu.be/pNcAuqInG6s———————-Like our page – https://www.facebook.com/indiandesignrJoin our group – https://www.facebook.com/groups/328971707545530

Categories
Website Design

What Is Happening With Gamestop Stock? My thoughts… [Video]

Check out my courses to become a PRO!https://developedbyed.com/Today we are going to discuss the craziness that’s going on with Wallstreet, GME stocks and more.🎁Support me on Patreon for exclusive episodes, discord and more!https://www.patreon.com/dev_ed🛴 Follow me on:Twitch: https://www.twitch.tv/developedbyedTwitter: https://twitter.com/developedbyedInstagram: https://www.instagram.com/developedbyed/Github: https://github.com/developedbyed/#gamestop #stocks #wsb

Categories
Website Design

How To Add Web Push Notifications To Your WordPress Website [Video]

Create your account on OneSignal ➜ https://wl.tools/onesignalGet our NEW Course ➜ https://link.websitelearners.com/WordPress-CourseLearn WordPress and create any Website in less than 7 days with our “Make A Pro Website” WordPress courseLearn how you can add web push notifications on your WordPress website.Let’s say you’ve a website and you want to notify your visitors about the latest trends / offers / new updates on your site etc. through a web push notification sent to the visitor browser.And once they open the notification, they will be taken to the page you want them to visit.You can do this by following our 3 simple steps.So let’s get started.Table of contents:0:00 Intro1:00 Create an Account in OneSignal2:10 Add your website to OneSignal account3:57 Connect onesignal account with your website9:20 How to send Push Notification12:40 How to check performance of your notifications13:14 How to send Push Notifications to specific subscribersStep 1 : Create an Account in OneSignal To create an account, click this link ➜ https://wl.tools/onesignalNow click ‘Get started’ and login with your google account.Once you’ve logged in, enter the name of your website and select web push platform.Now click ‘Next’ and your account will be successfully created.Step 2 : Add your website to OneSignal accountTo add your website, Choose ‘WordPress plugin or website builder’ from Choose Integration Now select ‘WordPress’ and enter your site name & site url.If you want to display your logo on the notification, upload your icon and click ‘Save’.And now you’ve successfully added your site to onesignal.Once you’ve added your site, you will get your unique APP ID & API KEY.Step 3 : Connect your onesignal account with your WordPress websiteTo connect your account, you need to install the ‘OneSignal’ plugin.To install the plugin, go to WordPress Dashboard Plugin’s Add NewNow search for ‘OneSignal’ and click ‘Install’ & ‘Activate’.Now to connect your account, you need to add APP ID & API KEY to your site.So go to WordPress Dashboard OneSignal Push ConfigurationNow copy the APP ID & API KEY from OneSignal and paste it on your site.Once you’ve entered the details, you can change the default settings like turning off the notification disappears after a few seconds, Automatic prompt asking new visitors to send notifications etc..Now click ‘Save’ and you’ve added push notifications successfully to your site.Now when a visitor visits your site all they have to do is click ‘Allow’ to subscribe for notifications.Now to check the performance of the no.of subscribers, Go to OneSignal account DashboardNext let’s see how you can send a push notification to your subscribers.First let’s create a notification by clicking ‘New Push’ in OneSignal.Now provide the details – title, message, image, launch url for the notification.Now Click ‘Confirm’ and ‘Send Message’ to send the notification.That’s it guys this is how you can send push notifications.You can also send the notifications for particular users who are not visiting your website.And you can also see the no. of users who opened the notification when the received it by going to OneSignal Delivery.That’s it guys.This is how you can add web push notifications on your WordPress website.——————————📢 The Tools we use:Get the best tools for your website ➜ https://websitelearners.com/tools/Video Gear We Use ➜ https://kit.co/websitelearners/video-gear-we-use/Our Video Editing Tool ➜ https://bit.ly/2Od546p🙌 Officially: We’re Hiring: https://websitelearners.com/careers/Want your website developed by us? Email us your requirements to contact@websitelearners.com💬 Follow & Chat with us:———————————-Instagram: https://www.instagram.com/websitelearners/Facebook: https://www.facebook.com/websitelearners/Twitter: https://twitter.com/websitelearners/If you have any doubts related to WordPress, Please mail us at contact@websitelearners.com

Categories
Website Design

Reveal Hero Text Animation Hover Effect – CSS Effects in 3 Minute [Video]

Get 9+ Complete Responsive Web Design course 97% OFF – https://www.udemy.com/course/the-ultimate-frontend-web-development-8-courses-included/?couponCode=U_D_BEST——————-Full Course -https://youtu.be/pNcAuqInG6s———————-Like our page – https://www.facebook.com/indiandesignrJoin our group – https://www.facebook.com/groups/328971707545530

Categories
Website Design

Creative Goeey Animation on Nav Menu Hover Effect using HTML CSS Gsap JS [Video]

Get 9+ Complete Responsive Web Design course 97% OFF – https://www.udemy.com/course/the-ultimate-frontend-web-development-8-courses-included/?couponCode=U_D_BEST ——————- Full Course -https://youtu.be/pNcAuqInG6s ———————- Like our page – https://www.facebook.com/indiandesignr Join our group – https://www.facebook.com/groups/328971707545530

Categories
Website Design

How to Create Next Level of Website Design [Video]

Get 9+ Complete Responsive Web Design course 97% OFF – https://www.udemy.com/course/the-ultimate-frontend-web-development-8-courses-included/?couponCode=U_R_CREATIVE ——————- Full Course -https://youtu.be/pNcAuqInG6s ———————- #1 – https://www.protohomes.com/ #2 – https://www.kumudrinks.com/ Like our page – https://www.facebook.com/indiandesignr Join our group – https://www.facebook.com/groups/328971707545530

Categories
Website Design

How to make Validated Email Input Box with HTML CSS SVG [Video]

Get 9+ Complete Responsive Web Design course 97% OFF – https://www.udemy.com/course/the-ultimate-frontend-web-development-8-courses-included/?couponCode=U_R_CREATIVE ——————- Full Course -https://youtu.be/pNcAuqInG6s ———————- Like our page – https://www.facebook.com/indiandesignr Join our group – https://www.facebook.com/groups/328971707545530 Source code – https://drive.google.com/file/d/1mUJV-1IoiWXNX8Yf5ovZrgRTgg1pUeAA/view?usp=sharing