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.
<script src="http://yui.yahooapis.com/3.3.0/build/yui/yui-min.js" charset="utf-8"></script>
<script src="http://api.ning.com:80/files/....you need to change here.../ningPlurkShare.js" charset="utf-8"></script>
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:80/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

Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License
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.

Tags: iyoume, ning, plurk, share, tips

Views: 65

Attachments:

© 2013   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips