Knowledge Seekers

List of text to replace text with emoji in WhatsApp Windows App

2025-03-19T16:47:00.003+05:30

The list of text that can be replaced with emoji when typing messages on WhatsApp windows application.

You can download from Download Link here

How to add age verification check on shopify store without using any app

2024-12-05T18:20:00.008+05:30

Ensuring compliance with age restrictions is crucial for Shopify store owners selling age-restricted products like alcohol, tobacco, health compliments or adult merchandise. While there are many apps which can help streamline the process, one might prefer a no-cost, app-free solution to maintain full control over your store’s functionality and appearance.

In this guide, we’ll explore how to add a custom age verification check to your Shopify store without relying on third-party apps. By leveraging Shopify’s built-in tools and a bit of coding, you can create a seamless age verification process that safeguards your business and ensures a smooth customer experience.

Please note that this guide is an advanced guide and is not supported by shopify. Knowledge of HTML, CSS, JavaScript, and Liquid is required. Consider hiring a Shopify Expert if you aren't comfortable doing the steps in the tutorial.

Please note that Age Verification not the best way to prevent visitors from browsing your website, as there's nothing preventing them from lying about their age. It might even be a nuisance to regular visitors, who will have to make an additional click to access your store.

Create and Include an Age Check snippet

1. From your shopify admin dashboard go to Online Store > Themes.

2. Hover to 3 dots next to the theme you want to edit and click on Edit Code.

3. Expand on snippet folder from the left panel and click on Add a new snippet.

4. Name the new snippet as age-check and click on Create Snippet. The age-check.liquid file will open in the editor on the right.

5. In a new browser tab open this file > Age Check Code

6. Copy all the code and paste it in the editor in age-check.liquid file and click on save.

7. Navigate to Layouts folder on the left panel and open the file theme.liquid

8. In the file editor on the right, search for opening body tag <body ......>

9. Right after the opening body tag, insert this line of code

{% render 'age-check' %}

10. This will include the age-check.liquid snippet at the very beginning of the body content of your theme file.11. Click on save to save the changes.

Customizations to the code

Add background image

To add background image to the popup upload a large JPG image (at least 1024 by 1024 pixels) to your theme assets on the Edit HTML/CSS page. Rename that file age-check-background.jpg

Change Age Verification Limit

To change the age limit, change the following code in line 3:

{% assign age = 18 %}

to:

{% assign age = 21 %}

Add Website Logo at the top of the popup

Add the below code above line no. 15

HTML:

<div class="logo-bgs">
      <div class="picture1">&nbsp;</div>

</div>

And add the corresponding css in the <style> part at the end of the file before closing tag

.picture1 {
  background-image: url('IMAGE_URL');
  width: 160px;
  height: 42px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  top: 0;
  z-index: 9999999;
}

Change to values marked in red as per your requirements.

Please note that this script is not mobile responsive. I hope you can easily make it responsive by add css media queries. Still if you need help, feel free to comment.

Post credit: Shopify forum staff TyW

Update 1:

To remove the background image/effect, comment out line nos. 249 to 253.

[Solved] How to change title of inactive tab on Shopify store?

2023-07-25T19:15:00.006+05:30

It may be possible that your customer has more than 1 tabs open in their browser while they are shopping on your website.

Adding a notification style text on the tab will help you in many ways as mentioned below:

(1) Customer Re-engagement

(2) Abandoned Cart Reduction

(3) Improve Customer Experience

(4) Increase Conversion

Though there are various apps available on shopify app store but you can easily achieve this using a simple code. Though we recommend not doing it yourself, if you are not a expert.

Step 1: Go to Shopify Admin Dashboard and navigate to Online Store.

Step 2: Go to your theme and click on ... and select edit code.

Step 3: Search for the template theme.liquid and add the following code after the <head> tag in theme.liquid file.

<script>

window.onload = function() {

var pageTitle = document.title;

var attentionMessage = 'Your pre-workout is here!';

document.addEventListener('visibilitychange', function(e) {

var isPageActive = !document.hidden;

if(!isPageActive){

document.title = attentionMessage;

}else {

document.title = pageTitle;

}

});

};

</script>

Script Credit: https://medium.com/@alperen.talaslioglu/changing-page-title-dynamically-when-user-changes-tab-5d372554377c

How to create a General Share button on product page in shopify

2022-09-21T15:21:00.006+05:30

There are a lots of ways for implementing social sharing options for various cms. Especially for shopify, many themes have hard coded the social share option in the code itself and if not, there are lots of apps available on shopify app store for getting the functionality added to your shopify store.

We had a client who wanted to have just a share button which would trigger a general share option that we see in native functionality of Android and iOS apps. When we click on the share option, the list of apps are available and the user can select which app the data he wants to share on.

Obviously with growing number of social media apps, it is practically not possible to integrate sharing option for all the apps. Most of the scripts and apps for shopify give option to provide sharing for famous social media platforms. However this may turn to limit the sharing option.

We created a general share option using the WebShare API so that the user can get an option to share the page/product link in whichever app they want to.

General code was obtained from the codepen (https://codepen.io/ayoisaiah/pen/YbNazJ) and modified to fit the shopify structure.

Now lets dive into the code.

1. First of all, we need to add a Custom Liquid block in the shopify customizer on page/product where you want to display the sharing option.

2. There are 3 parts of the code. (a) html (b) JavaScript (c) CSS. Now copy the below code and it will add all the 3 to your website

<div class="share-dialog">

<header>

<h3 class="dialog-title">Share</h3>

<button class="close-button"><svg><use href="#close"></use></svg></button>

</header>

<div class="targets">

<a class="button">

<svg>

<use href="#facebook"></use>

</svg>

<span>Facebook</span>

</a>

<a class="button">

<svg>

<use href="#twitter"></use>

</svg>

<span>Twitter</span>

</a>

<a class="button">

<svg>

<use href="#linkedin"></use>

</svg>

<span>LinkedIn</span>

</a>

<a class="button">

<svg>

<use href="#email"></use>

</svg>

<span>Email</span>

</a>

</div>

<div class="link">

<div class="pen-url">https://codepen.io/ayoisaiah/pen/YbNazJ</div>

<button class="copy-link">Copy Link</button>

</div>

<button class="share-button" type="button" title="Share this article">

<svg>

<use href="#share-icon"></use>

</svg>

<span>Share</span>

</button>

<svg class="hidden">

<defs>

</defs>

</svg>

<script>

const shareButton = document.querySelector('.share-button');

const shareDialog = document.querySelector('.share-dialog');

const closeButton = document.querySelector('.close-button');

shareButton.addEventListener('click', event => {

if (navigator.share) {

navigator.share({

title: '{{ product.title}}',

url: '{{ product.url }}'

}).then(() => {

console.log('Thanks for sharing!');

})

.catch(console.error);

} else {

shareDialog.classList.add('is-open');

}

});

closeButton.addEventListener('click', event => {

shareDialog.classList.remove('is-open');

});

</script>

<style>

.hidden {

display: none;

}

svg {

width: 20px;

height: 20px;

margin-right: 7px;

}

button, .button {

display: inline-flex;

align-items: center;

justify-content: center;

height: auto;

padding-top: 8px;

padding-bottom: 8px;

color: #777;

text-align: center;

font-size: 14px;

font-weight: 500;

line-height: 1.1;

letter-spacing: 2px;

text-transform: capitalize;

text-decoration: none;

white-space: nowrap;

border-radius: 4px;

border: 1px solid #E8C7CF;

cursor: pointer;

}

button:hover, .button:hover {

border-color: #E8C7CF;

}

.share-button, .copy-link {

padding-left: 30px;

margin-top: 30px;

padding-right: 30px;

}

.share-button, .share-dialog {

position: relative;

top: 50%;

left: 50%;

transform: translate(-50%, -50%);

}

.share-dialog {

display: none;

width: 95%;

max-width: 500px;

box-shadow: 0 8px 16px rgba(0,0,0,.15);

z-index: -1;

border: 1px solid #ddd;

padding: 20px;

border-radius: 4px;

background-color: #fff;

}

.share-dialog.is-open {

display: block;

z-index: 2;

}

header {

display: flex;

justify-content: space-between;

margin-bottom: 20px;

}

.targets {

display: grid;

grid-template-rows: 1fr 1fr;

grid-template-columns: 1fr 1fr;

grid-gap: 20px;

margin-bottom: 20px;

}

.close-button {

background-color: transparent;

border: none;

padding: 0;

}

.close-button svg {

margin-right: 0;

}

.link {

display: flex;

justify-content: center;

align-items: center;

padding: 10px;

border-radius: 4px;

background-color: #eee;

}

.pen-url {

margin-right: 15px;

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

}

</style>

Please note that this code is for adding share option on the product page and hence we have used the parameters product.title and product.url. You can change it the page if you like to display this button on the page.

How to add custom tabs in Dawn Shopify Theme on Product Details Page

2022-09-07T16:19:00.001+05:30

By default, only collapsable tabs are available in shopify dawn theme. Today we will take a look how we can add Custom tabs Below the Product Information section on the product page template.

Step 1: Create a New Asset

> Go to Theme > Actions > Edit Code > Assets > Add a new asset

> Select Create a Blank File form the popup tab and selection the extension from dropdown menu as js.liquid then enter your filename (filename.js.liquid) Please note you do not need to type .js.liquid in the filename. it will automatically add the extension. Further do not enter blank spaces.

Step 2: Enter the code

> The file that you just created will open in the editor. Now enter the below code in the file and save it

function openTab(evt, cityName) {

var i, tabcontent, tablinks;

tabcontent = document.getElementsByClassName("tabcontent-cus");

for (i = 0; i < tabcontent.length; i++) {

tabcontent[i].style.display = "none";

}

tablinks = document.getElementsByClassName("tablinks-cus");

for (i = 0; i < tablinks.length; i++) {

tablinks[i].className = tablinks[i].className.replace(" active", "");

}

document.getElementById(cityName).style.display = "block";

evt.currentTarget.className += " active";

}

document.getElementById("tab-cus-active").click();

Step 3: Enter code in theme.liquid

> Now open the file theme.liquid file from the layout folder and search for closing body tag </body>

> Just above the closing body tag, enter the below code:

{{ 'filename.js' | asset_url | script_tag }}

Please note: The filename extension should be .js and not .js.liquid here. Also replace filename with your actual name of the file.

Step 4: Enter tabs code in editor

> Now go to admin > Online Store > Themes > Dawn Theme > Customize

> From the top dropdown select Product > Default product template or which ever template you want to add tabs to

> From the left panel move down and select ADD SECTION and select CUSTOM LIQUID

> Now click on custom liquid section and editor will open. In the Custom Liquid code section add the below code.

<div class="tab-customize">

<button class="tablinks-cus" onclick="openTab(event, 'tab-1')" id="tab-cus-active" >Information</button>

<button class="tablinks-cus" onclick="openTab(event, 'tab-2')">Shipping</button>

<button class="tablinks-cus" onclick="openTab(event, 'tab-3')">Policy</button>

</div>

<div id="tab-1" class="tabcontent-cus">

{{ product.description }}

</div>

<div id="tab-2" class="tabcontent-cus ">

{{ pages.shipping.content }}

</div>

<div id="tab-3" class="tabcontent-cus ">

{{ pages.policy.content }}

</div>

<style>

.tab-customize {

overflow: hidden;

border: 1px solid #ccc;

background-color: #f1f1f1;

}

.tab-customize button {

background-color: inherit;

float: left;

border: none;

outline: none;

cursor: pointer;

padding: 14px 16px;

transition: 0.3s;

width: 33%;

}

.tab-customize button:hover {

background-color: #ddd;

}

.tab-customize button.active {

background-color: #ccc;

}

.tabcontent-cus {

display: none;

padding: 6px 12px;

border: 1px solid #ccc;

border-top: none;

}

</style>

The first tab loads product description. The second tab load content from page with slug shipping and the third tab loads content from the page with slug policy.

You can replace the values between {{ }} to custom metafields if you wish to display metafields here.

If you are using metafield of Multiline type, then you need to tweak the existing code.

For shipping page code change it to {{ pages.shipping.content | newline_to_br }} and same can be done for other tabs as well. No need to change the code for description as it already has this functionality inbuilt.

Code Source: happypoints.io

Default host location of Memcached and Redis Socket for LiteSpeed Cache WordPress

2022-07-06T14:09:00.006+05:30

There is so very less documentation available for switching from Memcached to Redis on LiteSpeed Cache plugin for wordpress.

For switching from Memcached to Redis and vice versa, you will require 2 parameters.

1. Host Location

2. Port

Though the port is available by default on the settings page i.e. For Memcached default port is 11211 and that for the redis is 6379

The host location for Memcached and Redis are as below:

Memcached: /var/www/memcached.sock

Redis: /var/run/redis/redis-server.sock

You can test if the configuration files exist by SSH to your server and then run the following command

For memcached: ls /var/www/memcached.sock

For Redis: ls /var/run/redis/redis-server.sock

How to Fix the ?m=1 Issue after migrating from Blogger to WordPress

2022-01-06T17:42:00.002+05:30

After migrating your blog from Blogger.com to WordPress, you may notice some 404 errors if you have installed a 404 monitor plugin. If you have not installed one, then you should surely consider doing that.

Cause of the issue: Blogger.com, by default, uses the query string at the end of the url ?m=1 for mobile visitors to your blog. Now since your blog is already indexed on google, the mobile visitors still get sent to the same version of the link say https://domain.com/?m=1

To fix this issue in Apache or OpenLiteSpeed server, simply edit your .htaccess file and add the below code at the top of the file. Its always advisable to take backup of .htaccess file before editing it.

# Fix the ?m=1 Issue
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{QUERY_STRING} ^m=1$
RewriteRule ^(.*)$ /$1? [R=301,L]
</IfModule>

Once Done, Restart your server for changes to take effect.

How to bulk replace a value in mysql database

2021-09-09T15:58:00.004+05:30

Today we are going to see how we can bulk replace a value(s) in mysql database.

First thing required for you will be to have access to phpmyadmin.

If you are using any control panel like Cpanel, you will be able to login to phpmyadmin from the cpanel interface. But if you have installed phpmyadmin separately, then you will need login credentials. General url for non-cpanel installations in domain.com/phpmyadmin

Lets assume that you have a hosting provider who uses cpanel.

Navigate to phpmyadmin and you will be redirected to the phpmyadmin homepage which has list of all databases on the left.

Step 1. Select the database which you want to replace the values in.

Step 2. Select the table in which you need to make the changes.

Step 3. go to SQL option in the top and run the following command:

UPDATE tablename SET row = replace(row, 'old_value', 'new_value');

Please replace the red colored values with your actual database value

Now click on go. It will ask you for confirmation to run the query. Click on yes and you will be displayed with the number of rows that were changed.

Create Back to Top button in Hello Elementor Wordpress Theme

2021-07-09T14:39:00.007+05:30

I was developing a website for a client and wanted to implement Back to top button. As hello elementor theme does not have this functionality in built, i was exploring tutorials from google and came across one easy implementation by beaverher.com

Features:

Only appears when scrolled down
Disappears when scrolled up to the top of the page

1. Add HTML widget to the footer (you will need elementor pro to edit footer).

2. Paste the HTML & JavaScript Code

Paste the following code to content > HTML Code

<i class="fas fa-chevron-circle-up" onclick="topFunction()" id="kltop" title="Go to top"></i>
<script>
    //Get the button:
mybutton = document.getElementById("kltop");
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
  if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
    mybutton.style.display = "block";
  } else {
    mybutton.style.display = "none";
  }
}
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
  document.body.scrollTop = 0; // For Safari
  document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
}
</script>

3. Paste the CSS code to style “back to top” icon

Advanced > Custom CSS > Paste the following CSS code

#kltop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 10px;
    font-size: 40px;
    color: #a67c00;
}

4. Results & Customize

To Change Icon

Read Step 2, you will see

<i class="fas fa-chevron-circle-up" onclick="topFunction()" id="kltop" title="Go to top"></i>

You can find more icons at Fontawesome.com/icons > Search > Click Icon >

Change Icon Style (Color & Size)

Read Step 3, you can change:

color
font-size

Done!

How to install Wordpress with OpenLiteSpeed on a KVM

2021-01-14T23:46:00.004+05:30

OpenLiteSpeed is comparatively newer server software as compares to Apache and Nginx, but is gaining momentum due to its less resource usage.

As per a test, Wordpress on OpenLiteSpeed uses 40% less resources as compared to Apache.

Openlitespeed does have a 1 click setup for cloud providers. However today we will see how we can install Wordpress with OpenLiteSpeed on a KVM.

Step 1: Install KVM with latest available Linux OS version (preferably Ubuntu 20.04 or higher)

Step 2: SSH to your server using putty or any similar terminal software.

Step 3: Install CURL by using command

sudo apt install curl

Step 4: Update the system and upgrade if any updates are available by using following commands one after the other

sudo apt update

sudo apt upgrade

Step 5: After the system update is completed run the following 3 commands one after the other

bash <( curl -sk https://raw.githubusercontent.com/litespeedtech/ls-cloud-image/master/Setup/wpimgsetup.sh )

bash <( curl -sk https://raw.githubusercontent.com/litespeedtech/ls-cloud-image/master/Cloud-init/per-instance.sh )

reboot

Done. You have installed wordpress with OpenLiteSpeed server.

Now point your domain to the ip address of the server and when you ssh your server with root access, you will be asked to enter your domain name and you can also configure lets encrypt free ssl.

*commands in step 5 are taken from GitHub @ https://github.com/litespeedtech/ls-cloud-image/wiki/Build-WordPress-Image

How to remove prefix from multiple files in a folder in windows 10

2020-12-20T15:38:00.003+05:30

Lets say you have 100's of files in a folder with same prefix and you want to remove the prefix from all of these files. Obviously renaming them manually is an option but that would be too much time consuming. We can do this using command prompt on windows 10 in just about a few seconds. Yes, you can remove prefix from 100's of files within few seconds.

For the sake of understanding, we will assume that the file names are in the format abcd-education and the extension of the files is .zip. so the files names will be in format abcd-education.zip, abcd-motors.zip etc.

Here we want to remove the part "abcd-" from the file name.

Follow the below steps to remove prefix from files.

Step 1: Open command prompt (Windows+R) or by typing cmd in run or by typing "command prompt" in windows search menu.

Step 2: navigate to the directory where the files are stored.

For example if files are stored in downloads folder on your laptop/pc you need to type in command prompt as "C:\Users\YOUR_USER\Downloads\FOLDER_NAME" and press enter. Change YOUR_USER and FOLDER_NAME to respective values.

Step 3: type the below command

rename "abcd-*.zip" "/////*.zip"

The number of forward slash (/) should be equal to the number of characters to be removed. In our case its 5 so we are using 5 forward slash.

do not forget to change your file extension as per your requirement.

Enjoy!

How to create additional virtual host to host 2 WordPress websites on OpenLiteSpeed

2020-11-24T14:18:00.003+05:30

As you know that there is an option to install OpenLiteSpeed using script specially for cloud server. Few cloud providers like Digital Ocean, Linode, AWS, Google Cloud etc., do provide one click install scripts which can be used to deploy various applications along with OpenLiteSpeed including the famous blogging platform WordPress.

When you run the script, only one website can be run on the server. What if we want to have multiple websites on the same server?

Now you might be thinking why would we want to have multiple websites. The reason being that OpenLiteSpeed server takes, on an average, 40% less server resources as compared to Apache. This claim isn't from any benchmark but i have personally observed it running various blog as well e-commerce sites on both Apache and OpenLiteSpeed. So there is a possibility that your server resources will be available and you can host a second website on the same server.

To host second WordPress website on OpenLiteSpeed Server, follow the below steps:

1. Point the domain you want to use to your server IP Address. You can get the IP address from your host.

2. Login to your server using SSH (root@IP_ADDRESS)

3. Run the following script

/bin/bash <( curl -sk https://raw.githubusercontent.com/litespeedtech/ls-cloud-image/master/Setup/vhsetup.sh ) -d www.example.com -le admin@example.com -f -w

Change the domain name and email address to actual values.

How to change root password in ubuntu server

2020-10-28T18:12:00.005+05:30

Be default, the root user account on ubuntu is locked if you have not used SSH key while setting up the server. Your host will either give you an option to enter the password manually while setting up the server or you will receive the password on your registered email address. In case of later, it is a randomly generated password which we recommend to change at the first login itself.

To change the root password in ubuntu server do the following:

1. SSH at root@YOUR_IP_ADDRESS

2. Enter your current password

3. type the following command:

sudo passwd root

You will be asked to enter new password and verify it. Thats all. You have successfully changed your root password.

IObit Uninstaller Pro 9.5 6 Month Free License

2020-05-29T19:08:00.001+05:30

IObit Uninstaller PRO is an enhanced edition of free. Its advanced features will ensure a better PC performance and safer online browsing.

There are some of its highlighted features you will only get with IObit Uninstaller PRO:

Complete Uninstall

Remove stubborn and bundled programs to free up disk space, and get rid of malicious and advertising plug-ins to browse the Internet safely.

Clean Uninstall

Automatically perform deep cleaning to remove all files of an unwanted program and all changes the program has made to your computer during its installation.

Wipe Leftovers Off

Completely remove leftovers of programs uninstalled by other utilities or uninstalled before using IObit Uninstaller.

Giveaway Details:

Product Name: IObit Uninstaller PRO 9.5

Website: www.iobit.com

License Type: 6 Months

License Code: 5D788-A6EE8-ABA1A-487B9

NOTE: Register before the giveaway ends.

How To update Wordpress Without using FTP

2020-05-01T08:05:00.001+05:30

Mostly in fresh installation cases, we face an issue that when we try to update wordpress or plugins or themes, it redirects to the screen with a message that "wordpress needs to access your webserver" and we are asked to enter the FTP details to update the server.

If you are using a shared hosting, its pretty easy to enter the ftp details and you may be able to update. But for users who are on VPS, they generally tend to use SSH instead of password and they cant upload the keyfile on wordpress.

So lets see how we can make some changes to our config.php file and update the wordpress right from the dashboard.

Step 1: Login to your FTP using filezilla or any other ftp client and download a copy of your config.php file. Keep this copy of config.php safe in case you may need to restore.

Step 2: Right click your config.php file and click View/Edit.

Step 3: Add the following code in your config.php file.

/** Sets up 'direct' method for wordpress, auto update without ftp */
define('FS_METHOD','direct');

This code must be placed below the following code:

/** Sets up WordPress vars and included files. */
require_once(ABSPATH . 'wp-settings.php');

And your final code will look like as follows:

/** Sets up WordPress vars and included files. */
require_once(ABSPATH . 'wp-settings.php');

/** Sets up 'direct' method for wordpress, auto update without ftp */
define('FS_METHOD','direct');

Save the config.php file and upload it to the webserver.

You can now refresh the wordpress dashboard and try to update your wordpress or themes or plugins and you will be able to do so.

If you have any queries, feel free to ask in comments.

How to upload files to Google Cloud Platform Instance using FTP

2020-04-29T01:50:00.003+05:30

After implementing a fresh new instance on google cloud platform, i tried to upload files using ftp. But i got an error saying PERMISSION DENIED.

First login to your google cloud platform then select the relevant project from the header drop down.

After that using the left slide in menu go to > Compute Engine > VM Instances.

There next to your instance there will be an option to click on SSH. Click it and a console will open in new tab.

For us to be able to upload files to google cloud instance, we must change the permission of the required folder to 777

First of let us check the current permission status of the folder. To check that run the following command in the console.

stat -c "%a %n" /path/to/file

Now when you run the above code, you will see the current permission status. It will be either 644 or 755 or something other than 777. We need to change it to 777 and for that we need to run the following command

sudo chmod 777 /path/to/file

Now restart Apache using the code

sudo service apache2 graceful

And try uploading your files using FTP.

Vov Screen Recorder 2.4 for Windows

2020-04-04T20:38:00.000+05:30

Vov Screen Recorder is a handy tool to capture the computer screen, i.e., record the ongoing activities on the screen.

Using Vov Screen Recorder, you can record your desktop to create a how-to video to demonstrate working of a program, compile a products demo video for some client, record gameplay to post on social networks or record any other activity on the screen to share with friends or stakeholders, or to upload on video streaming services.

Vov Screen Recorder can capture a specific area or the full screen. All popular video formats are supported such as AVI, QuickTime Video (MOV), MP4, MPEG, FLV, WMV, Matroska Video (MKV).

Vov Screen Recorder includes and uses FFMPEG technology, which does not require any additional video codecs.

Giveaway Details:
Product Name: Vov Screen Recorder 2.4
Website: https://vovsoft.com
License Type: Lifetime
Platform: Windows
Download Link: vov_Screen_Recorder_2.4.zip
Source: winningpc

Instructions:

– Download and install the Vov Screen Recorder on your computer. The download is an exclusive installer with registration built-in.

– After install, run Vov Screen Recorder and enjoy it! There is no need to register it.

Feature Highlights

Record your desktop to create a how-to video
All popular video formats are supported
Includes and uses libraries from the FFmpeg project and it does not require any additional video codecs

How to reset OpenLiteSpeed WebAdmin password

2019-12-20T19:23:00.001+05:30

WebAdmin is a control panel to configure all OpenLiteSpeed Server settings. For resetting the password for the WebAdmin, you can use the following code from the command line or terminal.

Step 1: Login to Command line using console or Software like Putty.

Step2: Run the code

/usr/local/lsws/admin/misc/admpass.sh

You will be asked for admin name and password. Set a admin name and Strong password. and login to the WebAdmin panel.

Webadmin panel can be access by visiting https://YOUR_SERVER_IP:7080

*Remember to replace YOUR_SERVER_IP with the actual ip address of your server.

Iobit Driver Booster 7 Giveaway License

2019-12-14T13:01:00.000+05:30

Large Driver Database

Have you suffered from bad resolutions or poor sound quality on your PC? These can be caused by your outdated display adapters and missing sound card. You may need Driver Booster 7 to update more than 3,000,000 device drivers and game components for top PC performance. All downloaded drivers come from the official manufacturers’ websites and have passed both Microsoft WHQL test and IObit test for ensuring authority and security.

Fix Windows Issues

Have you ever encountered system crash or blue screen of death issues caused by some driver errors? Driver Booster 7 offers some useful tools to fix common Windows issues effectively. It can fix some blue screen of death issues caused by driver update failures. Also, it supports to fix most no sound issues and network failures for better user experience.

Fast Driver Update

Driver Booster 7 is a convenient driver updater for you. It can help detect and update outdated drivers efficiently. Plus, the scanning speed of this driver updater has been improved by almost 100%, which saves you more time to acquire your driver status. If you still need more convenience, you can activate auto driver update to get the latest updates in real time.

Details:

Product: Iobit Driver Booster Pro 7

Website: https://iobit.com

License type: Giveaway (Expiry on 13-06-2020)

Platform: Windows

License Key: 8C8F8-D2F11-27BBB-FEEB7

Terms of the Offer:

6 Month License for 1 User

Non Commercial Use

No Free Updates

No Free Technical Support

Regsiter before the offer expires

Buy Paid Version at https://www.iobit.com/en/driver-booster-pro.php

How to disable contact form module in Wordpress Jetpack

2019-11-16T14:17:00.000+05:30

Most of the Wordpress users today prefer Jetpack for its seamless integration and features. However some features or modules are activated by default.

A few days back while working on a client site, i got an error notice for contact form module of Jetpack.

Previously there was an option in jetpack to access modules easily. But that seems not available now as the dashboard has been revamped.

To access the modules list, activate and/or deactivate modules go to the following url

https://yoursite.com/wp-admin/admin.php?page=jetpack_modules

Replace yoursite.com with the actual URL of your website and you are good to go. Make sure you are logged in as administrator before accessing this url.

How to Capitalize First Letter of Each Word in Word 2016

2019-01-28T13:03:00.001+05:30

Capitalization of First Letter of Each Word in Word 2016 can be done by following the below mentioned steps.

1. Select the text you wish to capitalize or press CTRL + A to select all the text.
2. Move to Home ribbon and select dropdown "Aa"

3. From the drop down select CAPITALIZE EACH WORD.

4. Done.

How to share a PDF file in whatsapp broadcast list on iphone

2018-07-07T16:07:00.000+05:30

Have you ever wanted to share a pdf file to your broadcast list but were unable to send it?

Well unlike android version of whatsapp, when you forward a pdf file from one chat to another, you do not get an option to share it with your broadcast list. You can either share it with other users or group only.

Well you can share the pdf file following the below steps.

Requirements:

1) Broadcast list in WhatsApp
2) Dropbox Account.

If you do not have a dropbox account, you can create one using this link for free.

Step 1. Install Dropbox from App Store on your iphone. Once installed, login using your account credentials.

Step 2. Open the pdf file from WhatsApp chat or any other source and click on

Step 3. From the list of apps select Dropbox.

Step 4. Open the broadcast list and click on the + icon and select Document.

Step 5. At the bottom select "Browse" and from the locations, select dropbox.

Step 6. Select your pdf file that you saved in step 2 and that done.

How to display 2 columns in mobile view in Divi WordPress theme

2017-10-20T19:40:00.005+05:30

While working on a project of a client i had to display 2 coloumns in a row.

By default only 1 column is displayed in mobile view in divi.

However by using css, we can display 2 columns in a row on mobile.

Step 1:

Select the row structure as 1/2, 1/2

Step 2 : Add modules as per the requirement.

Step 3: Open the row settings

Step 4: Go to Advanced Tab and put the css code given below in Column 1 main element and Column 2 main element

margin-right: 2.5%;
width: 47.25% !important;

Different Dropdown Arrows in Divi Top Menu

2017-05-21T20:45:00.002+05:30

Divi is a great theme for designers as well as newbies trying to learn making professional websites. However one needs to have basic knowledge of css to make almost any change you need on a divi site.

Today we are going to see how we can put different arrows in dropdown and top level.

The top-menu primary link, has by default, down arrow. Now we will use right arrow in the secondary menu.

Use the following code in the custom css field of your Divi child theme.

 #top-menu li .menu-item-has-children > a:first-child:after {
 margin-top: -2px;
 content: "5"; }

The value 5 in content is used for right arrow. It will display only if your sub-menu has a dropdown.

How to make colored image gray scale on hover? CSS Tricks

2016-12-27T02:16:00.001+05:30

To make a colored image turn into gray scale on hover and vice versa can be achieved by using some simple css tricks. We will see both the codes here.

1) Turn Colored image to Gray Scale on hover:

CSS:

 img {  
 filter: gray;  
 filter: grayscale(1);   
 -webkit-filter: grayscale(0);   
 }  
 img:hover {  
 filter: none;  
 -webkit-filter: grayscale(1);  
 }

HTML:

 <div id="wrapper"> <img id="myImage" src="IMAGE.JPG"/></div>

In the html part, replace IMAGE.JPG with the link to the source image.

2) Turn Gray Scale image to Colored on hover.

CSS:

 img {  
 filter: gray;  
 filter: grayscale(1);   
 -webkit-filter: grayscale(1);   
 }  
 img:hover {  
 filter: none;  
 -webkit-filter: grayscale(0);  
 }

HTML:

 <div id="wrapper"> <img id="myImage" src="IMAGE.JPG"/></div>

Same as earlier, replace the IMAGE.JPG with the actual image source link.