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:

Code:

<!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

Originally Posted by skywalker89

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:

Code:

<!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>

Thread: Great way to SocializeIt

Thread Tools

Search Thread

Great way to SocializeIt

generate automatic link

Bookmarks

Bookmarks

Posting Permissions