How can i add these features in my website?

Replies to This Discussion

Permalink Reply by elsodev on August 16, 2010 at 12:52am

Its a simple jQuery trick . Paste it in your Analytics or now refer as CUSTOM CODE
---------------
<script type="text/javascript">
x$("#xg_foot").after("<div id="mystuff">Put your codes like text boxes and badge image here , just like simple HTML , you can also use iframe "); </script>
--------------

.after refer to add the content below the DIV
.before is the opposite , that is add above .
Mystuff , you can change this to any name you like , and you can edit it in CSS . for example ,
#mystuff {
background:black;
}
Have fun . :D

Permalink Reply by Forbes on August 17, 2010 at 8:10am

it tried it,doesn't work.can you give me complete details?

Permalink Reply by JenSocial on August 17, 2010 at 12:09pm

Please add Support Questions here:
http://jensocial.com/group/helpsupport_eachother_ning_support

Permalink Reply by JenSocial on August 17, 2010 at 12:24pm

Hi Forbes,
The footer content I have is provided via a text box from the former Scripts4Ning, that's no longer available to new networks. That code is on the backend and I can't even get to it, except to edit it.

However, we can do the same thing or close by injecting an iframe that calls in an html file. It's a little tricky, but basically the same instructions as the "Add Google Ad to Header".
http://jensocial.com/group/ningnetworktips/forum/topics/add-google-...

Just change the variable from:
x$("#xg_navigation").after
to:
x$("#xg_foot").before

Be sure to change the iframe height. And on the badge code I have here, you'll need to know how to code it so the code can be copied/pasted. View the source code I've attached to this discussion.


Best Regards,
Jen

Attachments:

• FooterTextBox2.txt, 1 KB

Permalink Reply by Forbes on August 18, 2010 at 1:28pm

Thanks Jen.I will study it carefully.

Permalink Reply by Forbes on August 23, 2010 at 1:31pm

How do i add link to this code,below No.9
I used it for footer banner,noticed it shrink on firefox,fix on google chrome.I want it fix on all browsers.

Thanks.

Permalink Reply by JenSocial on August 23, 2010 at 4:43pm

I don't know what you mean when you say "it shrink", sorry. If you're just trying to add a text link to your header or footer, try one of these:

<!-- Add link above NingBar -->
<script type="text/javascript">
x$("#xn_bar").prepend('<div align="center" class="xg_module"><a href="http://www.testlink.com">test link</a></div>');
</script>

<!-- Add link above Footer -->
<script type="text/javascript">
x$("#xg_foot").before('<div align="center" class="xg_module"><a href="http://www.testlink.com">test link</a></div>');
</script>

Best,
Jen

Permalink Reply by Forbes on August 23, 2010 at 9:49pm

Not a text link.I want to add link to the footer banner of my website.I used the iframe code on the google ad tutorial to create the banner.

Have a look on the banner with firefox and google chrome,you will see what i mean by shrinking(contrast)

Thanks

Permalink Reply by JenSocial on August 23, 2010 at 10:25pm

Hi Forbes,
I suggest that you increase the height of the iframe:
height="200px"
If that doesn't work out, I wouldn't know.
Hoping you get it worked out.
Jen

Permalink Reply by Forbes on August 23, 2010 at 11:47pm

Hi Jen,

I increased height=200px,its okay now.How do i add link to the iframe banner?

Thanks

Forbes.

Permalink Reply by Fantagiro43 on August 24, 2010 at 12:15pm

Jen, this is so cool. I will add this link in my footer ;)

Permalink Reply by elsodev on August 18, 2010 at 12:38am

Lol , then i can't help you .
I don't know whats your problem is . Just follow Jen's direction . Jen's the expert here . =D

• ‹ Previous
• 1
• 2
• Next ›
• Page