external - FORUM - Ning Creators Social Network
2024-03-28T11:23:42Z
https://creators.ning.com/forum/topics/feed/tag/external
TRICK: Host Your External CSS and JS Files using Dropbox
https://creators.ning.com/forum/topics/trick-host-your-external-css-and-js-files-using-dropbox
2012-03-15T23:04:00.000Z
2012-03-15T23:04:00.000Z
⚡JFarrow⌁
https://creators.ning.com/members/JFarrow
<div><p>If you are sick of the LOOOOOONG URL's that the ning API generates for file uploads and you'd like something more managable, read on. If your advanced section of your CSS is full and you want to shorten your import CSS@ urls, read on. Just look how much cleaner your code can be:</p>
<p><a target="_blank" href="http://landsurveyorsunited.com/main"><img class="align-full" src="http://storage.ning.com/topology/rest/1.0/file/get/550679?profile=original" width="671"></a></p>
<p><span class="font-size-6">USE YOUR DROPBOX PUBLIC FOLDER TO HOST YOUR EXTERNAL FILES</span></p>
<p><a rel="nofollow" href="http://db.tt/TwlF7HA" style="outline-style: none; color: #123a6b; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff;">Dropbox</a><span style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff; display: inline ! important; float: none;"><span class="Apple-converted-space"> </span>is a</span><b style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff;"><span class="Apple-converted-space"> </span>free file back-up service which offers an online-space of 2GiB</b><span style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff; display: inline ! important; float: none;"><span class="Apple-converted-space"> </span>for basic users (i.e. free version). Dropbox also offers<span class="Apple-converted-space"> </span></span><b style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff;">multi-platform desktop clients</b><span style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff; display: inline ! important; float: none;"><span class="Apple-converted-space"> </span>which makes uploading files even easier.</span><br style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff;"> <br style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff;"> <span style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff; display: inline ! important; float: none;">Not only for backing up important files, you can also use Dropbox for<span class="Apple-converted-space"> </span></span><b style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff;">hosting your javascript and css files too. For free!</b><br style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff;"> <br style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff;"> <b style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff;">1.<span class="Apple-converted-space"> </span></b><span style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff; display: inline ! important; float: none;">Download and install<span class="Apple-converted-space"> </span></span><a rel="nofollow" href="http://db.tt/TwlF7HA" target="_blank">Dropbox client available at the website</a><span style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff; display: inline ! important; float: none;">. (We will deal with Dropbox on Windows but<span class="Apple-converted-space"> </span></span><a rel="nofollow" href="http://db.tt/TwlF7HA" target="_blank">Linux</a><span style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff; display: inline ! important; float: none;"><span class="Apple-converted-space"> </span>and</span> <span style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff; display: inline ! important; float: none;"><span class="Apple-converted-space"><a rel="nofollow" href="http://db.tt/TwlF7HA" target="_blank">Mac</a></span> clients are also available.)</span><br style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff;"> <br style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff;"> <b style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff;">2.<span class="Apple-converted-space"> </span></b><span style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff; display: inline ! important; float: none;">Once installed you can find the Dropbox folder at<span class="Apple-converted-space"> </span></span><code style="color: #000000; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff;">C:\Documents and Settings\[username]\My Documents\My Dropbox\</code><span style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff; display: inline ! important; float: none;">. Navigate to the folder.</span><br style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff;"> <br style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff;"> <b style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff;">3.<span class="Apple-converted-space"> </span></b><span style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff; display: inline ! important; float: none;">Within the My Dropbox, there is a folder called Public, by default. Double click and get inside the folder. (There is a file called Top Secret.txt by default.) Now create two folders inside Public by simply right-clicking, going to "New" and creating a new folder. Call these folders as css and js. (You can choose anything else.)</span><br style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff;"> <br style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff;"> <b style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff;">4.<span class="Apple-converted-space"> </span></b><span style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff; display: inline ! important; float: none;">Now, copy-paste all those css and js files you want to be hosted in Dropbox into css and js.</span><br style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff;"> <br style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff;"> <b style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff;">5.<span class="Apple-converted-space"> </span></b><span style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff; display: inline ! important; float: none;">Open the Dropbox desktop client by going to Start » All Programs » Dropbox.</span></p>
<div class="tutorial-image" style="margin: 5px 0px; padding: 0px; text-align: center; color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff; clear: both;">
<a rel="nofollow" target="_blank" href="http://db.tt/TwlF7HA"><img class="align-full" src="http://3.bp.blogspot.com/_FX3RmPElUpc/Sl8wnCK5k3I/AAAAAAAAAk4/JEjq9JSipGQ/s1600/dropbox-menu.png"></a>
</div>
<p><br style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff;"> <b style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff;">6.<span class="Apple-converted-space"> </span></b><span style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff; display: inline ! important; float: none;">Notice that there's a Dropbox logo in the tray area of your taskbar which means Dropbox is running in the background. Wait for a few minutes so that Dropbox completes uploading the new documents which you have just added. (You can check whether upload is complete or not — when upload is complete, the logo in the tray area changes and has a tick on it.)</span><br style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff;"> <br style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff;"> <b style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff;">7.<span class="Apple-converted-space"> </span></b><span style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff; display: inline ! important; float: none;">Finally navigate to css (or js) folder and right-click on any of the files in it. Go to Dropbox » Copy Public Link. And the link is there in your clipboard.</span></p>
<p><span style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff; display: inline ! important; float: none;"><a rel="nofollow" href="http://2.bp.blogspot.com/_FX3RmPElUpc/Sl8yd6lh83I/AAAAAAAAAlA/ER2IzqgO_l0/s1600-h/dropbox-context-menu.png" style="outline-style: none; color: #123a6b; margin-left: 1em; margin-right: 1em;"><img src="http://2.bp.blogspot.com/_FX3RmPElUpc/Sl8yd6lh83I/AAAAAAAAAlA/ER2IzqgO_l0/s1600/dropbox-context-menu.png" style="border-style: solid; background-color: #efefef; border-width: 1px; border-color: #a0a0a0; padding: 6px; display: inline;" border="0"></a></span></p>
<p><span style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff; display: inline ! important; float: none;"><span style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff; display: inline ! important; float: none;">Use the link anywhere you want the files to be accessed.<span class="Apple-converted-space"> </span></span>
<strike style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff;">
There's no bandwidth limit as of now!
</strike><span style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff; display: inline ! important; float: none;"><span class="Apple-converted-space"> </span>The bandwidth limit for free accounts is 10 GiB per day.</span></span></p>
<p><span style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff; display: inline ! important; float: none;"><span style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff; display: inline ! important; float: none;"><br></span></span></p>
<p><span style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff; display: inline ! important; float: none;"><span style="color: #000000; font-family: Verdana; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color: #ffffff; display: inline ! important; float: none;"><span class="font-size-5"><a rel="nofollow" href="https://db.tt/penc87G" target="_blank">GET DROPBOX</a> if you havent already and save yourself some time and space</span><br></span></span></p></div>
Tips for Those Using External CSS Files
https://creators.ning.com/forum/topics/tips-for-those-using-external-css-files
2011-11-18T04:35:50.000Z
2011-11-18T04:35:50.000Z
⚡JFarrow⌁
https://creators.ning.com/members/JFarrow
<div><p><a target="_self" href="http://storage.ning.com/topology/rest/1.0/file/get/549227?profile=original"><img class="align-full" width="500" src="http://storage.ning.com/topology/rest/1.0/file/get/549227?profile=original"></a></p>
<p> </p>
<p>I recently had a friend ask me to take a look at his site, which was not loading so well in Internet Explorer. I took a look at his code and noticed that he had tried to call 43 external stylesheets in the ... section of his webpage, which reminded me of a less known limitation in Internet Explorer. Some people call it a bug, but I prefer calling it a rational limitation, and here it goes:</p>
<p>The maximum number of external CSS files that can be loaded in a single webpage via the tag, or included via the @import url directive is <strong>32</strong>. Any css file beyond this limit will not be parsed.</p>
<p>But that's not all....</p>
<p>Yet another limitation, which is even less known – the max filesize of an external stylesheet that can be loaded by Internet Explorer <span style="text-decoration: underline;">should not exceed 288Kb</span>.</p>
<p>These are not fixed in Internet Explorer 7 and 8 beta, and this gives me a reason to believe that IE developers are well aware of this, and such limitation is not a bug at all, but as I mentioned before - a rational limitation, as things in web development should be within reasonable limits.</p>
<p>So, please, please, Ning Creators, avoid including that many files and keep the size of your stylesheets within a reasonable and maintainable length and size. The “cascading” in Cascading Style Sheets delivers all that is necessary to write reusable, scalable, maintanable and beautiful code.</p></div>
External Links Donkey Punch
https://creators.ning.com/forum/topics/external-links-donkey-punch
2011-04-20T02:21:23.000Z
2011-04-20T02:21:23.000Z
⚡JFarrow⌁
https://creators.ning.com/members/JFarrow
<div><p>Ok, earlier today I showed you <a rel="nofollow" href="http://bit.ly/eClUZb" target="_blank">how to make all of your external links open in a new window using Jquery</a>. I did this to see how many of you are interested in where your traffic goes. Now I am going to show you something that you are going to LOVE. Mostly because it will allow you to say "Who cares where my external links go? They take me with them!" Enter <strong>Visibli If you followed that link you saw something like this:</strong></p>
<p><strong><a target="_blank" href="http://bit.ly/eClUZb"><img class="align-full" width="750" src="http://storage.ning.com/topology/rest/1.0/file/get/546208?profile=original"></a><br></strong></p>
<p> </p>
<p><strong>Visibli</strong> allows you to create a share bar that fully mimics the design of your site, including logo, links to fb pages, twitter or as you can see from my bar, special links to anything you like...kindof like a skysa or wiyaba bar that travels with your user even when they have left your site, <em>carrying your branding</em>. In fact, it stays there until they click the (X) <strong>Here's a glimpse of how it works:</strong><br> <br> Let's say you are a <strong>land surveyor</strong> and you are looking for the <strong>latest available jobs in a particular state in the US</strong>. On my network, i give you a link to a jobs board that I created for just this purpose! You click on the link to the <a rel="nofollow" target="_blank" href="http://bit.ly/hgJGDb">surveying jobs board</a> and BOOM! across the top of every page you visit (until you click the (X), you will have my bar across the top.</p>
<p><a target="_blank" href="http://bit.ly/hgJGDb"><img class="align-full" width="750" src="http://storage.ning.com/topology/rest/1.0/file/get/546234?profile=original"></a></p>
<p> </p>
<p><span class="font-size-5">How do I have a Visibli bar for my Ning?</span></p>
<p>Glad you asked. Go to Visibli and create an account. Customize your bar and grab the code for "Other Websites" under Tools. Place that code in your <strong>Custom Code box</strong> and from then on, it will automagically convert all of your outgoing links into a new bit.ly URL, giving you a way to track such things, a way to stay engaged. </p>
<p> </p>
<p><span class="font-size-5">Another way to use Visibli</span></p>
<p>The example I used above is a Google Sites mini version of my network, mapped to a subdomain called info. In Google Sites, you cannot (<em>currently</em>)dynamically change links because <em>Sites don't do javascripts</em>. So in such a case, I can simply take the URL of a site I want to link to, shorten it with the other tool under Share on Visibli. Place the URL in the box, press Personalize then copy the bit.ly URL it generates and you'll get the same wonderful result.</p>
<p><a target="_blank" href="http://bit.ly/e2pYcK"><img class="align-full" width="750" src="http://storage.ning.com/topology/rest/1.0/file/get/546258?profile=original"></a>Give it up for simple solutions!</p></div>
How-to Launch all external links in a new window with jQuery
https://creators.ning.com/forum/topics/howto-launch-all-external
2011-04-19T22:32:42.000Z
2011-04-19T22:32:42.000Z
⚡JFarrow⌁
https://creators.ning.com/members/JFarrow
<div><p>Wanna know how to make all external links on your Ning open in a new window, <em>everytime</em>?  We'll here's how you do just that.</p>
<p> </p>
<p>Add this to your custom Code box (if you're Ning Plus or Ning Pro)</p>
<p> </p>
<p><script type="text/javascript"><br />
 <code>jQuery(document).ready(function(){<br />
jQuery("a[href*='http://']:not([href*='http://<span style="color: #ff0000;">yourdomain.com</span>'])").attr("target","_blank");<br />
jQuery("a[href*='https://']:not([href*='https://<span style="color: #ff0000;">yourdomain.com</span>'])").attr("target","_blank");<br />
});</code><br />
</script></p>
<p> </p>
<p> </p>
<p>Don't forget to change <span style="color: #ff0000;">yourdomain.com</span>  with YOURDOMAIN.COM</p>
<p> </p>
<p> </p>
<p> </p>
</div>