Welcome Here And Thanks For Visiting. Like Us On Facebook...

EXEIdeas – Let's Your Mind Rock » Blogspot / Blogspot Social Sharing / Website / Website Social Sharing / WordPress / WordPress Social Sharing » Highlight Text And Share That To Your Twitter Tweet?

Highlight Text And Share That To Your Twitter Tweet?

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.


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.


<style type="text/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 span{border-top-color:#3D566E}
.tooltipContainer a{width:100%;background:transparent url( 0 0 no-repeat;left:0;top:0;height:100%;text-decoration:none;display:block;padding:0}


<script src=""></script>
<script type='text/javascript'>
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>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,{}))
<script>var twitterAccount = "EXEIdeas";</script>
<div class="Sharetip" id="Sharetip"><div class="tooltipContainer"><a id="sendToTwitter" href="" class="sharingLink twitter"><span></span></a></div></div>


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…

You Like It, Please Share This Recipe With Your Friends Using...

16 Responses to “Highlight Text And Share That To Your Twitter Tweet?”

  1. I really appreciate you for all the valuable information that you are providing us through your blog.

  2. Psd to Html says:

    Very interesting. Thanks for sharing this post .

  3. Ashley says:

    Thank you for all the work put into this post. I still consider myself a beginner in the social media world and this will certainly be a great reference!

  4. Wow great share. By the way can you please tell me any WordPress plugin name which is done those work automatically?

  5. Some very useful tips to make your own twitter post, but what if someone is not that pro with coding stuffs?

  6. Ashley says:

    The blog was absolutely fantastic! Lot of great information which can be helpful in some or the other way.

  7. nandakumar says:

    wow…thank you for this awesome post. It really shows your immense knowledge and research on this topic. Please keep sharing.

  8. Thank you for this information .i like your website because it have a lot of articles that they happen in everyday of our life.

Leave a Reply

Your email address will not be published. Required fields are marked *