In Russia, there are some very popular social networks, which, unfortunately, not yet integrated into the Ning. It is inconvenient not only for Russians, because Ning offers integration only with Facebook and Twitter. However, there are public services that allow you to share the contents of your site, for example, Addthis.сom, addtoany.com,sharethis.com . With these services, you can share your content on dozens of other social networks.
I wanted to add into my Ning community the button, provided by russian service "Yandex.ru", but this applies to other services. They provide their buttons in the form of code, such as:
<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,moikrug"></div>
The script must be, in theory, between the tags <head> and </ head>, but we can only insert it into the block "Analitics". Another problem is more complicated: how to insert a div-container in the right location on the page? Of course, manual insertion is not an option.
I'm not a great expert in JavaScript, but I was able to write a little script that can be placed in the Analitics block, whichinserts the "Share"-button on the pages of your community. This script replaces the usual Ning buttons, located in the element <p class="share-links clear">, by the new button.
Here is my script:
<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<script type="text/javascript">
var vsep=document.getElementsByTagName("p");
for (var count = 0; count < vsep.length; count++)
{
if (vsep[count].className=="share-links clear") { vsep[count].innerHTML='<div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,moikrug"></div>'; break;
}
}
</script>
The first line is the line of the script, which should be between the tags <head> and </ head>. Because the div-container is inserted after it, it does not matter that it is in the foot of the page. The second script searches for the p-element of the class "share-links clear" and replaces its content. In this case, however, the original "Share"-buttonof Ning is lost, but the thing is worth the effort. At least as a temporary solution.
Tags:
John Bizley replied to Alex's discussion 'More styling in the Design Studio'
Alex from Bougex.com replied to Alex from Bougex.com's discussion 'Leaving Ning... to SocialEngine. Happy... huuummmm.... don't know yet !!!'
Alex replied to Alex's discussion 'More styling in the Design Studio'
Alex replied to Alex's discussion 'More styling in the Design Studio'
Donna Mac replied to Donna Mac's discussion '3.0 Video - can someone explain?'
Kos replied to Donna Mac's discussion '3.0 Video - can someone explain?'
Riccardo Rossini replied to Alex's discussion 'More styling in the Design Studio'© 2013 Created by Ning.
