Ning Creators Social Network2024-03-29T13:56:06Zhttps://creators.ning.com/group/ning-powered-events/forum/feed/allTIP: How to Automagically Change Text Locations into Mapshttps://creators.ning.com/group/ning-powered-events/forum/tip-how-to-automagically-change-text-locations-into-maps2018-07-13T18:34:42.000Z2018-07-13T18:34:42.000Z⚡JFarrow⌁https://creators.ning.com/members/JFarrow<div><p><a href="https://creators.ning.com/forum/topics/tip-how-to-automagically-change-text-locations-into-maps" target="_blank" rel="noopener">Originally Posted Here</a></p><p>Ok so someone I am helping with their Ning community has a lot of locations which are mentioned throughout their site and they were wondering how we could change those locations into maps automatically. I am going to show you how to do two things like this.. First how to change an address into a link to google maps automatically and second, how to convert mentions of a location into an autogenerated map.</p><p><a href="https://codepen.io/JFarrow/pen/jxgayb" target="_blank" rel="noopener">It'll look something like this<img class="align-full" src="https://storage.ning.com/topology/rest/1.0/file/get/33826460?profile=RESIZE_710x" width="710"/></a></p><p><span style="font-size: 14pt;"><strong>Ok so say you or your members add a bit of HTML to a post like this:</strong></span></p><p><br><br/> Automatically Generated Google Maps link: <br/> <address class="<strong>link</strong>"><br/>30 Rockafeller plaza<br/><br><br/>New York, NY 10112<br/></address><br/><br><br/>Automatically Generated Embedded Google Map: <br/><address class="<strong>map</strong>"><br/>30 Rockafeller plaza, New York NY 10112<br/></address></p><p><span style="font-size: 14pt;"><strong>After you add the following snippet of jquery code to your Custom Code (bottom).....</strong></span></p><p><script></p><p>//Generate a link to google maps<br/> x$(document).ready(function () {<br/> //Convert address tags to google map links<br/>x$('address.link').each(function () {<br/>var link = "<a href='https://maps.google.com/maps?q=" + encodeURIComponent( x$(this).text() ) + "' target='_blank'>" + x$(this).html() + "</a>";<br/>x$(this).html(link);<br/>});<br/>});</p><p>///Generate a google embeded map<br/> x$(document).ready(function(){<br/> //Convert address tags to google embedded map<br/>x$("address.map").each(function(){<br/>var embed ="<iframe width='425' height='350' frameborder='0' scrolling='no' marginheight='0' marginwidth='0' src='https://maps.google.com/maps?&amp;q="+ encodeURIComponent( $(this).text() ) +"&amp;output=embed'></iframe>";<br/>x$(this).html(embed);</p><p>});<br/> });</p><p> </p><p></script></p><p> </p><p><span style="font-size: 14pt;"><strong>Whenever anyone on your site wraps their location text inside either of the two following HTML brackets, it will generate a map:</strong></span></p><p><address class="<strong>link</strong>"> LOCATION </address></p><p> </p><p>or</p><p> </p><p><address class="<strong>map</strong>"> LOCATION </address></p><p> </p><p><iframe src="//codepen.io/JFarrow/embed/jxgayb/?height=300&theme-id=3719&default-tab=js,result&embed-version=2" width="100%" height="300" frameborder="no">See the Pen <a rel="nofollow" href="https://codepen.io/JFarrow/pen/jxgayb/">Automatically Generate a Google Address Link or Map</a> by JFarrow (<a rel="nofollow" href="https://codepen.io/JFarrow">@JFarrow</a>) on <a rel="nofollow" href="https://codepen.io">CodePen</a>.</iframe> Do you find this to be useful? Let me know..</p></div>Hack to Embed Flippable PDFs into Ning Communityhttps://creators.ning.com/group/ning-powered-events/forum/hack-to-embed-flippable-pdfs-into-ning-community2018-07-13T18:00:58.000Z2018-07-13T18:00:58.000Z⚡JFarrow⌁https://creators.ning.com/members/JFarrow<div><p>Trying something new... On <a href="https://creators.ning.com/group/ning-powered-events/embeds" target="_blank" rel="noopener">this page</a> inside the Ning Powered Groups, i show you <a href="https://creators.ning.com/group/ning-powered-events/embeds" target="_blank" rel="noopener">how to hack in a flippable PDF without ads</a> or related publications and open in full screen. All the code you need can be found here:</p><p><a href="https://creators.ning.com/group/ning-powered-events/embeds" target="_blank" rel="noopener"><img class="align-center" src="https://storage.ning.com/topology/rest/1.0/file/get/50502409?profile=RESIZE_710x" width="710"/>Let me know if you find it useful..</a></p></div>How To Get RSS Feeds From Google +https://creators.ning.com/group/ning-powered-events/forum/how-to-get-rss-feeds-from-google2014-05-21T23:07:53.000Z2014-05-21T23:07:53.000Z⚡JFarrow⌁https://creators.ning.com/members/JFarrow<div><p>Around this time last year I shared a <a href="http://creators.ning.com/forum/topics/hack-get-rss-feeds-for-twitter" target="_self">Hack for getting RSS feeds from Twitter</a> and I must admit it was a little too techy for many NCs on the network. I promise that this one will be much easier. What I am going to show you is how to generate a RSS feed from Google Plus using a chrome extension built on Google Apps Scripts, then take that feed and import back into a Ning network. Let's begin.</p>
<p><strong>Step One: </strong> Install <a rel="nofollow" href="https://chrome.google.com/webstore/detail/eaiadkmgpppkonfodnepmoknpaphnlij?utm_source=landsurveyorsunited.com" target="_blank">Feed+ extension for Chrome</a></p>
<p>Simply open up the Feed+ extension while in Chrome and it will then request access to some of your Google services. Say yes and you are all set to create RSS feeds from Google Plus. You can generate RSS feeds for individual profiles, business pages and for search results on Google Plus.</p>
<p><strong>Step Two:</strong> Either plug in your Google+ Page or Profile to Feed+ like so... you can also generate RSS feed from Google+ for hashtags and search queries but they do not <em>always</em> play well with Ning RSS feed modules.</p>
<p><a target="_self" href="http://storage.ning.com/topology/rest/1.0/file/get/557647?profile=original"><img class="align-full" src="http://storage.ning.com/topology/rest/1.0/file/get/557647?profile=original" alt="Generate RSS feeds for Google+" width="100%"></a></p>
<p><strong>Step Three:</strong> Open up your Sites and Pages in Dashboard> Add Content > Choose RSS Module> Plop in your feed URL you just copied and <strong>save</strong>.</p>
<p><strong>Note:*</strong> I have tested this with 10 different feeds and on import to the RSS feed Module, 3 out of 10 did not validate for some reason. I believe it is the hashtag search that isn't taking well on Ning because of the hashtag. But profiles and Pages work in addition too simple searches.</p>
<p><a href="http://creators.ning.com/group/ning-powered-events/forum" target="_self">Example can be found in Ning Powered Groups Forum Sidebar</a></p>
<p></p>
<p>If you ever need help setting up your Ning network for primetime, <a href="http://creators.ning.com/members/JFarrow" target="_self">give me a shout</a>!</p>
<p><span class="font-size-4"><strong>Let's perfect this together! Share your experiences with trying this below in comments! </strong></span></p></div>