Log in

View Full Version : Great way to SocializeIt


skywalker89
09-12-2011, 08:46 PM
Hi,

SiteSell has a nice tool called "SocializeIt".

For example, check out translationadvisor.com and scroll down, and below the twitter/FB buttons, there is a text

"Did you like this page? Please pay it forward. Here's how..."

When you click this, you are shown the link with keyword to that page...

is there a script for all of this??

Thank you

Daniel
FrickenTrevor
09-12-2011, 11:06 PM
Try this:




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Show/Hide Content</title>
<script language="javascript" type="text/javascript">
function showHide(shID) {
if (document.getElementById(shID)) {
if (document.getElementById(shID+'-show').style.display != 'none') {
document.getElementById(shID+'-show').style.display = 'none';
document.getElementById(shID).style.display = 'block';
}
else {
document.getElementById(shID+'-show').style.display = 'inline';
document.getElementById(shID).style.display = 'none';
}
}
}
</script>
<style type="text/css">
/* This CSS is used for the Show/Hide functionality. */
.more {
display: none; }
a.showLink, a.hideLink {
text-decoration: none;
color: #36f;
padding-left: 8px;
background: transparent url(down.gif) no-repeat left; }
a.hideLink {
background: transparent url(up.gif) no-repeat left; }

</style>
</head>
<body>

<p>This is some content<a href="#" id="example-show" class="showLink" onclick="showHide('example');return false;">See more.</a></p>
<div id="example" class="more">
<p>Congratulations! You've found the magic hidden text! Clicking the link below will hide this content again.</p>
<p><a href="#" id="example-hide" class="hideLink" onclick="showHide('example');return false;">Hide this content.</a></p>
</div>


</body>
</html>




You can also animated it with jQuery.
skywalker89
09-13-2011, 07:00 AM
Hi Trevor,

thank you so much for your help!

Do you also have an idea how to automatically generate a link to the website with the keyword in the anchor text for copy&paste, as SBI does it?

Thank you again

daniel
FrickenTrevor
09-13-2011, 10:51 PM
I dont really know what you meant by



Do you also have an idea how to automatically generate a link to the website with the keyword in the anchor text for copy&paste, as SBI does it?


But heres what ive got:



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Show/Hide Content</title>
<script language="javascript" type="text/javascript">
function showHide(shID) {
if (document.getElementById(shID)) {
if (document.getElementById(shID+'-show').style.display != 'none') {
document.getElementById(shID+'-show').style.display = 'none';
document.getElementById(shID).style.display = 'block';
}
else {
document.getElementById(shID+'-show').style.display = 'inline';
document.getElementById(shID).style.display = 'none';
}
}
}
</script>
<style type="text/css">
/* This CSS is used for the Show/Hide functionality and SHOULD NOT be removed */
.more {
display: none; }

</style>
</head>
<body>

<p>This is some text that is on a page <a href="#" id="example-show"

class="showLink" onclick="showHide('example');return false;">Click me to reveal a

cool textarea!</a></p>
<div id="example" class="more">

<p>

<textarea rows="10" cols="35">
Add me to your site!
&lt;a href="http://www.yahoo.com"&gt;Yahoo!&lt/a&gt;
</textarea>

</p>

<p><a href="#" id="example-hide" class="hideLink" onclick="showHide

('example');return false;">Hide this content.</a></p>
</div>


</body>
</html>