"Great site man.
Thanks for sharing the link.
I am working on mine. I hope I will be done by the end…"
Social Share
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.
Latest Activity
Perrie Halpern replied to PeruCool's discussion 'Alternatives to Ning social network'"Is there a specific code generator you use? I hope you don't mind me asking."
Elshara Silverheart replied to Elshara Silverheart's discussion 'Another Feature Request For Ning 3.0'"This would be a reason to stay on Ning if I knew I could at least have some of what is here."
soaringeagle replied to James Nored's discussion 'How do I create a taller header?'"more specific
header {height:60px;}"
Larry Matthews replied to James Nored's discussion 'How do I create a taller header?'"I apologize for my lack of clarity, and not being a mathematician? Where does the {…"
soaringeagle replied to James Nored's discussion 'How do I create a taller header?'"remove a 0 off 600?
is this math class?"
Elshara Silverheart replied to Elshara Silverheart's discussion 'Free Site Promotion'"Me two, since I forget half the links I post."
Cultivating Community
© 2013 Created by Ning.
