SAFI Solution

First time login HBL Bank App For Corporate Admin Download APK

noreply@blogger.com (Admin) — Mon, 11 Mar 2024 14:50:00 +0000

First time login HBL Bank App For Corporate Admin Download APK

First time login – Corporate Admin

Download the “HBL Bank UK Mobile Banking” application from Google Playstore for Android, or the App Store for iOS operating devices. Once downloaded, select the tab on top of the application for “Business” followed by “Register.”

Key in the Username which you had written on the Business Internet Banking Application followed

by the Password which you would had received via Text (SMS). Once completed, tap “Login.”

Creating A New User

On the main page, navigate to the section titled "User Management" and then select the option labeled "Create New User."

To create a new user, hover your mouse over "User Management" and then select "Create New User."

Complete all the fields for the employee who will be required the relevant role. The roles available are:

Poster
Approver
Inquirer
Supervisor

After completing the employee’s details, the next screen will allow how each account can be viewed to the specific user. The options are:

Inquiry and Execution
Only Observation
Hide

Once the appropriate option has been selected, click “Next” to proceed to the next screen.

A summary screen will appear to view the details keyed in for the additional user; their Role and their Status for each account opened under HBL Bank UK. Click confirm if you are happy to proceed.

Once you have clicked “Confirm” the new user will receive a mobile text (and email) informing them of their Username and Password.

Manager User Role

To change the role given to a specific user, from the main page click on “Manage User Role” or via the side panel, hover your mouse over “User Management” and click “Manager User Role.”

Then select the user you intend to amend/view their role and click “Next.”

Under the heading, “Role Information” click and select the new role you intend to assign to your staff, then click “Next.”

A summary screen will appear showing the intention to assign a new role to the user. If you happy to

proceed, click “Confirm”

After assigning the new role, a confirmation screen will appear.

Update User Information

To update either the user’s, Sign in Expiry Date; Department; Email Address or Mobile Number, use this option. This can be selected via the main homepage or side panel under “User Management”

Select the user you intend to update their details and click “Next”

Amend the necessary details required on this screen and click “Next” once updated.

A summary screen will appear, once you are happy with the changes, click “Next”

A confirmation screen will appear.

Update User Status

If you intend to change the status of a user, you can do so by clicking “Update User Status” via the main homepage or the side panel, “User Management”

Select or search your user and the “Status” you intend to assign. The options are, Active; Blocked and Inactive.

A summary screen will appear showing the new Status you intend to assign and click “Inactive” as a

confirmation.

A summary screen will appear confirming your action.

To reactivate the user, click on “Update User Status” and from the drop-down list, select the status you have assigned to the specific user or search via their username and click “Search”. Select the user and click “Active” in order reactivate their access for the pre-existing assigned role.

Review the summary screen and click “Confirm”

The confirmation screen will appear.

Delete User

To delete a User, you can select click on “Delete User” via the homepage of under the side panel,

“User Management”

Select the User whose access you intend to delete.

Review your action on the summary screen and click "Confirm" to proceed with deleting the user

confirmation screen.

Poster – Processing Payments

UK Payment

The user with the ‘Poster’ login will be able to execute payments, however, will require approval from either the ‘Approver’ or ‘Supervisor’ for the payments to be processed.

To process any payments, except Bulk Payment, select from the left hand menu “Payments & Transfers” and select “UK Payment” and select the debiting account and complete the beneficiary details and amount. Once completed, select “Next.”

Review the account details and amount keyed, agree to the Terms and Conditions and click

“Confirm.”

A confirmation screen will appear with the payment Reference Number which informing the transaction has been submitted to the approver.

Bulk Payment

Select “Bulk Payment” from the side dashboard and select the account you intend to debit from the dropdown menu. Click on “Download Template” where a MS Excel workbook will be downloaded for you to complete. Please ensure that the "File Reference Number" is unique for each Bulk Upload..

Once completed, “Click to Upload” and click “Next.”

Review the payment details of the beneficiaries, click “Confirm” once you are ready to proceed.

A confirmation reference number will appear for the "Approver/Supervisor" to view and approve

the payment.

The approver will be able to view all pending transactions when you click “Corporate” on the side menu and select “Pending Approval Transactions” and the same will appear on the Dashboard.

Approver/Supervisor – Approving Payments

All payments carried out by the ‘Poster’ user will appear on the Approver/Supervisor’s Dashboard and on the side Menu of under “Corporate.”

Please note that payments will only be accessible for viewing between 9 am and 5 pm on working days.

Dashboard - View

Corporate > Pending Approval Transaction List – View

Under this option, the Approver/Supervisor can view all types of transactions and requests within date ranges and as per the transaction ID (confirmation references).

Review the transactions entered by the 'Poster' user and click "Approve" or "Decline" accordingly.

Bulk Payment - View

UK Payment – View

Authentication will be necessary via OTP to confirm the payment(s) for processing. Once entered, the payment will be processed accordingly.

How to Add Content Locking or Gated Content in WordPress

noreply@blogger.com (Admin) — Mon, 04 Mar 2024 03:42:00 +0000

How to Set Up WordPress Content Locking or Gated Contents

Would you like to incorporate content locking into your WordPress site? Content locking offers a great way to monetize your website. If you're interested in learning how to add content locking to your WordPress site, continue reading for a step-by-step guide.

Before we delve deeper, let's explore why incorporating content locking is a smart decision.

How to Add Content Locking in WordPress

Why You Should Add Content Locking in WordPress

Content locking can be beneficial in various scenarios, particularly when you offer premium tutorials or articles. Here are some ideal situations for utilizing content locking:

1. Running a magazine: If you operate an online magazine and wish to introduce a subscription service, content locking can restrict access to blog posts, allowing only premium members to read them.

2. Promoting a discount: Offering exclusive discounts to paid members? Content locking ensures that only those members can access the deals, preventing regular readers from accessing them.

3. Lead generation: Content locking can aid in generating leads from your website.

4. Monetization: If you're not using display ads such as Google AdSense to monetize your content, content locking provides an excellent alternative for profiting from your WordPress blog.

Now that you understand when to employ content locking, let's proceed to the core of the article, where we'll provide a step-by-step guide on implementing content locking on WordPress.

How to Add Content Locking in WordPress

For this tutorial, we'll utilize the Paid Membership Subscriptions plugin. It's a freemium plugin, and we'll be using the free version. Begin by installing and activating the plugin on your WordPress website.

After activating the plugin, you'll encounter the initial configuration wizard.

Configuring the Options

Firstly, you need to select pages for the registration, login, account, and forgot password sections.

Next, select the design for the page.

In the third step, you'll be able to configure the currency options.

As depicted in this screenshot, the plugin offers integration with Stripe and PayPal, or you can opt for manual payment collection. Depending on your preferences, configure this accordingly. Once you've set up the payment data, proceed to complete the setup.

Now that you've configured the payment gateway and enabled customers to make payments, the next step is to create a subscription plan for the members. This is an essential task you should undertake.

Creating New Subscription Plans

To accomplish this, navigate to the subscription plans settings.

From there, you can add new plans.

The configuration options available in the plan are:

Plan Name
Description
Duration
Price
Sign up fee
Free trial
Renewal
Status
User role

Customize these options according to your preferences and then publish the plan. Following that, you can initiate content restriction. Open the post/page or custom post type to enable content restriction. As you scroll down to the bottom, you'll find the content restriction options.

Adjust the options based on your preferences.

After making the modifications to the post settings, publish (or update) the article.

Testing the Restriction

Afterward, you can check the post from the front end. When logged in as an admin or as a gold member, you will see this message:

How to Add Content Locking or Gated Content in WordPress

This is how you can implement content locking in WordPress. By adding this feature to your WordPress website, only selected individuals with membership access can view the content. Charging them on a monthly or weekly basis for membership is an excellent method to generate revenue online with WordPress.

How to Create a "Contact Us" Page for Your Blogger/Blogspot Blog

noreply@blogger.com (Admin) — Sun, 03 Mar 2024 13:35:00 +0000

In this article, I will demonstrate how to add a contact form to your Blogger website. A contact form allows visitors to send messages directly from your website, eliminating the need for them to manually copy your email address and send messages. By incorporating a simple contact form, you can significantly enhance the user experience on your Blogger website.

You can integrate the contact form into pages such as "Contact Us," "Write for Us," or "Services" pages, enabling users to contact you directly without having to navigate to their email application or website.

However, the default contact form widget has recently encountered issues and is no longer sending emails to the inbox. Therefore, we need to replace that form with a third-party form service.

Ensure compliance with Google Content Policy Guidelines by incorporating a contact us page on your blog. This page facilitates user communication with the webmaster and admin. Various methods exist to include a contact us page in Blogger. This guide will assist you in establishing a contact us page for your Blogger or Blogspot platform. Incorporating HTML for a contact us page is straightforward, and you can also obtain a free contact form for your blog's sidebar. Follow along to learn how to create a contact us page in Blogger.

Add Contact Us Page in Blogger

Certainly, you can easily create a contact us page in Blogger without requiring any technical expertise. Follow these simple steps:

1. Navigate to your Blogger dashboard and select the desired blog, then click on "Layout."

2. Add the contact form to your blog's sidebar.

Important Note: To ensure the functionality of the contact form on your contact us page in Blogger, it's essential to add the contact form and check the "show contact form" checkbox. Otherwise, the contact form will not operate.

3. Conceal the contact form from the blog sidebar using CSS code. Follow these steps to hide the contact form gadget from the blog sidebar:

a. Head to "Themes" and click on the three vertical dots, then select "Edit HTML."

b. Search for the following code:

`]]></b:skin>`

Here's how to locate it within the Blogger HTML.

c. Insert the following CSS code just above it:

div#ContactForm1 {

display: none !important;

}

Refer to the screenshot below for guidance on implementation.

d. Finally, click on the floppy disk icon to save the changes.

After completing all the steps mentioned under point number three, your contact form will be present in the sidebar but will not be visible to the blog visitor.

2. Next, navigate to the Pages section.

3. Click the orange ⊕ icon to create a new page (not a post).

4. Paste the following HTML code (contact us page template) and publish the page. It's a stylish contact form designed for Blogger.

```html

<style>

.page-contact-form input, .page-contact-form textarea {

width: 100%;

max-width: 100%;

margin-bottom: 10px;

}

.page-contact-form input.contact-form-button.contact-form-button-submit {

padding: 10px;

background: #ea6337;

color: #fff;

border: none;

}

.page-contact-form input.contact-form-button.contact-form-button-submit:hover {

background: #d85b32;

color: #fff;

}

</style>

Name:<br />

E-mail: <span id="required">*</span><br />

Message: <span id="required">*</span><br />

</form>

</div>

```

Check the following screenshot for reference.

5. Open the page in your web browser and check if the page is working correctly, and users can send you messages.

Navigate to the Pages section and click on the eye icon to view the contact us page.

Contact Us Page Example

Your contact us page for Blogger will resemble this example.

To ensure smooth operation and email delivery, send a test message through the new contact form. Upon submission, you'll be prompted to verify your email address.

Open your email inbox and follow the provided link to verify your email address.

Now, whenever a user enters their Name, Email Address, and Message, a new page with ReCaptcha will appear, minimizing spam entries in your contact form.

You can utilize the form on various pages such as Contact Us, Services, Guest Post, or even on the Homepage.

Other alternatives like Google Form and JotForm are available for use on your Blogger website.

I trust you have successfully integrated the new contact form into your Blogger website. If you have any inquiries, feel free to reach out to me on social media channels.

How to Get Canva Pro Account for Free [Lifetime Access]

noreply@blogger.com (Admin) — Sat, 02 Mar 2024 04:04:00 +0000

For individuals seeking to create polished graphics without mastering complex design software, Canva presents an ideal solution. Canva is a user-friendly graphic design platform that empowers users to craft stunning visual content effortlessly. It caters not only to individuals but also to businesses and organizations requiring diverse marketing materials.

Now envision elevating your Canva experience with Canva Pro, the premium version of the platform boasting a plethora of additional features. Discover how to access Canva Pro for free.

Whether you're a small business proprietor, a student tackling a project, or someone aiming to enhance their social media presence, Canva and Canva Pro cater to your needs. Its rapid rise in popularity stems from its intuitive interface and accessibility.

Embark on your creative journey with Canva Pro and unlock new possibilities!

What is Canva Pro?

Canva, a potent graphics editing platform embraced by millions globally, now offers enhanced features and assets through Canva Pro. Gain access to exclusive designs from renowned creators like splash wallpaper templates!

Canva Pro stands out as the premier online tool for crafting images and videos. With its limitless capacity and array of royalty-free designs, it's perfect for both beginners venturing into digital content creation and professionals seeking polished results for their projects.

Signing up requires only an email address (an Edu email works), and there's no monthly fee, ensuring it fits within your budget. Rest assured, Canva safeguards any personal information you provide.

Canva Pro Link 1	Click Here
Canva Pro Link 2	Click Here
Canva Pro Link 3	Click Here
Canva Pro Link 4	Click Here
Canva Pro Link 5	Click Here
Canva Pro Link 6	Click Here
Canva Pro Link 7	Click Here
Canva Pro Link 8	Click Here

What are the Benefits of Canva Pro?

Extensive Template Library: Access a wide array of templates, graphics, and premium elements to effortlessly create professional-quality designs.

Effortless Collaboration: Collaborate seamlessly with real-time editing and sharing features, facilitating teamwork and enhancing creativity.

Instant Design Resizing: Resize designs instantly to save time and ensure optimal presentation across various platforms.

Brand Consistency: Utilize the Brand Kit feature to maintain a consistent visual identity for businesses across all designs.

⚠️Disclaimer This article outlines ethical and legal methods for accessing Canva Pro features. Avoid any approaches that violate terms of service or involve illegal activities. ⚠️

How to Get Canva Pro for Free?

Unlocking Canva Pro for free can be a game-changer if you're facing design challenges. It's like having a secret weapon to create polished graphics without breaking the bank. Let's explore how you can access Canva Pro's greatness without spending a penny.

Official Free Options

Exciting news! Canva offers a whole month of free trial bliss! That means you can enjoy all the fantastic Canva Pro features without spending a cent.

But wait, there's more! Canva provides an education program, offering free access to Canva Pro for knowledge seekers. It's an excellent opportunity to dive deep into your learning journey at no cost.

Temporary Free Access

Why not leverage Canva's referral programs to snag some free access? Simply recommend Canva to your friends, and you'll start accumulating those free months. This way, you can continue using Canva without worrying about paying anything.

Alternative Design Tools

Explore other cool design tools similar to Canva, which you can try for free or get a trial. While they may not be Canva Pro, they can still meet your design needs effectively.

Let's integrate Canva Pro into your design journey without the hefty price tag!

Official Free Options to Use Canva

1. Canva Free Plan

The Canva Free Plan is a boon for novice designers, albeit with some limitations. While it lacks the advanced features of Canva Pro, its capabilities shouldn't be underestimated.

Downsides of the Canva Free Plan:

✔️ Limited access to premium templates and elements.

✔️ Restricted collaboration features, hindering real-time teamwork.

✔️ Exclusion from cool pro-exclusive assets.

Upsides of the Canva Free Plan:

✔️ Abundant collection of basic templates catering to various design needs.

✔️ Essential design tools and customization options readily available.

✔️ Extensive library of free images, illustrations, and fonts.

2. Canva for Education

Canva for Education is an invaluable resource, offering eligible students and educators free access to Canva Pro.

Canva Pro Features for Education:

✔️ Students can elevate their projects with premium templates, images, and collaborative features.

✔️ Educators can craft engaging lesson plans and visually appealing educational content.

✔️ Fosters a creative and collaborative learning environment.

3. The Empower Canvassador Program

The Empower Canvassador Program, formerly known as the Canva Affiliate Program, emphasizes a content-driven approach to inspire content creators.

Benefits of Joining The Empower Canvassador Program:

✔️ Access to premium features enhancing content creation.

✔️ Special Canvassador Badge.

✔️ Opportunity to beta test future releases.

✔️ Participation in educational workshops, webinars, and collaboration opportunities with Canva.

✔️ Weekly updates on recent releases and updates.

✔️ Opportunity to earn commissions on Canva Pro conversions.

Who is the Empower Canvassador Program For?

Social media content creators
Workshop/webinar facilitators
Podcasters
Course developers

4. Canva for Non-profit Organizations

Canva for Nonprofits offers free access to top-notch design tools, empowering non-profit organizations to create impactful marketing and campaign materials.

Key Points:

No cost, no strings attached.
Non-profits can access Canva Pro for free.
Criteria for eligibility align with Canva Guidelines.

Learn more about it from Canva’s official website.

Temprory Free Access to get Canva Pro for Free

1. Canva Pro Free Trial

Canva offers a free 30-day trial, granting unlimited access to premium content and powerful design tools, including AI-powered features. Both monthly and yearly plans are available, with pricing details discussed later for better understanding.

Features of Canva Pro You'll Explore:

Remove Video Background and edit and save premium videos across platforms.
Utilize the Background Remover tool for image background removal, ideal for product photos and transparent PNGs.
Access premium content such as photos, elements, videos, and audio libraries.
Easily animate graphics and create stunning videos.
Work with free and premium templates to design and customize for any occasion.
Utilize the Brand Kit feature to customize templates according to brand identity.

Pricing of Canva Pro:

Canva Pro Monthly Plan: ₹499/Month with a Free Trial.
Canva Pro Yearly Plan: ₹3,999/Month with a Free Trial.

2. Contests and Giveaways

Canva spices things up with exciting contests and giveaways, offering participants the chance to win a free Canva Pro membership. These events aim to engage users and showcase their creativity.

Stay updated on these contests and giveaways by visiting the Canva website regularly.

Alternative Design Tools

In Pakistan, there are a couple of notable alternative design tools like Adobe Express and Visme, which claim to be Canva alternatives. However, it's essential to consider their limitations and learning curves before making a switch.

Adobe Express offers basic design features similar to Canva but may lack the same variety of templates and collaborative functionalities. Additionally, its user interface might be slightly more challenging to navigate compared to Canva, requiring a bit of a learning curve.

Visme specializes in creating presentations and infographics, offering various design elements, but its template selection might not be as extensive as Canva's. While it's a decent alternative, it could slow down the design process for those accustomed to Canva's intuitive interface.

Although Adobe Express and Visme are viable alternatives, they may not match Canva's diverse template library and seamless collaboration features, especially Canva Pro, which can be accessed for free.

Considering Canva's popularity and user-friendliness, it remains the preferred choice for many in India.

While exploring these alternatives is worthwhile, don't overlook the benefits of Canva and the potential to access Canva Pro for free, catering to a broad audience in India.

To conclude, you have various legitimate avenues to access Canva Pro for free, from the 30-day trial to educational programs, contests, and the Canva Affiliate Program. However, remember to use Canva Pro features responsibly and ethically.

Explore the available free resources, but also assess whether Canva Pro aligns with your design requirements.

Before we wrap up, I'd like to mention the Digital Scholar’s Canva Mastery Course. This course focuses on enhancing your Canva design skills, teaching graphic design techniques and strategies. Whether you're working on personal projects or venturing into freelancing, this course will empower you to leverage Canva like a pro. Unleash your creative potential responsibly and create stunning designs with Canva Pro.

Frequently Asked Questions

Q. How can I access Canva Pro for free?

A. You can enjoy a 30-day free trial of Canva Pro, explore educational programs, participate in contests, or refer friends through the Canva Affiliate Program to earn free access.

Q. Is the 30-day free trial of Canva Pro truly without any charges?

A. Yes, the 30-day trial allows you to experience the full suite of Canva Pro features at no cost. Just sign up with your credit card, and no charges will be applied during the trial period.

Q. Can students and educators get Canva Pro for free?

A. Yes, Canva for Education offers Canva Pro for free to eligible students and educators. K-12 Teachers, students, and schools are eligible for Canva Pro for free.

Q. Are there ethical ways to access Canva Pro without payment?

A. Absolutely! Ethical methods include the 30-day trial, educational programs, referral programs, and participation in Canva contests. These avenues allow you to unlock Canva Pro features responsibly.

Q. Is Canva Pro the only option, or are there alternatives?

A. While Canva Pro is excellent, there are alternatives like GIMP, Visme, and Adobe Express. However, these options may have limitations and learning curves compared to the user-friendly nature of Canva Pro.

CapCut Mod APK v11.1.0 (Premium Unlocked) March 2024

noreply@blogger.com (Admin) — Fri, 01 Mar 2024 02:23:00 +0000

Welcome to the realm of CapCut, a groundbreaking video editing application crafted with simplicity and functionality at its core. Created by Tariq Javaid, this app stands as an indispensable tool for crafting and refining digital content, boasting a wide range of features and advantages. With CapCut APK, users can effortlessly turn their raw footage into engaging and polished videos, making video editing accessible to all. Unleash your creativity with CapCut MOD APK! Edit videos like a professional with premium features. Get the mod today! Download it for free. Experience the full potential of video editing with CapCut Mod APK for Android! Download CapCut now to unlock premium features. Avoid the monthly $7.99 charges of CapCut by downloading Premium CapCut MOD. Unlock features such as No Watermark and Unlimited Background Removal!

The CapCut Mod APK offers several additional features, including:

1. Ad-Free Color Mod

2. Advanced Tools

3. Safe & Secure

4. Extensive Library of Amazing Songs

5. New AI Body VFX

6. Bug Fixes

7. Support for Multiple Soundtracks

8. Easy-to-Use Interface

CapCut has gained global recognition as one of the premier video editing programs, renowned for its exceptional editing features and user-friendly interface. In addition to basic editing functions like trimming, cutting, merging, and adding music, this application offers numerous other features to enhance the engagement of your videos.

Whether you're editing videos for social media platforms such as Facebook, Instagram, WhatsApp, TikTok, or YouTube, and whether you're aiming for professional-grade visual effects or simply looking to enhance your content, CapCut Mod APK is the ideal choice. CapCut is a fantastic editing application that empowers users to craft and share short videos with a plethora of exciting features. Moreover, the application is compatible with a wide range of devices, including Android, iOS, Mac, and Windows.

About CapCut Mod APK

CapCut is a video editing application developed by Bytedance for both iOS and Android platforms. This free-to-use app offers a diverse library of sound effects, stickers, and transitions, enabling users to create unique and captivating videos. With its user-friendly interface, CapCut is particularly well-suited for beginners seeking to elevate their video content to a professional level without prior editing experience. Additionally, CapCut supports video formats ranging from 720p to 4K resolution.

CapCut Premium APK incorporates advanced smart artificial intelligence and computer vision technologies. Its AI capabilities enable the detection of faces and other crucial objects in videos, recommending optimal filters to streamline the editing process.

Our dedicated team has modified an APK version of CapCut Mod to cater to users' needs. With this mod version, users gain access to unlimited features without any restrictions, all while enjoying a completely free experience. Are you ready to dive in? Give CapCut Mod APK a try and share your thoughts in the comments section below.

Furthermore, users can add their own music and voiceovers to videos, and CapCut provides a library of video templates to simplify the creation process. Notably, all videos are automatically saved, eliminating the need for manual intervention. Let's delve deeper into the most intriguing aspect of today's guide: the features of the new version of CapCut's mod APK.

Why CapCut Mod APK?

Users may wonder why they should opt for CapCut Mod APK when the original version already offers numerous features. While CapCut's original version boasts millions of functionalities, it also harbors some hidden drawbacks. Having utilized CapCut Mod APK since 2019, I can shed light on a few main issues encountered with the original version:

1. CapCut does not support videos in 4K resolution.

2. It lacks advanced video editing capabilities.

3. The absence of support for 3D effects.

4. The app does not facilitate the addition of subtitles or closed captions.

Despite being a robust video editing tool, CapCut's original application does exhibit some significant limitations. However, CapCut Mod APK serves as a viable solution for addressing these shortcomings. With CapCut Mod APK, users can create videos in 4K resolution, leverage advanced audio editing features, incorporate 3D effects, and add subtitles to their videos.

CapCut remains a professional video editing software offering powerful tools and features to craft high-quality and engaging video content.

CapCut Premium Plans Costs

CapCut Premium Plans Costs:

Monthly Subscription: $7.99 per month
One-month PRO: One-Time payment of $9.99
CapCut cloud space: $1.99 per month
One-year PRO: One-Time payment of $74.99

CapCut offers several subscription options with varying features and pricing:

1. Monthly Subscription - $7.99:

This plan provides access to advanced features like keyframing and masking.
Users can utilize various templates and media assets.
Advertisements won't interrupt the editing process.
The subscription fee of $7.99 is charged monthly until cancellation.

2. One-Month Pro - $9.99:

For a one-time payment of $9.99, users can access all pro features for one month.
After the month expires, the subscription ends without additional charges.
Suitable for users who want to test pro features without a long-term commitment or for specific projects.

3. CapCut Cloud Space - $1.99:

CapCut Cloud Space costs $1.99 per month and is billed separately from the Premium Plan.
Premium Plan subscribers can purchase CapCut Cloud Space.
It allows users to store videos on CapCut's cloud server, enabling easy access from anywhere and freeing up mobile storage.

4. One-Year PRO - $74.99:

This plan offers access to all premium features for a full year at a discounted price of $74.99.
Ideal for users seeking long-term access to advanced editing tools and features.

These subscription options cater to various user preferences and needs, providing flexibility and affordability for CapCut users.

CapCut Mod Apk v11.1.0 No watermark+Pro Unlocked 2024

The new features of CapCut transform your raw footage and videos into a vibrant mosaic of colors and visual excellence.

In the updated version of CapCut, several new features have been introduced by the CapCut development team:

1. Keyframe: An integral part of animation, defining the starting/ending point in the video for smooth transitions. Keyframe animation is available in the settings.

2. Slow Motion Effect: CapCut introduces ultra-smooth slow-motion effects, enhancing detail and creating a super-slow look in videos.

3. Image Enhancement: CapCut Premium APK offers handy image enhancement features to improve picture quality seamlessly with just one click.

4. Picture in Picture (PIP): Overlay video and photos on top of a clip, easily combining different media.

5. Background Removal: Easily remove the background from any video with just a few clicks using CapCut.

6. Video Editing Tool: CapCut provides various video editing tools such as trim and tighten, split, merge, rotate video clips, and simultaneous dragging above and below video on the timeline.

7. AI Video Editing Tool: Seamlessly edit photos and videos with the app's AI capabilities. Instantly remove backgrounds from photos and videos with a single click.

8. Short-form Video Clip Editing: Edit videos quickly and easily within a short timeframe.

9. Library of Backgrounds: Choose from a vast library of backgrounds to enhance the visual appeal of your videos.

10. No Advertisements: The mod version is free from ads.

11. Unlocked Features: All premium features are unlocked in the mod version.

12. Music and Soundtrack Effects: Enjoy a huge library of royalty-free music and sound effects integrated with TikTok for seamless use.

13. CapCut Templates: Access hundreds of pre-built templates, including trending 3D zoom templates for platforms like TikTok, Facebook, and Instagram reels.

14. Glitch Effect: Easily add glitch effects to your videos for a cinematic touch without the need for additional apps.

15. Stabilization: Use the video stabilization feature to eliminate jitteriness and shakiness in your videos, providing smooth and cleaner footage.

16. XML Support: Share and exchange information with other platforms using XML support, allowing effortless transfer of CapCut projects.

17. AI Model: Utilize AI models directly within the app to customize faces, colors, and models according to your preferences. Access CapCut's built-in products library or add products from your phone's gallery.

These new features enhance the capabilities of CapCut, providing users with more tools and options to create stunning videos effortlessly.

Advantages & Drawbacks:

Advantages:

1. User-friendly interface: CapCut offers an intuitive interface that is easy to navigate, making it accessible to users of all skill levels.

2. Wide range of features: CapCut provides a comprehensive set of editing tools and features, allowing users to enhance their videos creatively.

3. Compatibility with multiple devices: CapCut is compatible with various devices, including iOS, Android, Mac, and Windows, ensuring flexibility and accessibility.

4. Free to use: CapCut is available for free, making it accessible to a wide audience without requiring a subscription fee.

5. No watermarks: Unlike some other video editing apps, CapCut does not impose watermarks on edited videos, preserving the professional appearance of the content.

6. Social media integration: CapCut seamlessly integrates with popular social media platforms, enabling users to easily share their edited videos with their followers.

7. Collaborative editing: CapCut supports collaborative editing, allowing multiple users to work on the same project simultaneously, fostering teamwork and creativity.

8. Support for high-resolution videos: CapCut supports high-resolution videos, ensuring that users can create and edit content in stunning clarity and detail.

Drawbacks:

1. Limited font options: One drawback of CapCut is its limited selection of fonts, which may restrict users' ability to customize text in their videos to their liking.

CapCut Apk Review:

As a seasoned video editor, my journey with CapCut has been extensive. Throughout my career, I've relied heavily on CapCut, particularly the latest version available through CapCut Mod APK. This tool has been instrumental in accomplishing numerous video editing tasks with efficiency and finesse. From my extensive usage, I can confidently affirm that CapCut stands out as a user-friendly editing platform, empowering creators to craft compelling content without the need for advanced editing prowess.

CapCut's intuitive interface streamlines the editing process, making it accessible to users of all skill levels. Whether you're a beginner or a seasoned editor, CapCut provides a seamless editing experience, enabling you to unleash your creativity and produce high-quality videos effortlessly. Personally, I continue to leverage CapCut Pro for my editing endeavors, finding its features indispensable in achieving professional results.

For those seeking to elevate their editing capabilities, I wholeheartedly recommend exploring CapCut Mod APK for Android. By downloading this version, users gain access to the latest editing features and enhancements, further enhancing the editing experience.

Instructions for Installing CapCut Mod APK:

1. Begin by clicking on the Download button below and patiently wait for the completion of the download process.

2. Prior to installation, ensure that "Unknown sources" is enabled within your mobile device settings to allow for the installation of applications from sources other than the Google Play Store.

3. Once enabled, proceed by clicking on the install button to initiate the installation of CapCut Mod APK.

4. Upon successful installation, delve into the myriad possibilities of CapCut's enhanced features, and embark on your journey towards creating captivating video content.

By adhering to these simple steps, you can seamlessly integrate CapCut Mod APK into your editing toolkit, unlocking a world of creative possibilities and elevating your video editing endeavors to new heights.

Conclusion:

If you're seeking to enhance your editing skills, CapCut Mod APK is the ideal solution. Leveraging my expertise as a CapCut enthusiast, I've compiled a comprehensive list of features that I utilize daily for video editing tasks. With the Mod version of CapCut, the possibilities are endless, empowering you to create captivating content. Install CapCut Premium APK today and dive into the world of video editing. Should you encounter any challenges along the way, simply drop your queries in the comment section below, and our team of experts will be on hand to assist you.

Frequently Asked Questions About CapCut Mod APK

Is CapCut Mod APK good for editing tasks?

CapCut stands out as one of the premier editing applications, boasting a myriad of features that cater to the diverse needs of creators. However, opting for the Play Store version may entail certain limitations. Fortunately, CapCut Mod APK offers a solution by granting unrestricted access to all the premium features inherent to CapCut.

Who is the founder of CapCut?

CapCut was developed by ByteDance in 2019.

How long can CapCut videos be?

With CapCut, users have the capability to create videos that are up to three minutes in length.

How many people use CapCut?

As of October 2020, CapCut reported having over 200 million users worldwide.

How to Install an Anti-Adblocker Script on Your WordPress Website

noreply@blogger.com (Admin) — Thu, 29 Feb 2024 02:02:00 +0000

How to add Anti-AdBlock Script in Wordpress

Are you looking to enhance your revenue potential on your Wordpress website by preventing Adblockers? If so, this article is tailored for you.

How To Add An Anti Adblock Script In Wordpress? Within these pages, I'll guide you through the simplest method of detecting Adblockers in Wordpress and compelling users to disable them on your site.

But first, let's clarify: What exactly is an Adblocker, and why should you consider employing an Anti Adblocker script on your website?

Adblockers primarily function as browser extensions engineered to intercept and block ads from appearing on web pages, effectively stripping them of ad content.

Now, why does this matter? Well, when a user employs an Adblocker extension, any ads present on your site won't be visible to them. Consequently, you lose out on potential ad clicks and impressions from their visit, which can significantly impact your overall ad revenue.

Anti Adblock script for WordPress (without Plugin)

This issue has grown increasingly pressing as more individuals opt for a cleaner browsing experience, albeit at the expense of creators like us who rely heavily on ad-generated income.

Even major online platforms such as Google, YouTube, and Facebook heavily depend on ads. As a content creator, encouraging your audience to disable Adblockers becomes crucial. After all, considering the content is provided free of charge, encountering a few ads shouldn't be a major inconvenience for users.

After recently publishing a video on adding an anti-adblock script to Blogger, I received several requests for a tutorial on implementing it on WordPress websites. Follow the step-by-step guide below to accomplish this:

How to Install Anti Adblock script in Wordpress?

To install the anti-adblock script in WordPress, first, log in to your dashboard and navigate to Appearance > Theme File Editor. Next, open the Footer.php file and locate the </body> tag within it. Once found, paste the script just above this tag. Finally, update the theme code, and the installation is complete.

<style>
.note{position:relative;padding:20px 30px 20px 50px;background-color:#e1f5fe;color:#01579b;font-size:.85rem;line-height:1.62em;border-radius:2px}
.note:before{content:'\2605';position:absolute;left:18px;font-size:20px}
.noteAlert{background-color:#ffdfdf;color:#e65151}
.noteAlert:before{content:'\2691'}
</style>
<script>//<![CDATA[ 
!function() {function f() {var a=document.getElementById("main");a.innerHTML='<p class="note noteAlert blocked"><strong>Ad-Block Detected :((</strong><br><br>Sorry, We detected that you have activated Ad-Blocker. <br> Please Consider supporting us by disabling your Ad-Blocker,It helps us in maintaining this website. <br>To View the content disable adblocker and refresh the page.<br><br>Thank You !!!</p>';} var b=document.createElement("script");b.type="text/javascript";b.async=!0;b.src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";b.onerror=function() {f();window.adblock=!0};var e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(b,e)}(); 
//]]></script>

If the provided code snippet does not function properly, you need to replace the ID (e.g., main) of your main content as utilized in your theme.

If you prefer not to integrate it directly into the theme file editor, consider employing a code manager plugin such as Header Footer Code Manager on your website.

Header-Footer-Code-Manager-WordPress-plugin

This plugin facilitates adding code to the footer section of your WordPress website.

If you utilize an AdSense plugin like AdInserter, you can utilize it to add the code to the footer section as well.

Simply input the code into one of the designated boxes and configure the placement to the footer.

Implementing an anti-adblock script in WordPress allows for the identification of Adblocker users on your website and encourages them to disable the adblocking tool.

Best Anti Adblock WordPress Plugins

If you prefer not to utilize a script, you have the option to directly integrate an anti-adblock plugin into WordPress. Here are the top 5 plugins you may consider:

1. Ad Blocker Notify

2. AdBlock X

3. Ad Blocking Detector

4. Simple Adblock Notice

5. Block AdBlock

Note that while some of these plugins may not be tested with the latest WordPress version and due to frequent evolution of adblockers, they may not function optimally in certain cases.

While these plugins serve the same purpose as the aforementioned script, they present adblock notices differently, showcasing various styles of warning messages to users. However, I recommend using the script mentioned earlier for its efficiency and avoidance of the need for an additional plugin.

Anti-ad blocker plugins, also known as anti-adblockers or ad-blocker blockers, are tools or scripts utilized by website owners and marketers to detect and prevent individuals from using ad-blocking software when visiting their sites. Ad blockers are browser add-ons or applications that users install to prevent online advertisements from appearing.

The primary function of an anti-ad blocker plugin is to identify when a user attempts to access a website while using an ad blocker. Subsequently, it may prompt the user to disable the ad blocker or restrict access to content until the ad blocker is deactivated. These actions may involve displaying messages to users requesting them to "whitelist" the site, blocking access to specific content, or imposing limitations on website usage.

Should you encounter any issues during this process, feel free to ask in the comment section. How to set powerful Anti Ad Blocker for Blogger and WP?

Remember to share this article with your blogging community to help them enhance their earnings.

FAQs About Anti-Adblocker for WordPress:

How do I add ad blocker to WordPress?

To swiftly add a new Ad block, simply type "/ad" on a new line and then press enter. For additional guidance on working with blocks, refer to our detailed instructions on adding blocks.

How do I add an ad script to WordPress?

To begin, log in to your WordPress admin dashboard. Then, navigate to Plugins > Add new. Search for the "Insert Headers and Footers" plugin, install it, and activate it.

Once activated, proceed to Settings > Insert Headers and Footers in the dashboard menu. Paste the Google AdSense verification code into the Headers section, and ensure to save the changes.

Adding a Custom Domain to Blogger Using GoDaddy

noreply@blogger.com (Admin) — Wed, 28 Feb 2024 02:04:00 +0000

How To Add Custom Domain To Blogger From GoDaddy

which states that a custom domain name is a distinctive URL for a website, enhancing its brand value. For instance, Google's domain name is www.google.com. Below, I will detail the process of configuring a custom domain name such as www.example.com for your Blogger blog instead of using a subdomain like subdomain.blogspot.com.

Blogger has recently undergone an interface update. Let's explore how to configure a domain name within the new Blogger interface.

How to Setup Custom Domain Name for Blogger using CNAME and A Records

Setup a Blogger Custom Domain Name

Once you've set up a custom domain name, your blog can be accessed using that domain, such as www.example.com. For instance, if you've purchased the domain www.example.com and configured it for your Blogger blog, then your blog will be accessible via www.example.com.

So, why wait? This setup will transform your Blogspot address from mywebsite.blogspot.com to mywebsite.com, making your blog available at mywebsite.com. Let's delve into how to accomplish this.

Set custom domain Name for Blogger Blog

To begin, purchase your desired domain name from a domain name registrar. Remember, the domain name is crucial for SEO and brand identity, so choose wisely. Once you've secured your domain name, follow these steps in the Blogger dashboard:

1. Click on the Settings button.

2. Scroll down to the Publishing Section.

3. Click on Custom Domain.

4. After purchasing your domain name, enter it into the designated field.

5. Click on the Save button to generate the CNAMEs.

6. The system will return an error message along with the updated CNAME values on your domain name provider. Two CNAME values will be generated: the first is common, and the second is unique.

You'll need to enter these CNAME values in the upcoming steps (number 11 in this guide).

7. To update these DNS settings, log in to your Domain Name Provider account, such as Namecheap or GoDaddy.

8. Find the DNS Settings options for your domain name.

9. Next, add HOST and POINT or Target Values.

10. First, add the A Records (these are common).

There will be four A Records. Update each of these with Google’s IP.
For the Host value of all A Records, use the symbol “@”.
For the Point or Target value, add the IP addresses provided below one by one:

216.239.32.21
216.239.34.21
216.239.36.21
216.239.38.21

Now, update the CNAME records (there are two).

The common CNAME for all is:

Name: www
Destination: ghs.google.com

The unique CNAME generated for each blog. For example:

Name: jsjry7b2kmmd
Destination: gv-oygbohsqqryyjr.dv.googlehosted.com (refer to step 5 where it is generated).

The new settings for the domain name will take some time to update on the server, depending on the Time to Live (TTL) you've chosen (in our case, it is 1 hour, as shown in the screenshot above). Typically, Domain Name Providers display the TTL value in seconds. For instance, if the value is 7200, your DNS changes will go live after 2 hours.

Enable HTTPS for the custom domain

HTTPS ensures secure communication with your blog, which is essential for building trust with users and is also crucial for SEO purposes.

You need to direct your website to a single HTTPS URL. Under the fallback subdomain redirect domain settings:

1. Enable Redirect Domain from the naked domain to the www version of the domain.

2. Activate a secure server using HTTPS and ensure HTTPS availability. Please note that this process may take a few minutes, during which the website may not be reachable or may display an error message.

3. After a while, the website will be live again with HTTPS. Enable HTTPS redirect to prevent SEO conflicts.

Final Thought:

This article has provided a guide on setting up a custom domain name for your Blogger blog and enabling HTTPS for Blogger’s custom domain name.

If you have any doubts, questions, or feedback, please don't hesitate to ask in the comment section below.

FAQs About Custom Domain Blogger to Godaddy:

How do I use a custom domain on Blogger?

To start, navigate to the left menu and click on "Settings." Then, under the "Publishing" section, click on "Custom domain." Enter the URL of the domain you purchased, and finally, click on "Save."

How do I use my GoDaddy domain with Blogspot?

If you're using a different domain registrar, the basic steps will remain the same, but the interface may vary depending on your registrar.

1. Purchase your domain.

2. Add your domain to Blogger.

3. Update your DNS settings in GoDaddy or your chosen domain registrar.

4. Set up a redirect to "www".

5. Return to Blogger to complete the setup.

Is domain needed for Blogger?

Typically, blogs are hosted by Google as a subdomain of blogspot.com, such as www.myawesomeblog.blogspot.com. However, users also have the option to host them on a custom registered domain, like domain.tld.

Adding WhatsApp Chat Button to Shopify (With Coding or Without)

noreply@blogger.com (Admin) — Tue, 27 Feb 2024 07:35:00 +0000

Certainly! Here's a rewrite that adheres to Google Content Policy:

"A WhatsApp Chat button on your Shopify store facilitates direct messaging from customers without the need to save your number. This feature is particularly beneficial for mobile users.

Adding a WhatsApp Chat button to Shopify is simple and doesn't require hiring a developer. You can do it yourself.

In this tutorial, we'll walk you through the step-by-step process of integrating WhatsApp Chat into your Shopify store. Feel free to use the provided code to easily add the WhatsApp Chat button."

What is a WhatsApp Chat Button?

A WhatsApp Chat Button is a tool that allows website visitors to start a conversation with a business directly on WhatsApp. It typically appears as an icon or text button containing a link to initiate a WhatsApp chat, including the business's number and a pre-set message.

The primary advantage is that visitors can engage in a chat without needing to save the business's number. When clicked, the button opens the WhatsApp Chat screen with the business's number and the predefined message.

Typically, you'll find this button positioned at one of the bottom corners of the webpage.

Below is an example of a WhatsApp Chat Button:

Now, let's discover the process of integrating WhatsApp into Shopify.

How to Add WhatsApp Chat Button to Shopify?

In Shopify, there are two methods to add a WhatsApp Chat button:

1. Adding Code Manually: This involves inserting a WhatsApp Chat Link button into the Shopify theme.liquid file.

2. Using Shopify App: You can also opt to install and configure a Shopify WhatsApp Chat button app.

Both options are simple to implement, and you can choose whichever suits your preference.

Now, let's explore the step-by-step process of manually adding a WhatsApp Chat button to Shopify.

Step 1: Go to Shopify Theme > Edit

To begin, log in to your Shopify admin account, then navigate to Sales channels > Online Store > Themes.

Next, click on the three dots [⋯] located next to the Customize button, and select Edit Code.

This action will open the Shopify theme editor.

Step 2: Add WhatsApp Button Code

In the Shopify theme editor, navigate to Layout > theme.liquid file.

This file is where we'll insert the WhatsApp Chat button code, ensuring it applies to the entire store.

Copy code:

{% assign whatsappNumber = "923064846269" %}
{% assign Message = "Hello Meetanshi, I need your help!" %}
{% assign buttonPosition = "right" %}
{% assign buttonColor = "#25d366" %}
{% assign closeButtonColor = "black" %}
{% assign ctaText = "WhatsApp us" %}
{% assign marginBottom = "1.25em" %}
{% assign marginLeft = "1.25em" %}
{% assign marginRight = "1.25em" %}
{% assign cornerRadius = "2.5em" %}
{% assign zIndex = "999999" %}
{% assign showCloseButton = true %}  {# Set this to false to hide the close button #}
 
{% if buttonPosition == "left" %}
  {% assign positionStyle = "left: 0;" %}
{% else %}
  {% assign positionStyle = "right: 0;" %}
{% endif %}
 



 
  Whatsapp us!  {% if showCloseButton %}
×
{% endif %}

Paste the code before the </body> tag inside the theme.liquid file.

Step 3: Customize WhatsApp Button in Shopify

Before saving, ensure to customize the code with your preferred phone number and message. You can also adjust other variables to personalize the Shopify WhatsApp Chat Button.

These variables are declared at the top of the code.

You have the flexibility to customize various aspects of the Shopify WhatsApp Chat Button:

1. WhatsApp number (including country code without +)

2. Message text

3. Button position (left or right)

4. Button color

5. Close button color

6. Button call-to-action (CTA) text

7. Show button or not (true or false)

Additionally, within the code, you can modify the logo image of WhatsApp by adjusting the source in this snippet:

<img src="https://meetanshi.com/blog/wp-content/uploads/2023/08/whatsapp-logo-example.png" alt="WhatsApp Logo">

We strongly recommend uploading a logo image to your Shopify Content Delivery Network (CDN) and replacing the above link with it.

After making these adjustments, save the file. The Shopify WhatsApp Chat Button will then be visible on the frontend. Similarly, you can also explore adding a WhatsApp Share Button to Shopify.

What is the Best Way to Add WhatsApp Chat to Shopify?

Manually adding the code for Shopify WhatsApp Chat may not be the optimal method. While it's simple, it demands some technical know-how, making it less suitable for novice store owners.

Instead, consider Meetanshi WhatsApp Chat app for Shopify. It's a superior alternative, offering seamless integration at no cost. With this app, you can effortlessly:

- Add WhatsApp Chat Button to Shopify

- Customize the admin mobile number

- Set a personalized WhatsApp message text

- Adjust the button's position on the frontend

Install and try the app now for free to enhance your Shopify store's communication capabilities!

How do I add an author image in WordPress without plugin

noreply@blogger.com (Admin) — Mon, 26 Feb 2024 17:25:00 +0000

Did you know you can incorporate an author box into your GeneratePress theme without the need for extra plugins?

To assist fellow bloggers, I've put together a comprehensive guide on adding an author box using the Element feature within the GeneratePress theme.

You might wonder why not simply install a WordPress plugin for an author box. However, adding extra plugins can potentially slow down your website. Utilizing custom HTML and CSS code through the native GeneratePress Element feature is a better alternative.

Please note: This method is only applicable if you have the GeneratePress premium plugin installed on your WordPress website.

Why Do You Need an Author Box On Your Website?

Incorporating an Author Box at the conclusion of your blog post serves multiple purposes: it aids readers and search engines like Google and Bing in identifying the individual responsible for the content.

This practice fosters a strong relationship and trust between the reader and the author while also contributing to the establishment of authority within the online community.

Are you familiar with the EAT algorithm? To achieve favorable rankings on Google, it's essential to cultivate a brand that embodies expertise, authority, and trustworthiness—this is precisely what E-A-T represents. Implementing an Author Box marks the initial step toward fulfilling these criteria.

Steps to add author box in generatePress theme.

Prior to integrating the author box into your GeneratePress theme, you'll need to configure some fundamental settings within WordPress.

1. Add a Profile photo and Author description

Navigate to the WordPress dashboard and access the User section. Then, click on the Edit button located just below the username.

Next, scroll down until you locate the section labeled "About Yourself." Within the "Biographical Info" field, input your author description, and below it, set your Profile Picture.

Additionally, you can incorporate a link to your about us page within the Author box using a straightforward method. In the biographical info section, paste the link in the following format:

<a href="https://safidottech.com/about-us/">about us page</a>

By doing so, you can seamlessly include anchor text with a link in the Author box of the GeneratePress theme.

If you haven't set up Gravatar yet, you can do so by clicking on the link provided below. This will take you to the Gravatar website where you'll need to create an account using the same email address associated with your WordPress account. From there, you can upload your profile image. Once uploaded, it will automatically fetch the profile photo to your WordPress account.

2. Activate the Element module

To activate the Element module, navigate to Appearance > GeneratePress > Elements > Activate.

If you've already completed that step, you can proceed to the third step.

3. Create a new Hook Element

Now, navigate to the Appearance section and locate an option labeled "Element." Click on it. Then, click on "Add New Element" and choose "Hook."

4. Set the title as “Author Box” and paste the HTML code

You need to set the title as "Author Box" and paste the following HTML code into the code editor.

Copy the Below code

<div class="author-box">
    <div class="avatar">
        <?php echo get_avatar( get_the_author_meta( 'ID' ), 250 ); ?>
    </div>
    <div class="author-info">
        <h5 class="author-title" itemprop="author" itemscope itemtype="http://schema.org/Person">
            <span itemprop="name"><?php printf( get_the_author_meta( 'display_name') );?></span>
        </h5>
        <div class="author-summary">
            <p class="author-description"><?php echo wp_kses( get_the_author_meta( 'description' ), null ); ?></p></div>
<div class="author-links">
            <a href="<?php echo get_author_posts_url( get_the_author_meta( 'ID' ) ); ?>" title="Read more"></a>
       </div>
    </div>
</div>

5. Setup Hook setting

After pasting the code, you need to configure the Hook setting. In the Hook option, select "Generate After Content" and then click on "Execute PHP." Set the priority to "20".

6. Setup Display Rule

Now, click on the "Display Rule" located just to the right of settings. In the Location section, select "All Singular" and in the Exclude tab, choose "Front Page".

Now that you've finished configuring the Hook settings, click the "Publish" button.

7. Add CSS code

You're now tasked with styling your author box using CSS code. Here's how: Navigate to Appearance >> Customize >> Additional CSS. Paste the provided code below, then click the "Publish" button to save your changes.

Copy the CSS code :

.author-box {
	padding: 3%;
	padding-bottom: 10px;
	margin-top: 30px;
	font-size: 0.9em;
	background-color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
        box-shadow: 0 9px 28px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}
.author-box .avatar {
	width: 450px;
	height: auto;
	border-radius: 100%;
	margin-right: 30px;
}
h5.author-title {
	margin-bottom: 0.1em;
	font-weight: 800;
}
.author-description {
	line-height: 1.6em
}
.author-links a {
	margin-top: -1.5em;
	font-size: 2em;
	line-height: 2em;
	float: left;
}
@media (max-width: 768px) {
	.author-box {
		padding: 20px;
		padding-bottom: 25px;
		margin-top: 60px;
		flex-direction: column;
		text-align: center;
	}
	.author-box .avatar {
		margin-right: 0;
		width: 100%;
		margin-top: -25px;
	}
	.author-box .avatar img {
		max-width: 100px;
	}
	.author-links a {
		float: none;
		align-self: center;
	}
	.author-description {
		margin-bottom: -0.1em;
	}
}

Congratulations! You've successfully integrated the Author box into your GeneratePress theme without the need for any plugins.

Note: If you're using the free version of the GeneratePress theme, you'll need to utilize a plugin to incorporate the author box. Here are some popular WordPress plugins you can consider for adding an author box to your website:

1. Simple Author Box – This lightweight plugin enables easy addition of an author box to your WordPress posts and pages.

2. WP Post Author – With this plugin, you can add an author box to your website, offering various customization options like positioning, social media icons, and more.

3. Author Bio Box – This plugin allows you to display an author box on your website, featuring options for customization such as appearance and inclusion of social media links.

Conclusion

We've now walked through the step-by-step process to integrate the Author box into the GeneratePress theme on WordPress. If you have any questions or uncertainties, feel free to ask in the comment section or connect with me on Twitter.

If you found this guide helpful, please consider sharing it with your blogging community and showing appreciation for the effort. Thank you.

Link Whisper Plugin Review for WordPress - Best Internal Linking

noreply@blogger.com (Admin) — Sat, 24 Feb 2024 02:29:00 +0000

Internal linking plays a pivotal role in both SEO optimization and enhancing user experience across websites. By facilitating search engine comprehension of a site's structure and content, as well as aiding users in navigating and discovering related material, internal linking serves as a cornerstone for website performance.

Furthermore, it contributes to elevating a website's authority and improving its ranking within search engine results pages (SERPs), while also yielding indexing benefits through proficient internal linking strategies.

However, managing internal links, particularly on expansive WordPress sites, can prove arduous and time-intensive if conducted manually. Ensuring the relevance and currency of links becomes increasingly challenging with site expansion.

Fortunately, Link Whisper offers a solution by automating the internal linking process within WordPress. By analyzing content and keywords, it intelligently suggests relevant links and simplifies their addition and management across the site. In this article, we delve into a comprehensive exploration of Link Whisper—examining its functionality and utility in optimizing internal linking strategies.

What is Link Whisper?

Link Whisper, a WordPress plugin, streamlines the task of incorporating and organizing internal links on websites. Engineered for user-friendliness, it operates by proposing links aligned with content and keywords, thereby enhancing efficiency and saving time.

The plugin offers both Free and Paid plans. While the free version provides basic functionality, users are limited and must manually handle internal linking tasks.

Some key features of Link Whisper include:

Link Whisper offers a range of features aimed at enhancing internal linking on WordPress sites:

1. Suggesting relevant internal links: The plugin recommends internal links based on content and keywords.

2. Outbound link overview: It provides a comprehensive view of all outbound links, including their status (follow/nofollow).

3. Centralized interface: Users can conveniently manage internal links from a single interface.

4. Advanced customization: Customization options include setting custom link text and attributes.

The user interface of Link Whisper is intuitive and user-friendly. It presents a list of site pages and posts, alongside suggested internal links for each. Users can effortlessly add and edit links directly from this interface.

Overall, Link Whisper serves as a valuable content marketing tool, simplifying internal linking processes on WordPress while enhancing SEO and user experience.

Having utilized this plugin for approximately a year, I'll provide a detailed review to help you determine if it aligns with your needs and preferences.

How does Link Whisper work?

Link Whisper operates by analyzing the content and keywords within pages and posts on a WordPress website. It then suggests internal links to other relevant pages or posts based on shared topics and keywords.

To manage internal links using Link Whisper, users can access the plugin's interface and navigate to the "Links Report" tab. From there, they can select the specific page or post they wish to edit. Within this interface, users can review the suggested internal links and make decisions regarding which ones to include or exclude.

Link Whisper provides advanced customization features, allowing users to set custom link text and attributes. This functionality proves beneficial for optimizing internal link anchor text and implementing nofollow tags where necessary.

Moreover, the plugin offers tracking capabilities, enabling users to monitor various metrics such as the total number of internal and external links, orphaned posts, broken links, and 404 errors. Additionally, users can review the domains most frequently linked from their website.

In summary, Link Whisper streamlines the process of adding and managing internal links on WordPress sites. By suggesting relevant links and providing advanced customization options, it enhances efficiency and saves time for users, catering to both novice and experienced users alike.

Link Whisper Pricing

The Link Whisper plugin offers three pricing plans, as outlined below:

1. Single Site License – $77

2. Three Site License – $117

3. Ten Site License – $167

All plans include updates for one year only; there is no lifetime plan available for this plugin. Purchases can be made using both credit card and PayPal payment methods.

Link Whisper vs. Other Internal Linking Plugins

While Link Whisper stands out as an internal linking plugin for WordPress, it's important to note that several other popular options exist, including:

RankMath SEO
YOAST SEO
Internal Link Juicer
Internal Links Manager

Each of these plugins comes with its own set of advantages and disadvantages, making the optimal choice contingent upon the specific needs of the website and the preferences of the user.

For instance, RankMath SEO is renowned for its comprehensive suite of SEO features, including internal linking capabilities. However, its extensive range of functionalities may prove to be more complex and feature-rich than some users require.

Internal Link Juicer is a lightweight plugin designed for simplicity, focusing exclusively on internal linking. While it offers fewer customization options compared to Link Whisper, it serves as an excellent choice for users seeking a straightforward internal linking solution without the need for extensive customization.

Internal Links Manager is a lightweight plugin similar to Simple Internal Links, offering simplicity and basic functionality. It's ideal for users seeking a straightforward internal linking solution without additional complexities.

On the other hand, Link Whisper provides a more comprehensive approach to internal linking, combining ease of use with advanced customization options. It's suitable for users looking for a feature-rich solution to effectively manage their internal linking strategies.

Conclusion

To sum up, Link Whisper emerges as a leading internal linking plugin for WordPress, streamlining the task of incorporating and organizing internal links on websites. By suggesting relevant links based on content and keywords, it enhances efficiency and offers advanced customization options for more experienced users.

For those seeking a user-friendly internal linking solution capable of enhancing SEO and user experience on their WordPress site, we highly recommend trying out Link Whisper.

FAQs (Frequently Asked Questions):

What is the difference between free and paid link whisper?

In essence, Link Whisper Premium encompasses all the capabilities of Link Whisper Free, yet with heightened sophistication and greater user autonomy. Additionally, Link Whisper Premium offers a range of features that are absent in Link Whisper Free.

Is link whisper worth it?

If you're weary of the manual labor involved in adding internal links and seek automation, Link Whisper merits serious consideration. It employs Artificial Intelligence (AI) to identify internal link-building prospects, leveraging the volume of pages and content published on your website or blog.

How does link whisper work?

Link Whisper serves as an intelligent internal linking tool. Fueled by artificial intelligence, it begins offering pertinent internal link suggestions as soon as you commence writing your article directly within the WordPress editor.

Is Linkwhisper only for WordPress?

Link Whisper exclusively functions with websites built on WordPress. As a WordPress plugin, it operates solely within the WordPress platform.

How to Make a WordPress Form Without Using a Plugin

noreply@blogger.com (Admin) — Fri, 23 Feb 2024 04:06:00 +0000

How to Create a Form in WordPress Without a Plugin

WordPress is a widely recognized Content Management System (CMS) renowned for its ease of use in website development and management. Among its many features, WordPress offers the capability to create forms, crucial for gathering information from website visitors. While plugins like Forms Lite exist to simplify form creation, you might prefer to create forms in WordPress without relying on additional plugins.

Whether you're a beginner or an experienced WordPress user, this guide aims to empower you to take charge of your website's forms and customize them to suit your specific requirements. So, let's delve into learning how to create a form in WordPress without using a plugin!

Would you like to design a form in WordPress without relying on plugins? Forms are crucial components of a website, and there are numerous benefits to creating them without the use of plugins.

Why is it Possible to Create a Form without a Plugin?

WordPress is a flexible platform that empowers developers and website owners to customize and expand its functionality. The core WordPress software offers features and tools that facilitate the creation of forms without the necessity of plugins.

By utilizing HTML, CSS, and PHP, you have the capability to construct a form in WordPress from the ground up and manage form submissions using WordPress's inherent capabilities. This approach grants you increased control over the form's design, functionality, and data management.

Why Create a Form in WordPress Without Plugins

There exist numerous WordPress form plugins available for creating forms. However, crafting a form in WordPress without utilizing plugins can prove advantageous for several reasons:

1. Simplicity and Lightweight: By eschewing plugins, you evade the additional overhead associated with their installation and upkeep. A straightforward form built with custom code can be more streamlined and efficient compared to one generated through a plugin.

2. Customization: Developing a form from scratch grants you complete authority over its design and functionality. You can tailor the form to align precisely with your website's distinct requirements and personalize it accordingly.

3. Learning Experience: Constructing a form without plugins can serve as a valuable learning opportunity for developers or users seeking to enhance their coding skills. This process allows for a deeper comprehension of the underlying mechanisms involved in form handling and data processing.

4. Reduced Dependency: By abstaining from plugins, you diminish your website's reliance on external code. This practice can be beneficial in mitigating potential security vulnerabilities or conflicts arising from the utilization of multiple plugins.

5. Performance: Custom-coded forms can deliver superior performance and speed for your website since they are lightweight in comparison to plugins. These bespoke forms incorporate only the essential features, eliminating the excess functionalities provided by plugins that may remain unused.

6. Flexibility: Custom forms offer heightened flexibility for seamless integration with other website components or custom post types. You can expand the form's functionality in accordance with your specific requirements.

While most plugins offer similar options via shortcodes, custom-coded forms afford the flexibility to position them precisely on the website as desired.

How to create a WordPress form without using any plugin

1) Create a Page for the Form

Navigate to "Pages" and select "Add New" from your WordPress dashboard.

This will open the page editor, allowing you to input the page title and any additional descriptions necessary apart from the actual contact form. However, if a form is all you require on this page, we can proceed to create the form directly.

2) Add HTML Code for Form in the Editor

<form method="post">
  <label for="name">Name:</label>
<input type="text" name="name" required="">

<label for="email">Email:</label>
<input type="email" name="email" required="">

<label for="message">Message:</label>
<textarea name="message" required=""></textarea>

<input type="submit" value="Submit">
</form>

This code enables you to generate a basic contact form in WordPress. However, you can readily adjust it to craft the form of your choice on your WordPress site.

Once you've incorporated all the required form fields into the code, click on "Publish" or "Update" to preserve the alterations on the contact page.

If you preview the page, you'll be able to view the form you've just created. However, to make the form operational and extract data from it, you'll need to manage the form submissions. This entails creating a database to store the form submissions afterward.

3) Create a Database Table for Form Submission

To establish a database for form submissions, you can utilize a database management tool such as phpMyAdmin. You can access phpMyAdmin by logging into your cPanel. If you lack the required credentials, we suggest reaching out to your hosting service provider or the site owner.

Once logged in, navigate to the Database section and select phpMyAdmin. This action will launch the phpMyAdmin dashboard, where you'll find all the databases associated with your website.

Expand the table of your website database and scroll to the bottom of the page. Here, you'll find an option to create a new database table. Enter the table name as "wp_contact_form_submission" and click on "Go" to initiate the creation of the new table.

Next, you'll need to input the data fields for the form fields into the table's columns along with their respective types. Based on the form we've just created, add the following column names and types:

name: TEXT
email: TEXT
message: TEXT
submission_time: DATETIME

Once you've added these columns and types, click on "Save" to preserve the changes in the database table.

We've named the database table in accordance with the contact form we've created. Therefore, feel free to modify the table's name to align with the form you initially created. Likewise, if you've utilized different form fields on your form, you can add the columns accordingly to reflect those changes.

4) Add Code to Handle Form Submissions

After creating the database, you'll need to insert a set of codes to manage the form submissions in the theme functions file of your website.

However, we strongly advise backing up your website before proceeding, as we'll be editing some of the website's core files. Any unintended modifications could potentially cause further issues on your website. You can refer to our comprehensive guide on how to backup a WordPress website if you require assistance.

4.1) Access the Theme Functions File

Navigate to "Appearance" and select "Theme File Editor" from your WordPress dashboard to access the theme functions file. Here, you'll find all the core theme files of your website. Then, choose the "Theme Functions (functions.php)" file located on the right side of your screen, where we will incorporate the code.

4.2) Add the Code to the Theme File Editor

You can utilize the following code to manage the form submission on your website. Simply add the following code at the end of the editor:

if ($_SERVER["REQUEST_METHOD"] === "POST") {
  $name = sanitize_text_field($_POST["name"]);
  $email = sanitize_email($_POST["email"]);
  $message = sanitize_textarea_field($_POST["message"]);

  // Add code to save the form data to the database
  global $wpdb;
  $table_name = $wpdb->prefix . 'contact_form_submissions';
  $data = array(
    'name' => $name,
    'email' => $email,
    'message' => $message,
    'submission_time' => current_time('mysql')
  );
  $insert_result = $wpdb->insert($table_name, $data);

  if ($insert_result === false) {
    $response = array(
      'success' => false,
      'message' => 'Error saving the form data.',
    );
  } else {
    $response = array(
      'success' => true,
      'message' => 'Form data saved successfully.'
    );
  }

  // Return the JSON response
  header('Content-Type: application/json');
  echo json_encode($response);
  exit;
}

This code snippet will handle the form submission on your website. Be sure to add it at the end of the theme functions file editor.

This code will store the entered form data from the form to the form submission database table we just created. Additionally, we've included a JSON response to confirm that you've correctly added the database table names and fields on your form when editing the code. You can remove this JSON response after the form data has been successfully stored in the database.

Simply click on "Update File" after you have made all the necessary changes to the code.

5) Display Form Submissions on your Dashboard

After the form data is stored in the database, you can create a dashboard menu to view the form submissions. To do so, we'll include a code to display it as well.

You can add the following code to the theme functions file (functions.php), just like in the previous step.

function display_contact_form_submissions_page() {
  global $wpdb;
  $table_name = $wpdb->prefix . 'contact_form_submissions';
  $form_data = $wpdb->get_results("SELECT * FROM $table_name WHERE name <> '' AND email <> '' AND message <> '' ORDER BY submission_time DESC", ARRAY_A);

  ?>
  <div class="wrap">
    <h1>Contact Form Submissions</h1>
    <table class="wp-list-table widefat fixed striped">
      <thead>
        <tr>
          <th>Name</th>
          <th>Email</th>
          <th>Message</th>
          <th>Submission Time</th>
        </tr>
      </thead>
      <tbody>
        <?php foreach ($form_data as $data) : ?>
          <tr>
            <td><?php echo esc_html($data['name']); ?></td>
            <td><?php echo esc_html($data['email']); ?></td>
            <td><?php echo esc_html($data['message']); ?></td>
            <td><?php echo esc_html($data['submission_time']); ?></td>
          </tr>
        <?php endforeach; ?>
      </tbody>
    </table>
  </div>
<?php }

function register_contact_form_submissions_page() {
  add_menu_page(
    'Contact Form Submissions',
    'Form Submissions',
    'manage_options',
    'contact_form_submissions',
    'display_contact_form_submissions_page',
    'dashicons-feedback'
  );
}
add_action('admin_menu', 'register_contact_form_submissions_page');

Once again, click on "Update File" after you paste and edit the code according to the form and database table you created.

Now, if you navigate to your WordPress dashboard, you will find a "Contact Form Submissions" menu. This menu will display all the form submissions from the form you initially created.

Debug Options to Display Form Submissions

If you cannot see the form data, we recommend adding code for debug output and SQL query in the code. You can include the codes `var_dump($form_data);` and `var_dump($wpdb->last_query);` respectively after the query.

So the code may look something like this:

function display_contact_form_submissions_page() {
  global $wpdb;
  $table_name = $wpdb->prefix . 'wp_contact_form_submissions';
  $form_data = $wpdb->get_results("SELECT * FROM $table_name ORDER BY submission_time DESC", ARRAY_A);

  var_dump($form_data); // Debug output
  var_dump($wpdb->last_query); // Debug SQL query

  ?>
  <!-- Rest of the code... -->
  <?php
}

Based on the debug report, you can further edit the codes to ensure the form data are displayed correctly. Additionally, you can review the points in the next section to confirm that there haven't been any errors in the code you used.

Essential Considerations for Creating an Efficient Custom Form

Here are some factors to consider while editing the code to create your custom form:

1. Check the database: Ensure that the form data is saved correctly in the correct table. For this tutorial, it should be the 'wp_contact_form_submissions' table.

2. Check for errors: Review your PHP error logs or enable error reporting to identify any errors related to form submission or data display. Errors may provide insights into what might be going wrong.

3. Verify the form submission process: Confirm that the form data is being submitted correctly and that the PHP code for saving the data executes without errors. Check if the form data is passed correctly to the PHP code upon form submission.

4. Verify table name: Double-check that the table name used in the 'display_contact_form_submissions_page()' function matches the actual table name in the database. Ensure it is 'wp_contact_form_submissions' or adjust accordingly.

5. Clear Cache: If you're using caching plugins or server-side caching, clear the cache to ensure you're viewing the latest data.

6. Permissions: Ensure that the user role you're logged in with has the 'manage_options' capability to access the custom admin page. This capability allows administrators to access the page by default.

The provided code serves as a framework for creating a contact form in WordPress. However, you'll need to customize the code if you wish to create a different form or an alternative form with varying data fields. The above points can assist you in creating your custom form on WordPress effectively.

Conclusion

This is how you can create a form in WordPress without using plugins. Of course, you can also create forms using plugins, but crafting a custom-coded form offers numerous advantages if you have a basic understanding of programming.

With the basic set of codes included in this tutorial, you can easily create a form. To summarize, here are the fundamental steps to build an effective form:

1. Add the form code to the page editor.

2. Create a database for form submissions.

3. Incorporate necessary codes to handle form submissions and display them.

We hope you now feel confident in creating a form on your website using the codes provided in this tutorial. You can customize them to include additional form fields based on your requirements. If you encounter any issues, we've included debug options and factors to consider while building custom code on WordPress.

So, have you ever attempted to create a form in WordPress without using a plugin?

FAQs (Frequently Asked Questions):

Can I create form in WordPress without plugin?

The core WordPress software provides features and tools that facilitate the creation of forms without the need for plugins. By utilizing HTML, CSS, and PHP, you can construct a form in WordPress from the ground up and handle form submissions using WordPress's native capabilities.

How do you validate a form in WordPress without a plugin?

A WordPress form can undergo validation using HTML and CSS without the reliance on plugins or custom post types. This involves adding the necessary attributes to the form elements and utilizing JavaScript to verify if the form is correctly filled out before submission.

How to create a file upload form in WordPress without plugin?

To upload files to WordPress without plugins, the easiest method is by using the drag-and-drop functionality within the WordPress block editor. This feature is available exclusively in the block editor, not the classic editor. Here's how to do it:

1. Open the post or page where you wish to add the file in the block editor.

2. Simply drag and drop the desired file directly into the editor area.

This straightforward process allows you to upload files seamlessly without the need for additional plugins.

How to Add a WhatsApp Chat Button to Your Blogger Site

noreply@blogger.com (Admin) — Thu, 22 Feb 2024 15:34:00 +0000

How To Add A WhatsApp Chat Button In Blogger (FREE)

WhatsApp stands as a ubiquitous instant messaging platform, offering a valuable tool for businesses to leverage. It presents an opportunity for businesses to market their services and products effectively.

This article delves into the process of integrating a WhatsApp chat button onto your Blogger website. But before proceeding, it's crucial to understand the benefits of such an addition to your website and whether it aligns with your business objectives.

Recent statistics from eMarketer reveal that WhatsApp boasts a staggering 390.1 million monthly active users in India, with significant user bases in Brazil and the US as well. This substantial user base underscores the potential for business growth through leveraging this platform. Incorporating a WhatsApp chat widget provides users with a convenient means of reaching out directly, bypassing the traditional route of email correspondence.

For WordPress users, implementing this feature on your website is straightforward with the addition of a plugin. Follow the provided guide to seamlessly integrate a WhatsApp chat button into your WordPress website.

How to Add WhatsApp Chat Widget in Blogger Blog

WhatsApp stands out as one of the most widely utilized instant messaging platforms globally, boasting a staggering 2.78 billion monthly active users. By integrating a WhatsApp chat button into your Blogger website, you can tap into this extensive user base.

In this article, I'll provide a detailed, step-by-step tutorial on how to add a WhatsApp chat button to your Blogger site at no cost.

But before we proceed, let's delve into the benefits of incorporating a WhatsApp chat button on your website and whether it aligns with your objectives. Given WhatsApp's massive user base, leveraging this platform through the addition of a chat button presents significant advantages. This feature allows your website users to seamlessly connect with you in real-time with just a single click, offering a superior alternative to traditional email communication.

Now that you understand the benefits of adding a WhatsApp chat button to your website, let's delve into the implementation process.

If you're considering starting a WordPress blog, feel free to explore our comprehensive guide on how to initiate the process.

Alternatively, if you already have a WordPress blog and wish to integrate a WhatsApp chat button, we've got you covered with our detailed, step-by-step guide.

Steps to Add WhatsApp chat button in Blogger

To add a WhatsApp chat button to your Blogger website, simply follow the steps outlined below:

Step 1: Log in to your Blogger dashboard and navigate to the "Theme" section.

Step 2: Click on the "Edit HTML" option for your theme.

/* Chatbox Whatsapp */
:root {
--warna-background: #4dc247; 
--warna-bg-chat: #f0f5fb;
--warna-icon: #fff; 
--warna-text: #505050;
--warna-text-alt: #989b9f;
--lebar-chatbox: 320px;
}

svg{width: 22px;height: 22px;vertical-align: middle;fill: var(--warna-icon)}
.chatMenu, .chatButton .svg-2{display: none}

.chatButton{position: fixed;background-color: var(--warna-background);bottom: 20px;left: 20px;border-radius: 50px;z-index: 20;overflow: hidden;display: flex;align-items: center;justify-content: center;width: 50px;height: 50px;-webkit-transition: all .2s ease-out;transition: all .2s ease-out}
.chatButton svg{margin: auto;fill: var(--warna-icon)}
  
.chatBox{position: fixed;bottom: 70px;left: 20px;width: var(--lebar-chatbox);-webkit-transition: all .2s ease-out;transition: all .2s ease-out;z-index: 21;opacity: 0;visibility: hidden;line-height: normal}
.chatContent{border-radius: 15px;background-color: #fff;box-shadow: 0 5px 15px 0 rgba(0,0,0,.05);overflow: hidden; border: 1px solid #b6b6b6;}
.chatHeader{position: relative;display: flex;align-items: center;padding: 15px 20px;background-color: var(--warna-background);overflow: hidden}
.chatHeader svg{width: 32px;height: 32px;flex-shrink: 0;fill: var(--warna-icon)}
.chatHeader .chatTitle{padding-left: 15px;font-size: 14px;color: var(--warna-icon)}
.chatHeader .chatTitle span{font-size: 11.5px;display: block;line-height: 1.58em}
  
.chatText{display: flex;flex-wrap: wrap;margin: 25px 20px;font-size: 12px;color: var(--warna-text)}
.chatText span{display: inline-block;margin-right: auto;padding: 10px 10px 10px 20px;background-color: var(--warna-bg-chat);border-radius: 3px 15px 15px}
.chatText span:after{content: 'Just now';margin-left: 15px;font-size: 9px;color: var(--warna-text-alt)}
.chatText .typing{margin: 15px 0 0 auto;padding: 10px 20px 10px 10px;border-radius: 15px 3px 15px 15px}
.chatText .typing: after{display: none}
  
.chatStart{display: flex;align-items: center;margin-top: 15px;padding: 18px 20px;border-radius: 10px;background-color: #fff;overflow: hidden;font-size: 12px;color: var(--warna-text); border: 1px solid grey;}
.chatMenu:checked + .chatButton{-webkit-transform: rotate(360deg);transform: rotate(360deg)}
.chatMenu:checked + .chatButton .svg-1{display: none}
.chatMenu:checked + .chatButton .svg-2{display: block}
.chatMenu:checked ~ .chatBox{bottom: 90px;opacity: 1;visibility: visible}

Step 3: Next, locate the "]]></b:skin>" tag or "</style>" in the theme code. Paste the provided CSS code just above this tag.

<input class='chatMenu hidden' id='offchatMenu' type='checkbox'/>
<label class='chatButton' for='offchatMenu'>
  <svg class='svg-1' viewBox='0 0 32 32'><g><path d='M16,2A13,13,0,0,0,8,25.23V29a1,1,0,0,0,.51.87A1,1,0,0,0,9,30a1,1,0,0,0,.51-.14l3.65-2.19A12.64,12.64,0,0,0,16,28,13,13,0,0,0,16,2Zm0,24a11.13,11.13,0,0,1-2.76-.36,1,1,0,0,0-.76.11L10,27.23v-2.5a1,1,0,0,0-.42-.81A11,11,0,1,1,16,26Z'/><path d='M19.86,15.18a1.9,1.9,0,0,0-2.64,0l-.09.09-1.4-1.4.09-.09a1.86,1.86,0,0,0,0-2.64L14.23,9.55a1.9,1.9,0,0,0-2.64,0l-.8.79a3.56,3.56,0,0,0-.5,3.76,10.64,10.64,0,0,0,2.62,4A8.7,8.7,0,0,0,18.56,21a2.92,2.92,0,0,0,2.1-.79l.79-.8a1.86,1.86,0,0,0,0-2.64Zm-.62,3.61c-.57.58-2.78,0-4.92-2.11a8.88,8.88,0,0,1-2.13-3.21c-.26-.79-.25-1.44,0-1.71l.7-.7,1.4,1.4-.7.7a1,1,0,0,0,0,1.41l2.82,2.82a1,1,0,0,0,1.41,0l.7-.7,1.4,1.4Z'/></g></svg>
  <svg class='svg-2' viewBox='0 0 512 512'><path d='M278.6 256l68.2-68.2c6.2-6.2 6.2-16.4 0-22.6-6.2-6.2-16.4-6.2-22.6 0L256 233.4l-68.2-68.2c-6.2-6.2-16.4-6.2-22.6 0-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3l68.2 68.2-68.2 68.2c-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3 6.2 6.2 16.4 6.2 22.6 0l68.2-68.2 68.2 68.2c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L278.6 256z'/></svg>
</label>

<div class='chatBox'>
  <div class='chatContent'>
    <div class='chatHeader'>
      <svg viewbox='0 0 32 32'><path d='M24,22a1,1,0,0,1-.64-.23L18.84,18H17A8,8,0,0,1,17,2h6a8,8,0,0,1,2,15.74V21a1,1,0,0,1-.58.91A1,1,0,0,1,24,22ZM17,4a6,6,0,0,0,0,12h2.2a1,1,0,0,1,.64.23L23,18.86V16.92a1,1,0,0,1,.86-1A6,6,0,0,0,23,4Z'/><rect height='2' width='2' x='19' y='9'/><rect height='2' width='2' x='14' y='9'/><rect height='2' width='2' x='24' y='9'/><path d='M8,30a1,1,0,0,1-.42-.09A1,1,0,0,1,7,29V25.74a8,8,0,0,1-1.28-15,1,1,0,1,1,.82,1.82,6,6,0,0,0,1.6,11.4,1,1,0,0,1,.86,1v1.94l3.16-2.63A1,1,0,0,1,12.8,24H15a5.94,5.94,0,0,0,4.29-1.82,1,1,0,0,1,1.44,1.4A8,8,0,0,1,15,26H13.16L8.64,29.77A1,1,0,0,1,8,30Z'/></svg>
      <div class='chatTitle'>Do you have any doubts? <span>chat with us on WhatsApp</span></div>
    </div>
    <div class='chatText'>
      <span>Hello, How can I help you?</span>
      <span class='typing'>...</span>
    </div>
  </div>
  
  <a class='chatStart' href='https://api.whatsapp.com/send?phone=923064846269&amp;text=Hello AZEEM SAFI, I need your help' rel='nofollow noreferrer' target='_blank'>
    <span>Click me to start the chat...</span>        
  </a>
</div>

Step 4: Continuing, search for the "</body>" tag in the theme code. Paste the provided HTML code just above this tag.

Step 5: After pasting the HTML code, proceed to modify the WhatsApp number and predefined message within the code as per your requirements. Once done, save the code. This action will successfully add the WhatsApp chat button to your website.

To customize the WhatsApp chat button widget after adding it to your website, follow these steps:

1. Positioning: If you wish to change the position of the chat button from left to right, adjust the CSS code accordingly. Modify the values for both ".chatButton" and ".chatBox" classes. For instance, change "left:20px" to "right:20px".

2. WhatsApp Icon: To change the WhatsApp icon, replace the SVG image URL in the HTML code with your desired icon.

3. Color and Size: Customize the color and size of the chat button by editing the corresponding code.

Conclusion:

you've now learned how to add a WhatsApp chat button to your Blogger website for free. Should you have any further questions, feel free to ask in the comments section. Additionally, if you found this article helpful, consider sharing it on social media to assist others interested in adding a WhatsApp chat button to their websites.

For further engagement with like-minded bloggers, join our premium Facebook group for free. Stay updated on our latest blog posts by following us on Twitter.