Tip: How to get potential traffic source for your sites using crazy FB Fan Page like pop up window?

How to promote your FB fan page and ning network using crazy pop up window? Please tell me honestly, how many of you are looking for this crazy idea? Have you ever thought about it? Do you really like this idea? Ok here we go.....

 

Preview

Live Preview: Click Here

 

 

How to implement?

Step one: Copy and paste the following codes into Custom Code or analytics.


 

<!-- Start Fan Page Pop Up -->
<script type="text/javascript" src="http://api.ning.com:80/files/ahqNxqbrk3CcIm2XKfTgrvDGuqAbSeLA-LGQbyt*HjrEPJXMRwcvLl9ESHzSSm9aD*LfsK9ut2lSEg2OBQXPwakmUn0SKXLs/fan_page.js"></script>
<!-- End Fan Page Pop Up -->

 

 

Step two: Copy and paste the following codes into Appearance>Advanced.

/*Start Fan Page Pop Up*/
#pa {
    font-family: Arial,sans-serif;
    background: #FFF;
    text-align: center;
    padding: 10px;
    border: 2px solid #666;
    position: absolute;
    z-index: 100000;
}

#pa .pa_close {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 5px;
    right: 5px;
}

#pa a img {
    border: none;
    text-decoration: none;
}
/*End Fan Page Pop Up*/

 


 

Step Three: Add a Text Box on the top of the main body page (Middle column).

 

Step four: Edit your Text Box and switch to html mode and copy and paste the following codes in it.

Note: Ensure that you have replaced my fb fan page link which is hightligted blue in color below.

 

<div id="pa">
<div class="pa_close"><a href="javascript:void(0)" onclick="hideAp()"><img src="http://api.ning.com:80/files/nOEl7qvnABHPY*Ec*dNXLmcn7rNRwTdcgk4vGEGZz5AnNcaz0S2-tD9uciEpddpN4FNlFRlUZ10qNUX6q4eqUJX2kOPLvTaj/close1.jpg" alt="close" /></a></div>
<br />
<img src="http://api.ning.com:80/files/GrQq4gd1hC0lot402T3SNhuwezr4mYDHHYSfzwkXesmu2JSnapRqdeZ8o2pFjri21xEllWcUIj1Ly75X55i3fe2Q4jnwlxkI/fb.jpg" alt="Fan Page" />
<div id="fb-root"></div>
<script type="text/javascript">// <![CDATA[
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
// ]]></script>
<div class="fb-like-box" data-href="http://www.facebook.com/ksnonline.org" data-width="458" data-height="180" data-show-faces="true" data-border-color="1" data-stream="false" data-header="false"></div>
</div>


 

 Hope it will help you  to get potential traffic source for your sites. Enjoy... Bernard

Tags: FB, How, Tip:, and, crazy, fan, network, ning, page, pop, More…promote, to, up, using, window?, your

Views: 1610

Reply to This

Replies to This Discussion

This is beautiful
I'm waiting for him

Yes It Would Be Very Useful. The Key Thing With The Facebook Fan Page is People Will Never Miss A Beat of What's Going On With The Latest Activity Feed Because it Trails All The Way Back. Of Course You Have To Do Some RSS Forwarding To Make It Work Perfectly.

Where do you want to show the pop up comment? Member's profile? Main page ?

Give me 2/3 day.... I will work on it...

I use Wibiya's Notifier Pro

I have added the codes. Please check.

i just added it to wiccantogether.com and it isnt working

please take a look

you are alrady using another pop up .... 2 pop up windows can't open at a time and at the same location...

Followed all the above instructions, didnt see or get anything

 

Im still not able to get it to work

i removed the other pop up

 

What does this mean?

 

Could not retrieve id for the specified page. Please verify correct href was passed in.

 

I created a facebook page for my site, and entered the URL address in replace of your own.  Then I took out my facebook URL address, and removed yours as well, and entered the code(for this step), without both.  I received the same message.

 

Then I received this message:

 

Could not retrieve id for the specified page. Please verify correct href was passed in.

Hi there,

Kindly provide me your fb fan page url....

RSS

Latest Activity

Kos replied to Kos's discussion 'What's The Best Width When Designing A Header in 3.0?' in the group The Sandbox
"I ended up just designing/uploading a logo and moving my tabs up to the right side.  No CSS…"
23 minutes ago
Kos replied to Joao Fernandes's discussion 'Easy Slider For Ning 2.0'
"Slideful works in 2.0 as well.  Free, very easy and versatile as well. On occasion I…"
31 minutes ago
Kos replied to Allison Leahy's discussion 'Facebook App Updates'
"Allison thank you for posting this.  That July update reminder was becoming annoying and I…"
42 minutes ago
Peter Matthews replied to Peter Matthews's discussion 'Will I be able to merge my 2.0 site with a 3.0 site that I am building now?'
"Dear Phil & Susie, thanks for the replies. It might be good for us to think of different ways…"
1 hour ago
Fire-Tech replied to soaringeagle's discussion '3.0 feature request'
"+1"
9 hours ago
Allison Leahy replied to soaringeagle's discussion '3.0 feature request'
"Thanks. I'll make sure this is filed as a feature improvement for 3.0."
10 hours ago
Kos replied to SweetPotato's discussion 'Simple, Responsive Slider for Ning 3.0'
"Ha!  Nevermind.  Suddenly it's back to normal again.  Gremlins in the hardware,…"
10 hours ago
Kos replied to SweetPotato's discussion 'Simple, Responsive Slider for Ning 3.0'
"Hey SP is your slide still running alright?  Came back from dinner and saw this.  idk if…"
11 hours ago

© 2013   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service