JenSocial: Social Web Directory and Ning Tips

Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support

NING TIPS: Add a new share link: Now can post to Plurk!

I don't know how many creators use plurk.com, another social network. Maybe very few, but I use it a lot and people in my county too. So I deiced to make a "post to the plurk" link just like twitter and facebook.

This pic is what I use javascript to insert a new social network share link between the twitter and facebook. This javascript is very simple. I think you can add your own favorite social network share link by modifying my code.

This is the code from the attach file "ningPlurkShare.js":

This code check if there are share links on the page, then create an <a> link which can post content to Plurk behind the twitter link. If you use Plurk, you don't need to change anything here. If you want to change it to your favorite social network's link, just modify the pink area of the code. That will be

var plurkLink = shareBolck.create("put any thing you need here, usually some HTML");

and

var plurkLinkMember = shareBolckMember.create("same thing here for member page. careful with the quotes");

Now you know the js file. I show you how to install it:

1. Upload the "ningPlurkShare.js" or the one you modified to your ning site. Use the File Manager.

2. In the Custom Code, adding YUI and the js file you just uploaded.

3. Save it! Then you can see the new share link! But still need some css. Definitely in advanced CSS field of Design Studio.

This is my css for Plurk share link. If you don't change the js file, you can use it. It displays a small plurk icon in the link.

.post_to_plurk{

background: url(http://api.ning.com/files/RDzvTNFitKvY9i8ZvgAHIKcLjTw*RBREH6if0LoJBN*3zlWj6Wbi-cQKSlQ1tU508b7ntekr3S1*EpyWxNAjx3hXykA0r6oY/iconplurk.gif) no-repeat 0 0;
padding: 0 0 0 20px;
line-height: 1.65em;

}

The attach file don't have any Chinese character. You are free to use. :)

You are very welcome to add me as your plurk friends if you can read chinese or not. :P

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported.... Permissions beyond the scope of this license, pertaining to the examples of code included within this work are available at iYouMe.net.