2016 January 04 Archive - EXEIdeas – Let's Your Mind Rock

There are many sharing buttons to share your blog post on user social networks but the limitation is that they have to share the link of that post and in short your whole post should have to be shared but what if your reader just want to share only selected text or limited ammount of text beside your whole posts so the wait is finally over. Now your reader can share there desired text only just after highlighting the text.Now there are many one available only but not features are ok to use them because you have to watch out your loading time too so think twice before using the codes on your web that can make your loading time high of bad SEO effect. But this one is light weight and have to bunch of codes. All is here you you also do not have to hit any others URLs. Now go for it and garb the code to use it.CLICK HERE TO SEE DEMOFeatures:1.) Pure JQuery, CSS Added.2.) External JQuery File Required.3.) CSS Added.4.) Simple And Fast Loading Code.5.) Can Work With Any Browser.How To Add In A WebPage?1.) Just Go To Your “Web Page File”.2.) Now “Copy” The Below Codes And “Paste” It To There Positions.3.) “Save” It, Now You Are Done.CSS: .Sharetip{display:none;top:0;background:#55acee;color:#f16786;width:40px;height:32px;position:absolute;margin-left:-20px;opacity:0;filter:alpha(opacity=0);z-index:99;-webkit-transition:all .3s ease;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease;transition:all .3s ease-in-out}.Sharetip span{position:absolute;content:" ";border:solid rgba(0,0,0,0);height:0;width:0;top:100%;border-top-color:#55acee;left:50%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease;transition:all .3s ease-in-out;border-width:7px;margin:0 0 0 -7px}.Sharetip a{color:#f16786}.Sharetip:hover{background:#3D566E}.Sharetip:hover span{border-top-color:#3D566E}.tooltipContainer{position:relative;display:block;width:100%;height:100%;top:0;left:0}.tooltipContainer a{width:100%;background:transparent url(http://4.bp.blogspot.com/-HCutv6Nw8iM/VK_Q-v7WT1I/AAAAAAAAFTY/rbxVAhvs_dM/s1600/sprites.png) 0 0 no-repeat;left:0;top:0;height:100%;text-decoration:none;display:block;padding:0}.sharingLink{display:block;position:absolute;text-indent:-9999px} JQuery: eval(function(p,a,c,k,e,d){e=function(c){return(c 35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('$(5).A(4(){b=\'\';$(5).n(4(m){a()})});$(5).F(4(){$(5).n(4(m){a()});7 b=d();7 3=5.M("3");6(b!=\'\')k()});$(5).H(4(){7 b=d();7 l=N;7 h=$("#3").r("I");6(h=="")o;6(h!==l)$(\'#3\').i({j:0},g);6(b!="")k()});$(8).G(4(){6($(\'#3\').q()){$(\'#3\').i({j:0},g)}});4 k(){7 s=8.B.x();7 t="C://E.D/K/U?O="+d()+"&W="+Z+"&Y="+s;$(\'#3\').q();$(\'#3\').i({j:1},g);$(\'#V\').r(\'Q\',t)}4 d(){f=\'\';6(8.9){f=8.9();a()}S 6(5.9){f=5.9();a()}o f}4 a(){7 c=8.9&&8.9();6(c&&c.X>0){y=c.T(0);w=$(8).R();P=c.x(),e=y.10();$(\'#3\').11({v:(e.v+w-z)-L+\'p\',u:e.u+(e.J/2)+\'p\',})}}',62,64,'|||Sharetip|function|document|if|var|window|getSelection|generateTooltipPosition|textToShare|selection|getTextToShare|rect|shareTxt|30|newTooltipTitle|animate|opacity|showMeTooltip|tooltipTitle||mousemove|return|px|show|attr|pageURL|twitterLink|left|top|pos|toString|range|20|ready|location|https|com|twitter|mouseup|resize|click|title|width|intent|32|getElementById|null|text|selection_text|href|scrollTop|else|getRangeAt|tweet|sendToTwitter|via|rangeCount|url|twitterAccount|getBoundingClientRect|css'.split('|'),0,{})) var twitterAccount = "EXEIdeas"; Customization:1.) Edit Your HTML As Per Your Requirements. Rest JavaScript Is Ok For General Us. Change the Twitter UserName with your own. If You Are Pro, Then You Can Do Any Thing.Last Words:That’s all we have. If you have any problem with this code in your template then feel free to contact us with full explanation of your problem. We will reply you as time allow to us. Don’t forget to share this with your friends so they can also take benefit from it and leave your precious feedback in our comment form below. Happy blogging, See you in next article…