Add privacy social share to blogger

Tuesday, 2 July 2013

Add privacy social share to blogger

Share on google+ Add to Del.icio.us Tweet/ReTweet Share on Facebook Stumble this Digg this

Anybody know that privacy is important, so i will tell you how to add "Privacy Social Share to Blogger". Most Website use share button from Google+, Facebook and Twitter.However, these buttons send information to these social networks even if the user doesn't click them ( the share widget ). So this way Facebook, Google and Twitter track the people who visited the website that have sharing widget. Good that I found nice plugin , called Social Share Privacy. You can embed this plugin to Blogger.

Information About Share widget

Type : jQuery Plugin

License : MIT

Github Page : Github Page

Owner Page : http://panzi.github.io/SocialSharePrivacy/ | http://www.heise.de/extras/socialshareprivacy/

How to add it

If you want to edit the share widget, you can open the owner Page for detailed information.

1. First login to blogger → Design → Edit HTML
2. Find </head>
3. Add this code above it

script type='text/javascript'>
//<![CDATA[
"use strict";(function($,undefined){function decode(s){try{return decodeURIComponent(s)}catch(e){try{return unescape(s)}catch(e2){return s}}}function get(){var cookies={};if(document.cookie){var values=document.cookie.split(/; */g);for(var i=0;i<values.length;++i){var value=values[i];var pos=value.search("=");var key,value;if(pos<0){key=decode(value);value=undefined}else{key=decode(value.slice(0,pos));value=decode(value.slice(pos+1))}cookies[key]=value}}return cookies}function set(name,value,expires,path,domain,secure){switch(arguments.length){case 1:for(var key in name){set(key,name[key])}return;case 2:if(typeof(value)==="object"){expires=value.expires;path=value.path;domain=value.domain;secure=value.secure;value=value.value}case 3:if(typeof(expires)==="object"&&!(expires instanceof Date)){path=expires.path;domain=expires.domain;secure=expires.secure;expires=expires.expires}}if(value===null||value===undefined){expires=-1}var buf=[encodeURIComponent(name)+'='+encodeURIComponent(value)];switch(typeof(expires)){case"string":expires=new Date(expires);case"object":buf.push("expires="+expires.toUTCString());break;case"boolean":if(expires){break}expires=365*2000;case"number":var date=new Date();date.setDate(date.getDate()+expires);buf.push("expires="+date.toUTCString());break}if(path===true){buf.push("path="+document.location.pathname)}else if(path){buf.push("path="+path.replace(/[;\s]/g,encodeURIComponent))}if(domain===true){buf.push("domain="+document.location.host)}else if(domain){buf.push("domain="+domain.replace(/[;\s]/g,encodeURIComponent))}if(secure){buf.push("secure")}document.cookie=buf.join("; ")}$.cookie=function(name){switch(arguments.length){case 0:return get();case 1:if(typeof(name)!=="object"){var cookies=get();if(name===undefined){return cookies}else if(Object.prototype.hasOwnProperty.call(cookies,name)){return cookies[name]}return null}case 2:case 3:case 4:case 5:case 6:set.apply(this,arguments);return this;default:throw new Error("Illegal number of arguments");}};$.removeCookie=function(name){var cookies=get();if(Object.prototype.hasOwnProperty.call(cookies,name)){var args=Array.prototype.slice.call(arguments,1);args.unshift(name,null,-1);set.apply(this,args);return true}return false}})(jQuery); //]]> </script> <script type='application/x-social-share-privacy-settings'>{"path_prefix":"http://panzi.github.io/SocialSharePrivacy/","layout":"line","services":{"buffer":{"status":false},"delicious":{"status":false},"disqus":{"status":false},"flattr":{"status":false},"hackernews":{"status":false},"linkedin":{"status":false},"mail":{"status":false},"pinterest":{"status":false},"reddit":{"status":false},"stumbleupon":{"status":false},"tumblr":{"status":false},"xing":{"status":false}}}</script>

4. To add the widget at the bottom of post, find

<div class='post-footer-line post-footer-line-3'>

5. Below it, add this code

<div data-social-share-privacy='true'/> <script type='text/javascript'>(function () {var s = document.createElement('script');var t = document.getElementsByTagName('script')[0];s.type = 'text/javascript';s.async = true;s.src = 'http://panzi.github.io/SocialSharePrivacy/javascripts/jquery.socialshareprivacy.min.autoload.js';t.parentNode.insertBefore(s, t);})();</script>

Customization
1. To change the position of the privacy share widget, you drag the code that highlighted yellow to another position.
2. To edit the code, open the owner page
3. to make the code work, please host all javascript into your own host ( like Google Code but now google code not work again, you can use google drive. )

Master Blogger Tricks

Ad 468 X 60

Tuesday, 2 July 2013