Ning Help Center

HTML Integration mit JQUERY

joanna

HTML Integration mit JQUERY

5 (100%) 1 vote

EINFÜHRUNG

Dieses Tutorial ist eine kurze Anleitung, wie Sie Werbeanzeigen oder andere HTML-Integrationen in Ihr Ning-Netzwerk einbauen können.

SETUP

  1. Wöhlen Sie zunöchst die Integrationsposition aus (siehe Abbildung)
  2. Nehmen Sie nun den entsprechenden Code um das HTML zu integrieren (Beispiel-Codes unten auf dieser Seite)
  3. Passen Sie nun den Code bei den entsprechenden HTML Variablen an
  4. Speichern Sie den Code in der vorgesehenen Box („Mein Netzwerk“ — Tools — Eigener Code)

BEISPIEL-NETZWERK

BEISPIEL-CODE

1. ÜBER DER NING LEISTE

<script type="text/javascript">
/* insert above Ning Bar */
if (typeof(x$) != 'undefined') {
    var preNingBarAd = '<div id="preNingBarAd"><img src="/1 Above Ning Bar.png"
width=800 height=80 frame=0></div>';
    x$("#xn_bar").before(preNingBarAd);
}
</script>

2. ÜBER HEADER-IMAGE

<script type="text/javascript">
/* insert above header image */
if (typeof(x$) != 'undefined') {
    var preHeaderImageAd = '<div id="preHeaderImageAd"><img src="/2 Above Header
Image.png" width=800 height=80 frame=0></div>';
    x$("#xg_head").prepend(preHeaderImageAd);
}
</script>

3. UNTER HEADER-IMAGE

<script type="text/javascript">
/* insert below header image */
if (typeof(x$) != 'undefined') {
    var postHeaderImageAd = '<div id="postHeaderImageAd "><img src="/3 Below Header
Image.png" width=800 height=80 frame=0></div>';
    x$("#xg_masthead").after(postHeaderImageAd);
}
</script>

4. UNTER DER NAVIGATION

<script type="text/javascript">
/* insert below navigation */
if (typeof(x$) != 'undefined') {
    var postNavigationAd = '<div id="postNavigationAd "><img src="/4 Below Navigation.png"
width=800 height=80 frame=0></div>';
    x$("#xg_navigation").after(postNavigationAd);
}
</script>

5. FOOTER/FUßZEILE

<script type="text/javascript">
/* insert in footer */
if (typeof(x$) != 'undefined') {
    var footAd = '<div id="footAd "><img src="/5 Foot.png" width=800 height=80 frame=0></div>';
    x$("#xg_foot").prepend(footAd);
}
</script>

 

 

Similar Articles: