How To Add Whatsapp Sharing Button in Blogger 2019

How To Add Whatsapp Sharing Button in Blogger

How to add Whatsapp sharing button in blogger. Most of the widgets available on the internet are only for wordpress or any other platform, and those which claim to work on blogger are buggy and most of the time it doesn’t work properly, but here we have published a tutorial which works absolutely perfect and clutter free but it also carries other social media profiles, but this time we have added only WhatsApp sharing button.

Start Step-1 ( Adding CSS ) 
Before Editing we recommend you to make a backup of your template, so that anything goes wrong you still have your blog design safe.

The First thing you need to do is to login into your Blogger account and go to >> Templates >> Edit HTML and search for the ending ]]></b:skin> tag and just above it paste the following code.

<br /> <textarea rows="5" cols="40" onClick=select() readonly>/* ######## Whatsapp Sharing Widget By Sorabloggingtips.com ######################### */<br /> .share-box {<br /> position: relative;<br /> padding: 10px;<br /> }<br /> .share-title {<br /> border-bottom: 2px solid #777;<br /> color: #010101;<br /> display: inline-block;<br /> padding-bottom: 7px;<br /> font-size: 15px;<br /> font-weight: 500;<br /> position: relative;<br /> top: 2px;<br /> float:left;<br /> }<br /> .share-art {<br /> float: left;<br /> padding: 0;<br /> padding-top: 0;<br /> font-size: 13px;<br /> font-weight: 400;<br /> text-transform: capitalize;<br /> }<br /> .share-art a {<br /> color: #fff;<br /> padding: 3px 8px;<br /> margin-left: 4px;<br /> border-radius: 2px;<br /> display: inline-block;<br /> margin-right: 0;<br /> background: #010101;<br /> }<br /> .share-art a:hover{color:#fff}<br /> .share-art .wat-art{background:#25d266;display:none;}<br /> .share-art .wat-art:hover{background:rgba(37, 210, 102, 0.73)}<br /> @media only screen and (max-width: 768px) {<br /> .share-art .wat-art{display:inline-block;}<br /> }