Whatsapp Floating icon in HTML

-
Add it in CSS

Add the below in style tag
-style tag
.float{ position:fixed; width:60px; height:60px; bottom:40px; right:40px; background-color:#25d366; color:#FFF; border-radius:50px; text-align:center; font-size:30px; box-shadow: 2px 2px 3px #999; z-index:100; } .my-float{ margin-top:16px; }
-/style end tag

Add it in HTML

Add in link tag:
link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
Add in anchor tag:
open tag a href="https://api.whatsapp.com/send?phone=+91----------&text=Hi Telungupalayam hospital" class="float" target="_blank">
Add in i-tag
i class="fa fa-whatsapp my-float"> --/i> close tag /a

Comments

Post a Comment

Popular posts from this blog

Import, restore, or back up contacts in google

-
When I import a CSV file into gmail contacts, only the name and email address are imported correctly.  All other fields are dumped into Notes.  I know I'm not the first person to report this problem, but I cannot find a solution anywhere! FYI I created the CSV by downloading from a Google Docs spreadsheet.  The header fields are: Name,Home,Home phone,Mobile phone,E-mail
Read more

How to Set FileZilla to Open and Edit Files with Notepad++

-
https://ostraining.com/blog/webdesign/how-to-view-files-with-filezilla/ When installing and using FileZilla FTP client for the first time, it won’t allow you to right-click files and instantly edit them using code editors, like Notepad++. You want to quickly open and edit your PHP or SQL file but FileZilla won’t let you. In this tutorial, you will learn how to set your FileZilla to open and edit files in Notepad++ code editor. If you are a beginner website builder, FileZilla is a free desktop program that allows you to transfer files and folders between your desktop and your remote website. Such programs are most commonly called “FTP clients”. You can download FileZilla for Windows, Linux or Mac from the FileZilla project website. Notepad++ is a code editing program, like Microsoft’s text editor Notepad. Only with Notepad++ you have much more useful options to work with the code. Once you have downloaded and installed FileZilla on your desktop, follow the steps below. For the pur
Read more