Current status of the Ning Platform is always available on the Ning Status Blog.

FORUM

NC for Hire

A couple of night ago a fellow creator asked if there was a way to have a hovering/flying Twitter follow button to inspire members to follow them.  I found a solution and now I am sharing it with you.  This is what it will look like in top right corner of your site:

You need this image: 

and this one (which is optional and replacable)

Here is the code you'll need to add to your design studio custom CSS:

.follow-wrapper {  height: 44px;  overflow: hidden;  position: absolute;  top: 0;  width: 100%;}
.follow-button { background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/14644626);
background-repeat: no-repeat;
background-position: 0 0;
cursor: pointer;
display: block;
padding: 7px 0 7px 40px;
position: absolute;
right: -168px;
top: 5px; -webkit-transition: right 0.3s; -moz-transition: right 0.3s; transition: right 0.3s; width: 168px;}
.follow-button:hover {-webkit-animation: fly 0.2s steps(4) 0 10; -moz-animation: fly 0.2s steps(4) 0 10; animation: fly 0.2s steps(4) 0 10; right: 0;}
@-webkit-keyframes fly { from { background-position: 0 0; } to { background-position: 0 -140px; }}
@-moz-keyframes fly { from { background-position: 0 0; } to { background-position: 0 -140px; }}
@keyframes fly { from { background-position: 0 0; } to { background-position: 0 -140px; }}
.hover-me { background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/14644708); height: 184px; position: absolute; right: 5px; top: -5px; width: 274px;}


And here is the code you'll want to add to a HTML module or a page footer (change the bold underline parts with your own):

 

<div class="hover-me"></div>

<div class="follow-wrapper">
<div class="follow-button">
<a href="https://twitter.com/jbirds_co" class="twitter-follow-button" data-show-count="false">Follow @jbirds_co</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
</div>

And here is a demo:

Let me know if you need help with your Ning Community

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Email me when people reply –

Replies

This reply was deleted.

Announcements

 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

Anastasia_Ning_Support replied to Scott Bishop's discussion
Endless Scrolling for Photo &amp; Video Pages
"Hello!
Usually, when the script stops working after the SSL update there is a simple way of fixing…"
58 minutes ago
Anastasia_Ning_Support replied to Marly's discussion
Profile question removal?
"Hello!
When you need to change some part of the default text on the site - please check the Languag…"
1 hour ago
Anastasia_Ning_Support replied to Harald Bornebroek's discussion
Sign in via LinkedIn, Twitter , Yahoo etc.
"Hello!
Unfortunately, LinkedIn is not available as a sign in/up option for 3.0 platform. 
On 3.0 su…"
1 hour ago
Annabel Gregory replied to Annabel Gregory's discussion
Posts not appearing on the Latest Activity Feed
"Well, thank you, Ning! At long last, our Latest Activity Feed is suddenly working perfectly. All fi…"
2 hours ago
shantanu natu, Brandon Batts, PODOLCZAK and 1 more joined Ning Creators Social Network
5 hours ago
Marly posted a discussion
With ning we can create our own profile questions, however, is there a way to remove or change the…
9 hours ago
Scott Bishop posted a discussion
Does anyone have a good hack to create endless scrolling on our photo and video pages? I had a grea…
14 hours ago
Scott Bishop replied to George H. Compton IV's discussion
(TIP) Ning 2.0 responsive fullwidth network at any screen resolution. :O Cellphones to TV's ;)
"Hi George, 
Thank you for this update. My site was finally updated with SSL today and it broke your…"
17 hours ago
Anastasiia_NING support posted discussions in NING BUSINESS CLUB
19 hours ago
Harald Bornebroek replied to Harald Bornebroek's discussion
Sign in via LinkedIn, Twitter , Yahoo etc.

Hi Anasatsia,
Thanks but I can not find the LinkedIn one.  How do I get that one?
How do I get th…"
yesterday
Anastasia_Ning_Support replied to Harald Bornebroek's discussion
Sign in via LinkedIn, Twitter , Yahoo etc.
"Hello! 
To enable social sign up/in open your Member Managment menu, switch to the Sign up & Sign i…"
yesterday
Louie St Clair, Shane Mecklenburger, Louis Mimouni and 5 more joined Ning Creators Social Network
yesterday
More…

Meanwhile, you can check our social media channels