Monday, March 31, 2025

Html Coding for Whatsapp Sharing in Blogger

 If you want to add a WhatsApp share button to your Blogger posts, you can use a simple HTML code snippet. Here’s how:

Code for WhatsApp Share Button

<a href="https://api.whatsapp.com/send?text=Check%20out%20this%20post:%20YOUR_POST_URL" target="_blank"> <img src="https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg" alt="Share on WhatsApp" width="40"> </a>

Steps to Add This to Blogger

  1. Go to Blogger Dashboard

  2. Click on "Layout"

  3. Choose "Add a Gadget" → Select "HTML/JavaScript"

  4. Paste the Above Code

  5. Replace YOUR_POST_URL with your actual blog post link

  6. Click Save and Preview

For Automatic Sharing of Each Post

To make the button dynamically share the current blog post, use this:

<a href="https://api.whatsapp.com/send?text=Check%20out%20this%20post:%20<script>document.write(encodeURIComponent(document.URL));</script>" target="_blank"> <img src="https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg" alt="Share on WhatsApp" width="40"> </a>

No comments:

Post a Comment

Html Coding for Blinking Text in Blog

 Sure! Here's a simple way to make text blink in an HTML blog using CSS (since the old <blink> tag is deprecated and not support...