{"id":3205,"date":"2012-08-15T04:16:00","date_gmt":"2012-08-15T04:16:00","guid":{"rendered":"https:\/\/wiki.melberi.com\/uncategorized\/blogger-social-media-share-buttons-code-and-procedure-to-add-it-below-the-post"},"modified":"2017-10-24T09:16:47","modified_gmt":"2017-10-24T09:16:47","slug":"blogger-social-media-share-buttons","status":"publish","type":"post","link":"https:\/\/www.melberi.com\/wiki\/blogger\/blogger-social-media-share-buttons","title":{"rendered":"Blogger Social Media Share buttons Code and Procedure to add it Below the Post"},"content":{"rendered":"<h2><u><span style=\"font-size: large;\"><b>How to Add social Media sharing Button on Blogger<\/b><\/span><\/u><\/h2>\n<h3><u><span style=\"font-size: large;\"><b><span style=\"font-size: small;\">Blogger Social Media Share buttons Code and Procedure to add it Below the Post <\/span><\/b><\/span><\/u><\/h3>\n<h3><u><b>1) To add it Just Below the Post Title:<\/b><\/u><\/h3>\n<p>Log in to your Admin control panel<\/p>\n<div style=\"color: #0b5394;\"><b>\u00a0\u00a0\u00a0\u00a0 Go to -&gt; Template -&gt; Edit HTML -&gt; Proceed\u00a0 -&gt;(Check) Expand Widget Template<\/b><\/div>\n<p>Search For the below mentioned line.<\/p>\n<div style=\"background-color: #cccccc;\"><b>data:post.body<\/b><\/div>\n<p>You will find this code in two places. Paste the social sharing code above the first one as shown in the picture.<br \/>\n<a style=\"margin-left: 1em; margin-right: 1em;\" href=\"http:\/\/2.bp.blogspot.com\/-NaaT_ClFOkk\/UXYqpHWHS-I\/AAAAAAAAATI\/FVYP9IefQTA\/s1600\/Blogger+social+Media+sharing+Button+just+below+the+post+title.JPG\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/2.bp.blogspot.com\/-NaaT_ClFOkk\/UXYqpHWHS-I\/AAAAAAAAATI\/FVYP9IefQTA\/s1600\/Blogger+social+Media+sharing+Button+just+below+the+post+title.JPG\" width=\"600\" height=\"400\" border=\"0\" \/><\/a><\/p>\n<h3><b><u>2) To add it below the post at the bottom :<\/u><\/b><\/h3>\n<p><b style=\"color: blue;\"> <span style=\"color: #0b5394;\">Go to -&gt; Template -&gt; Edit HTML -&gt; Proceed\u00a0 -&gt;(Check) Expand Widget Template<\/span> <\/b><span style=\"color: blue;\"><span style=\"color: black;\">Search<\/span><\/span><span style=\"color: black;\"> For\u00a0 <\/span><\/p>\n<div style=\"background-color: #cccccc;\">\n<b>data:post.body<\/b><\/div>\n<p>You will find this code in two places. Paste the social sharing code below the first one as shown in the picture.<\/p>\n<div style=\"clear: both; text-align: center;\"><\/div>\n<p><a style=\"margin-left: 1em; margin-right: 1em;\" href=\"http:\/\/1.bp.blogspot.com\/-5hkTXk7M3Ug\/UXYqo07u71I\/AAAAAAAAATA\/zN5QQEJ_6Ao\/s1600\/Blogger+social+Media+sharing+Button+just+below+bottom+of+post.JPG\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/1.bp.blogspot.com\/-5hkTXk7M3Ug\/UXYqo07u71I\/AAAAAAAAATA\/zN5QQEJ_6Ao\/s1600\/Blogger+social+Media+sharing+Button+just+below+bottom+of+post.JPG\" width=\"600\" height=\"500\" border=\"0\" \/><\/a><\/p>\n<h3><u><b>Blogger Social Media Sharing buttons Codes:<\/b><\/u><\/h3>\n<h4><u><b>1. Addthis Button (Facebook, Google+, Twitter, Addthis): <\/b><\/u><\/h4>\n<p><textarea style=\"background: #eee; height: 15em; width: 100%;\" title=\"Click to highlight\" readonly=\"readonly\" rows=\"20\">&lt;!&#8211; AddThis Button BEGIN &#8211;&gt;&lt;br \/&gt;&lt;br \/&gt;&lt;div&gt;&lt;br \/&gt;&lt;a&gt;&lt;\/a&gt;&lt;br \/&gt;&lt;br \/&gt;&lt;a&gt;&lt;\/a&gt;&lt;br \/&gt;&lt;br \/&gt;&lt;a&gt;&lt;\/a&gt;&lt;br \/&gt;&lt;br \/&gt;&lt;a&gt;&lt;\/a&gt;&lt;br \/&gt;&lt;br \/&gt;&lt;\/div&gt;&lt;br \/&gt;&lt;br \/&gt;&lt;br \/&gt;&lt;!&#8211; AddThis Button END &#8211;&gt;<\/textarea><\/p>\n<p><b>Sample:<\/b><br \/>\n<a style=\"margin-left: 1em; margin-right: 1em;\" href=\"http:\/\/3.bp.blogspot.com\/-nRlbdQBz-2U\/UXYqkEAk5-I\/AAAAAAAAAQ4\/V_VDE0ou3OA\/s1600\/Addthis+Button+for+blogger+blogspot+top+below+post+title.JPG\"><img decoding=\"async\" src=\"http:\/\/3.bp.blogspot.com\/-nRlbdQBz-2U\/UXYqkEAk5-I\/AAAAAAAAAQ4\/V_VDE0ou3OA\/s1600\/Addthis+Button+for+blogger+blogspot+top+below+post+title.JPG\" border=\"0\" \/><\/a><\/p>\n<h4><u><b>2. Twitter Sharing Code for Blogger:<\/b><\/u><\/h4>\n<p><textarea style=\"background: #eee; height: 8em; width: 100%;\" title=\"Click to highlight\" readonly=\"readonly\" rows=\"8\">&lt;a href=&#8221;https:\/\/twitter.com\/share&#8221;&gt;Tweet&lt;\/a&gt;&lt;br \/&gt;&lt;br \/&gt;<\/textarea><\/p>\n<h4><b><u>3. Digg Sharing Code for Blogger::<\/u><\/b><\/h4>\n<p><textarea style=\"background: #eee; height: 8em; width: 100%;\" title=\"Click to highlight\" readonly=\"readonly\" rows=\"8\">&lt;br \/&gt;&lt;br \/&gt;&lt;!&#8211; Compact Button &#8211;&gt;&lt;br \/&gt;&lt;br \/&gt;&lt;a&gt;&lt;\/a&gt;<\/textarea><\/p>\n<h4><u><b>4. Linked-in Sharing Code for Blogger:<\/b><\/u><\/h4>\n<p><textarea style=\"background: #eee; height: 8em; width: 100%;\" title=\"Click to highlight\" readonly=\"readonly\" rows=\"8\">&lt;br \/&gt;&lt;br \/&gt;<\/textarea><\/p>\n<h4><u><b>5. Facebook Like Button Code:<\/b><\/u><\/h4>\n<p><textarea style=\"background: #eee; height: 8em; width: 100%;\" title=\"Click to highlight\" readonly=\"readonly\" rows=\"8\">&lt;div&gt;&lt;br \/&gt;&lt;\/div&gt;&lt;br \/&gt;&lt;br \/&gt;&lt;br \/&gt;&lt;div&gt;&lt;br \/&gt;&lt;\/div&gt;&lt;br \/&gt;<\/textarea><\/p>\n<h4><b><u>6. Google+ Code for Blogger:<\/u><\/b><\/h4>\n<p><textarea style=\"background: #eee; height: 8em; width: 100%;\" title=\"Click to highlight\" readonly=\"readonly\" rows=\"8\">&lt;!&#8211; Place this tag in your head or just before your close body tag &#8211;&gt;&lt;br \/&gt;&lt;br \/&gt;&lt;br \/&gt;&lt;br \/&gt;&lt;br \/&gt;&lt;br \/&gt;&lt;!&#8211; Place this tag where you want the +1 button to render &#8211;&gt;&lt;br \/&gt;&lt;br \/&gt;&lt;div&gt;&lt;br \/&gt;&lt;\/div&gt;&lt;br \/&gt;&lt;br \/&gt;&lt;br \/&gt;&lt;!&#8211; Place this render call where appropriate &#8211;&gt;&lt;br \/&gt;&lt;br \/&gt;<\/textarea><\/p>\n<h4><u><b>7. MySpace Sharing Code for Blogger::<\/b><\/u><\/h4>\n<p><textarea style=\"background: #eee; height: 8em; width: 100%;\" title=\"Click to highlight\" readonly=\"readonly\" rows=\"8\">&lt;a href=&#8221;\/\/www.myspace.com\/Modules\/PostTo\/Pages\/?u=&#8217;+encodeURIComponent(document.location.toString()),&#8217;ptm&#8217;,&#8217;height=450,width=550&#8242;).focus())&#8221;&gt;&lt;br \/&gt;&lt;br \/&gt;&lt;img src=&#8221;http:\/\/cms.myspacecdn.com\/cms\/\/ShareOnMySpace\/Myspace_btn_Share.png&#8221; border=&#8221;0&#8243; alt=&#8221;Share on Myspace&#8221; \/&gt;&lt;br \/&gt;&lt;br \/&gt;&lt;\/a&gt;<\/textarea><\/p>\n","protected":false},"excerpt":{"rendered":"<p>How to Add social Media sharing Button on Blogger Blogger Social Media Share buttons Code and Procedure to add it Below the Post 1) To add it Just Below the&#8230; <a href=\"https:\/\/www.melberi.com\/wiki\/blogger\/blogger-social-media-share-buttons\">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],"tags":[1601],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.melberi.com\/wiki\/wp-json\/wp\/v2\/posts\/3205"}],"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=3205"}],"version-history":[{"count":2,"href":"https:\/\/www.melberi.com\/wiki\/wp-json\/wp\/v2\/posts\/3205\/revisions"}],"predecessor-version":[{"id":4565,"href":"https:\/\/www.melberi.com\/wiki\/wp-json\/wp\/v2\/posts\/3205\/revisions\/4565"}],"wp:attachment":[{"href":"https:\/\/www.melberi.com\/wiki\/wp-json\/wp\/v2\/media?parent=3205"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.melberi.com\/wiki\/wp-json\/wp\/v2\/categories?post=3205"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.melberi.com\/wiki\/wp-json\/wp\/v2\/tags?post=3205"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}