{"id":3017,"date":"2015-05-16T10:43:00","date_gmt":"2015-05-16T10:43:00","guid":{"rendered":"https:\/\/wiki.melberi.com\/uncategorized\/how-to-add-whatsapp-share-button-in-blogger-blogspot"},"modified":"2017-10-24T09:16:47","modified_gmt":"2017-10-24T09:16:47","slug":"add-whatsapp-share-button","status":"publish","type":"post","link":"https:\/\/www.melberi.com\/wiki\/blogger\/add-whatsapp-share-button","title":{"rendered":"How to Add WhatsApp Share button in Blogger Blogspot"},"content":{"rendered":"<div dir=\"ltr\" style=\"text-align: left;\">\n<h2 style=\"text-align: left;\"><u>How to Add WhatsApp Share button in Blogger Blogspot<\/u><\/h2>\n<p>Log on to your Blogger Dashboard<br \/>\n1) Click on\u00a0<b>Template-&gt;Edit HTML<\/b><br \/>\nGo to<b> mobile-post<\/b> and expand as shown below.<\/p>\n<div><\/div>\n<div style=\"clear: both; text-align: center;\"><a style=\"clear: left; float: left; margin-bottom: 1em; margin-right: 1em;\" href=\"http:\/\/4.bp.blogspot.com\/-31he7EYoQpE\/VVcaj640vAI\/AAAAAAAABWo\/sVpujJqqPMA\/s1600\/WhatsApp%2Bbutton%2Bin%2BBlogger.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/4.bp.blogspot.com\/-31he7EYoQpE\/VVcaj640vAI\/AAAAAAAABWo\/sVpujJqqPMA\/s640\/WhatsApp%2Bbutton%2Bin%2BBlogger.jpg\" width=\"640\" height=\"354\" border=\"0\" \/><\/a><\/div>\n<p>2) Copy and Paste the following Code under <b>(clear for photos floats)<\/b>as shown in the below image.<\/p>\n<\/div>\n<pre>&lt;b:if cond='data:blog.isMobile == \"true\"'&gt;&lt;br \/&gt;\r\n &lt;br \/&gt;\r\n &lt;br&gt;&lt;br \/&gt;\r\n &lt;span class='st_fblike_hcount' displayText='Facebook Like'&gt;&lt;\/span&gt;&lt;br \/&gt;\r\n &lt;span class='st_plusone_hcount' displayText='Google +1'&gt;&lt;\/span&gt;&lt;br \/&gt;\r\n &lt;span class='st_whatsapp_hcount' displayText='WhatsApp'&gt;&lt;\/span&gt;&lt;br \/&gt;\r\n &lt;script type=\"text\/javascript\" src=\"http:\/\/w.sharethis.com\/button\/buttons.js\"&gt;&lt;\/script&gt;&lt;br \/&gt;\r\n &lt;script type=\"text\/javascript\"&gt;stLight.options({publisher: \"6f02ce3b-5012-4f84-a17e-6c8391c4a77c\", doNotHash: false, doNotCopy: false, hashAddressBar: false});&lt;\/script&gt;&lt;br \/&gt;\r\n &lt;br&gt;&lt;br \/&gt;\r\n &lt;\/b:if&gt;<\/pre>\n<div dir=\"ltr\" style=\"text-align: left;\">\n<div style=\"clear: both; text-align: center;\"><a style=\"clear: left; float: left; margin-bottom: 1em; margin-right: 1em;\" href=\"http:\/\/2.bp.blogspot.com\/-k7nyOdQHkIg\/VVcajxuMXrI\/AAAAAAAABWs\/ikKnO0kgFhg\/s1600\/WhatsApp%2Bshare%2Bcode%2Bfor%2BBlogger.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/2.bp.blogspot.com\/-k7nyOdQHkIg\/VVcajxuMXrI\/AAAAAAAABWs\/ikKnO0kgFhg\/s640\/WhatsApp%2Bshare%2Bcode%2Bfor%2BBlogger.jpg\" width=\"640\" height=\"370\" border=\"0\" \/><\/a><\/div>\n<p>Save the Template.<\/p>\n<p>3) Now go to <b>Templates -&gt; Mobile -&gt; Choose mobile template -&gt; <\/b>select <b>Custom<\/b> and save the changes. Now you can browse your website through Mobile and check.<\/p>\n<div style=\"clear: both; text-align: center;\"><a style=\"clear: left; float: left; margin-bottom: 1em; margin-right: 1em;\" href=\"http:\/\/3.bp.blogspot.com\/-akTgCSnlJoE\/VVcaj8YSp6I\/AAAAAAAABWw\/gebcKN2Sy_U\/s1600\/Blogger%2BMobile%2BTemplate.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/3.bp.blogspot.com\/-akTgCSnlJoE\/VVcaj8YSp6I\/AAAAAAAABWw\/gebcKN2Sy_U\/s640\/Blogger%2BMobile%2BTemplate.jpg\" width=\"640\" height=\"336\" border=\"0\" \/><\/a><\/div>\n<div><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>How to Add WhatsApp Share button in Blogger Blogspot Log on to your Blogger Dashboard 1) Click on\u00a0Template-&gt;Edit HTML Go to mobile-post and expand as shown below. 2) Copy and&#8230; <a href=\"https:\/\/www.melberi.com\/wiki\/blogger\/add-whatsapp-share-button\">Read more &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1210,1363],"tags":[1601],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.melberi.com\/wiki\/wp-json\/wp\/v2\/posts\/3017"}],"collection":[{"href":"https:\/\/www.melberi.com\/wiki\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.melberi.com\/wiki\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.melberi.com\/wiki\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.melberi.com\/wiki\/wp-json\/wp\/v2\/comments?post=3017"}],"version-history":[{"count":4,"href":"https:\/\/www.melberi.com\/wiki\/wp-json\/wp\/v2\/posts\/3017\/revisions"}],"predecessor-version":[{"id":4254,"href":"https:\/\/www.melberi.com\/wiki\/wp-json\/wp\/v2\/posts\/3017\/revisions\/4254"}],"wp:attachment":[{"href":"https:\/\/www.melberi.com\/wiki\/wp-json\/wp\/v2\/media?parent=3017"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.melberi.com\/wiki\/wp-json\/wp\/v2\/categories?post=3017"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.melberi.com\/wiki\/wp-json\/wp\/v2\/tags?post=3017"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}