plugins - FORUM - Ning Creators Social Network2024-03-28T09:19:46Zhttps://creators.ning.com/forum/topics/feed/tag/pluginsSimple Tip: Where to Go to Configure Social Media Subscribe Follow Buttonshttps://creators.ning.com/forum/topics/simple-tip-where-to-go-to-configure-social-media-subscribe-follow2021-08-15T20:43:06.000Z2021-08-15T20:43:06.000Z⚡JFarrow⌁https://creators.ning.com/members/JFarrow<div><p>One of the all time most frequently asked questions is where to go to configure your social media share buttons. Here are the quick links for you..</p><p><a href="{{#staticFileLink}}9429208081,RESIZE_584x{{/staticFileLink}}"><img class="align-center" src="{{#staticFileLink}}9429208081,RESIZE_584x{{/staticFileLink}}" width="442" alt="9429208081?profile=RESIZE_584x" /></a></p><p> </p><p><span style="font-size:14pt;">To get the code for your <a href="https://developers.facebook.com/docs/plugins/page-plugin/" target="_blank">Facebook Page Plugin go here</a>.</span></p><p><span style="font-size:14pt;"> </span></p><p><span style="font-size:14pt;">To get the code for your <a href="https://publish.twitter.com/" target="_blank">Twitter Timeline go here</a>.</span></p><p><span style="font-size:14pt;"> </span></p><p><span style="font-size:14pt;">To get a <a href="https://developers.google.com/youtube/youtube_subscribe_button" target="_blank">Youtube Subscribe button go here</a></span></p><p> </p><p><span style="font-size:14pt;">To get a Linkedin Follow Button <a href="https://docs.microsoft.com/en-us/linkedin/consumer/integrations/self-serve/plugins/follow-company-plugin" target="_blank">go here</a>.</span></p><p> </p><p> </p><p><span style="font-size:14pt;">For RSS Feeds <a href="https://creators.ning.com/forum/topics/amazing-tool-to-automate-your-content-discovery-rss-sharing" target="_blank">go here to read about how to configure widgets</a> after you get a <a href="https://www.rssground.com/r/213/" target="_blank">RSS Ground Account</a>.</span></p><p> </p><p> </p><p> </p><p><strong>Related Posts for RSS Feeds in Your Ning Community</strong></p><h3 class="entry-title"><a href="https://creators.ning.com/forum/topics/tip-create-self-updating-content-widgets-for-your-community">Tip: Create Self Updating Content Widgets for your Community</a></h3><h3 class="entry-title"><a href="https://creators.ning.com/forum/topics/amazing-tool-to-automate-your-content-discovery-rss-sharing">Amazing Tool to Automate Your Content Discovery, RSS and Sharing Community Content</a></h3><p> </p><p><strong>RSS Related Tips and Tricks from the Past</strong></p><h3 class="entry-title"><a href="https://creators.ning.com/forum/topics/how-to-create-search-feeds-in">How to Create Search Feeds in Bing with a Simple Hack</a></h3><h3 class="entry-title"><a href="https://creators.ning.com/forum/topics/tip-add-video-feed-for">TIP: Add Video Feed for Relevant Tags To Groups RSS Module</a></h3><h3 class="entry-title"><a href="https://creators.ning.com/forum/topics/time-saver-your-rss-feeds-for-location-tags-on-ning">Time Saver: Your RSS Feeds for Location Tags on Ning</a></h3><h3 class="entry-title"><a href="https://creators.ning.com/forum/topics/how-to-get-google-to-recognize-sitemap">How to Get Google to Recognize Sitemap</a></h3></div>Add Some POWr to Your Ning Communityhttps://creators.ning.com/forum/topics/add-some-powr-to-your-ning-community2015-03-04T02:17:00.000Z2015-03-04T02:17:00.000Z⚡JFarrow⌁https://creators.ning.com/members/JFarrow<div><p><a href="https://www.powr.io/plugins/banner-slider/standalone?a=77073"><img class="align-right" src="http://storage.ning.com/topology/rest/1.0/file/get/558120?profile=original" alt="558120?profile=original" /></a>Are you ready to add some POWr to your Ning Network or any other site you administrate? Last week, I literally fell out of my chair when I discovered what is quite possibly the coolest web service to date mega- plug-in, add-on for any community.. So, over the next week or so I will be whipping up more than a few demonstrations of the POWr plugins on Ning sites to show you the capabilities and possibilities. Let's get right to it</p><p><a href="https://www.powr.io/plugins/banner-slider/standalone?a=77073"><img src="https://s3-us-west-1.amazonaws.com/powr/affiliates/Banner-Slider-200x254.jpg" alt="Banner-Slider-200x254.jpg" /></a></p><p><span class="font-size-5">What is <a href="https://www.powr.io/plugins/banner-slider/standalone?a=77073" target="_blank">POWr</a>?</span></p><p> </p><p><a href="https://www.powr.io/plugins/form-builder/standalone?a=77073" target="_blank"><img class="align-full" src="http://storage.ning.com/topology/rest/1.0/file/get/1868478?profile=original" alt="1868478?profile=original" /></a></p><p>One of the coolest aspects of POWr is the ability to add its functionality to practically any type of site or content management system. You can now easily take your community into the pages of other websites, as a POWrful Feed.<a><img src="http://storage.ning.com/topology/rest/1.0/file/get/1868529?profile=original" alt="1868529?profile=original" /></a>Imagine having the ability to bring your entire facebook, twitter, instagram or ANY other RSS feed into any page or any module on your Ning Network. Youtube Videos <em>Without Having to Import Entire Channels</em>. Yes</p><p>Yes it is customizable, even for the non-est of coders.</p><p><strong>Yes. There is a free version</strong>. </p><p>The upgraded paid version is 100% worth it and for all you <em>widget lovers</em>, POWr could probably replace everything else you pay for monthly.</p><p>Yes. You can run multiple instances on pages. After Signing up, try out a few demos and test them out...there are many plugins to choose from. Just add the first part of code from any of the following demos</p><p> </p><div><div style="padding:3px;background-color:#ffe4e1;"><br /><p><a href="http://www.jbfarrow.com/ning-tips/addsomepowrtoyourningcommunity"><img class="align-left" src="http://storage.ning.com/topology/rest/1.0/file/get/558215?profile=original" alt="558215?profile=original" /></a>1) Before going any further, you will need to <em><strong><a href="https://www.powr.io/plugins/form-builder/standalone?a=77073" target="_blank">sign up for your own POWr account</a></strong></em> so that you can get your own access token. This token will be the key to making this work and will replace every instance of the "YOURID" mentioned below in the demos</p><p>2) Changing the Value for "Enter a Label" mentioned in any of the demos below will make that plugin unique inside a page. This gives you the ability to run multiple instances on any page.</p></div><p> </p><p><span class="font-size-4"><span style="text-decoration:underline;">STEP ONE: </span>Open <strong>Custom Code</strong> in the Social Site Manager, and paste this script into the Code section. </span></p><p><a href="http://bit.ly/ningpowr" target="_blank"><img class="align-full" src="https://s3-us-west-1.amazonaws.com/powr/tutorials/platforms/ning/ning1.jpg" alt="ning1.jpg" /></a></p><p> </p><p> </p><p><span style="text-decoration:underline;"><span class="font-size-4">STEP TWO: </span></span><span class="font-size-4">You can click and drag to position and resize the Form Builder app on the page.</span> <br /> <br /> Click <strong>Save</strong>, then click <strong>Publish</strong> to save your changes and publish them on your live site. </p><p><a href="http://bit.ly/ningpowr" target="_blank"><img class="align-full" src="https://s3-us-west-1.amazonaws.com/powr/tutorials/platforms/ning/ning4.jpg" alt="ning4.jpg" /></a></p><p><span class="font-size-4"><span style="text-decoration:underline;">STEP THREE:</span> Open any Forum, Blog, or Article post, and switch to the <strong>HTML Editor</strong></span><span class="font-size-4">.</span> </p><p> </p><p><span class="font-size-4"><span style="text-decoration:underline;">STEP FOUR: </span>Paste the following code snippet in the editor, and Publish. </span></p><p><a href="http://bit.ly/ningpowr" target="_blank"><img class="align-full" src="https://s3-us-west-1.amazonaws.com/powr/tutorials/platforms/ning/ning3.jpg" alt="ning3.jpg" /></a></p></div><p><strong><a href="http://www.beautifulnationproject.org/instagram" target="_blank"><img style="border:0px;padding:0px;" src="http://storage.ning.com/topology/rest/1.0/file/get/1868639?profile=original" alt="1868639?profile=original" /></a></strong></p><p><strong>DEMO ONE: Import Instagram Feed to Ning Page or Group -</strong></p><p>HOW-TO:</p><p>Add the following code provided by POWr to your ""Custom Code <HEAD> section"</p><p><script src="//<a href="http://www.powr.io/powr.js" target="_blank">www.powr.io/powr.js</a>" powr-token="YOURID" external-type="html"></script></p><p>Now add this code to a HTML Content Box</p><p><div class="powr-rss-feed" label="Enter a Label"></div></p><p> </p><p><strong><a href="http://www.beautifulnationproject.org/channels/ocean-literacy/daily-catch" target="_blank"><img style="border:0px;padding:0px;" src="http://storage.ning.com/topology/rest/1.0/file/get/1868804?profile=original" alt="1868804?profile=original" /></a>DEMO TWO: Import RSS Feed into Ning Group Page with Pinterest Style Layout - </strong></p><p>Add the following code provided by POWr to your ""Below Footer HTML"</p><p><script src="//<a href="http://www.powr.io/powr.js" target="_blank">www.powr.io/powr.js</a>" powr-token="YOURID" external-type="html"></script></p><p>Now add this code to a HTML Content Box</p><p><div class="powr-rss-feed" label="Enter a Label"></div></p><p> </p><p>In addition to the demos i have planned to post here, there are <strong>More Demos to Check out in <a href="http://www.jbfarrow.com/ning-tips/addsomepowrtoyourningcommunity" target="_blank">this post on my Ning project blog</a></strong></p></div>Stratus is Perhaps an Alternative Option for a Music Playerhttps://creators.ning.com/forum/topics/stratus-is-perhaps-a-better-music-player2012-12-19T21:38:02.000Z2012-12-19T21:38:02.000Z⚡JFarrow⌁https://creators.ning.com/members/JFarrow<div><p>I read all sorts of complaints about the Music player on Ning networks, so I ran across something which may be interesting to you if you have been looking for an alternative way to display and play music on your network.</p>
<p>NOTE: This may require you to create a soundcloud channel and import the music from your site, but it looks clean and works awesome!</p>
<p>First let me make it clear that I do not have the music feature on my network, this is just in response to so many complaints about the Ning music player. It is quite apparent from the feedback I read on this network that Ning might be dropping the ball (and a hand full of cash) by not keeping their music player in sync with technology and current web standards. With a better music player, Ning would shut the entire game down.</p>
<p></p>
<div class="PostContent">
<p><strong><a rel="nofollow" href="https://soundcloud.com/" target="_blank">SoundCloud</a></strong> is an awesome application with a huge music library and it <a rel="nofollow" href="http://developers.soundcloud.com/" target="_blank">has multiple ways</a> for integrating any selected tracks to websites.</p>
<p><strong><a rel="nofollow" href="http://stratus.sc/" target="_blank">Stratus</a></strong>, a free-to-use and <strong>jQuery-powered widget</strong>, offers an alternative and tight integration with <strong>a player that can sit in the bottom or top</strong> of web pages.</p>
<p>The widget accepts any number of tracks, sets, users or groups to play, can be set to <strong>auto-play</strong> and has an optional animation on initial load.</p>
<p><a target="_blank" href="http://stratus.sc/"><img class="align-full" src="http://storage.ning.com/topology/rest/1.0/file/get/553587?profile=original" width="480"></a></p>
<p>There are controls for volume, sharing, commenting/favoriting and <strong>a pop-up player link exists</strong> so that users changing pages won’t lose the tracks.</p>
<p>Besides mentioning the tracks/sets as a list, adding a custom class to any <strong>SoundCloud</strong> link also works (handy for websites with lots of SoundCloud links) and the player <strong>can be skinned with CSS</strong>.</p>
<p></p>
<p>Installation Looks Simple Enough:</p>
<p>Include the javascript library by adding this to the custom code box</p>
<pre>
<script type="text/javascript" src="http://stratus.sc/stratus.js"></script><br><br>followed by this plugin:<br><br>
</pre>
<div class="line" id="file-stratus-installation-LC1">
<script type="text/javascript">
</div>
<div class="line" id="file-stratus-installation-LC2">
x$(document).ready(function(){
</div>
<div class="line" id="file-stratus-installation-LC3">
x$.stratus({
</div>
<div class="line" id="file-stratus-installation-LC4">
links: 'http://soundcloud.com/foofighters/sets/wasting-light'
</div>
<div class="line" id="file-stratus-installation-LC5">
});
</div>
<div class="line" id="file-stratus-installation-LC6">
});
</div>
<div class="line" id="file-stratus-installation-LC7">
</script>
</div>
<h2>Customization</h2>
<p>You can customize Stratus by passing the appropriate <a rel="nofollow" href="http://stratus.sc/#options">options</a> to the <code>stratus</code> function.</p>
<p>For example, the code below will cause the player to auto play a random QOTSA track and hide the download button.</p>
<table class="lines highlight" cellspacing="0">
<tbody>
<tr>
<td class="line_numbers"><span id="file-stratus-customization-L1">1</span> <span id="file-stratus-customization-L2">2</span> <span id="file-stratus-customization-L3">3</span> <span id="file-stratus-customization-L4">4</span> <span id="file-stratus-customization-L5">5</span> <span id="file-stratus-customization-L6">6</span> <span id="file-stratus-customization-L7">7</span> <span id="file-stratus-customization-L8">8</span> <span id="file-stratus-customization-L9">9</span> <span id="file-stratus-customization-L10">10</span></td>
<td class="line_data" width="100%">
<div class="line" id="file-stratus-customization-LC1">
<script type="text/javascript">
</div>
<div class="line" id="file-stratus-customization-LC2">
$(document).ready(function(){
</div>
<div class="line" id="file-stratus-customization-LC3">
$stratus({
</div>
<div class="line" id="file-stratus-customization-LC4">
auto_play: true,
</div>
<div class="line" id="file-stratus-customization-LC5">
download: false,
</div>
<div class="line" id="file-stratus-customization-LC6">
links: 'http://soundcloud.com/qotsa',
</div>
<div class="line" id="file-stratus-customization-LC7">
random: true
</div>
<div class="line" id="file-stratus-customization-LC8">
});
</div>
<div class="line" id="file-stratus-customization-LC9">
});
</div>
<div class="line" id="file-stratus-customization-LC10">
</script>
</div> </td>
</tr>
</tbody>
</table>
</div></div>