app_body_header

[Harvey]

I see these two uses:



I see "header-col" as a class:



but I dont see any corresponding class in the CSS.

After reading the "Navigating from topic to topic" thread, it's clear to me that Greg and Coleen are miles ahead of me in terms of understanding NAML.

But... it seems to me that you helped me create a macro, which is acting like a div or a widget.  It allows me (or you) to write conditional code that will let me customize ad placements by forum.

That's really what I want on the right side above the search bar too.  The only difference is that the ROOT page should have the facebook like button.  It that is difficult I could have the facebook like on each page. (it does slow the page, so I was trying to limit my use of it.)

Pedro you've given me a ton of help lately so just get to it when you can.

[GregChapman]

Harvey wrote

After reading the "Navigating from topic to topic" thread, it's clear to me that Greg and Coleen are miles ahead of me in terms of understanding NAML.

You read me wrong. While I'm fine with HTML and CSS, I'm a total novice when it comes to NAML and all other modern programming languages. I could keep up with BASIC and to some extent with PASCAL in the late 70s and early 80s. I was OK with Z80 Assembler too, but technology and programming has moved on a little since then.

[Harvey]

I wish I understand how to do basic things without asking so much. I want an place for an ad unit in the upper right of my forum could you create a macro and call it properly for that?

On Thu, Oct 31, 2013 at 6:06 AM, GregChapman [via Nabble Support] <[hidden email]> wrote:

Harvey wrote

After reading the "Navigating from topic to topic" thread, it's clear to me that Greg and Coleen are miles ahead of me in terms of understanding NAML.

You read me wrong. While I'm fine with HTML and CSS, I'm a total novice when it comes to NAML and all other modern programming languages. I could keep up with BASIC and to some extent with PASCAL in the late 70s and early 80s. I was OK with Z80 Assembler too, but technology and programming has moved on a little since then.

Just a Volunteer Nabble Helper - because the nice folk at Nabble have helped me!

---

If you reply to this email, your message will be added to the discussion below:

http://support.nabble.com/app-body-header-tp7584955p7587632.html

To unsubscribe from app_body_header, click here.
NAML

--
"Like" us on Facebook: www.facebook.com/NYSkiBlog
Follow us on Twitter: http://twitter.com/nyskiblog
----------
Harvey Road: NYSkiBlog.com
NY Ski Forum: forum.NYSkiBlog.com
NY Ski Magazine: mag.NYSkiBlog.com

NY Ski Directory: directory.NYSkiBlog.com

[Pedro]

You should star studying html and css. I think you would like it and it is not so hard. I can help you

[Pedro]

Please, use an inspect tool to see your root page. See the div "forum-header" it has three sub-divs which are the three columns.
They have the same class header-col.
Their css is set up at set_css_header macro. The is just bellow the app_body_header override at the advanced editor, line 82.
At line 64, the code for the third column starts. You can add what you want there just like you have been doing at the first column.

[Harvey]

I know a bit of html and css but not enough. It's hard to make time to learn.  I know I have asked a lot.

It LOOKS to me like set_css_header is being used for all three elements in app_body_header.  I think that means each unit has to be the same. Also each unit is 33% if the total width and with everything floated left it leaves 1% unused at the right? Not sure about that.

If I am correct, wouldn't it make sense that have each unit, left, center and right as unique divs?  I'm kind of surprise no one has every wanted to use the space at the top for advertising or whatever.

If NONE of this makes sense — a  real possibility I admit — it shows how far I am from having enough understanding to translate my (limited) html and css knowledge into NAML.

[Harvey]

Pedro <Nabble> wrote

Please, use an inspect tool to see your root page. See the div "forum-header" it has three sub-divs which are the three columns.
They have the same class header-col.
Their css is set up at set_css_header macro. The is just bellow the app_body_header override at the advanced editor, line 82.
At line 64, the code for the third column starts. You can add what you want there just like you have been doing at the first column.

I see those, and understand in theory how to ad a different unit for each sub app.  I think.

But I've seen that small errors can leave the app unusable and I'm not sure how to preview changes to see it I have done things correctly (closing tags etc).  You've said that errors in red may or may not be true errors.

[Harvey]

For some reason I can't get adsense to show in app_body_header.

The new (asychronous) code gives me a naml error.  The old code is accepted by won't display an ad.

[Pedro]

Please, post the new code here. Do you know the size of it? May be it can't fit at that area.

[Harvey]

Pedro there are currently two types of adsense code:

New (asynchronous) code. It is faster loading and more accurate.  I am getting a parse error when I add it:

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Rectangle 234 (Off Topic) -->
<ins class="adsbygoogle"
     style="display:inline-block;width:234px;height:60px"
     data-ad-client="ca-pub-0156740191883467"
     data-ad-slot="2606354545"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Old code, which still works for now. I get no error but the ad doesn't display:

<script type="text/javascript"><!--
google_ad_client = "ca-pub-0156740191883467";
/* Rectangle 234 (Off Topic) */
google_ad_slot = "2606354545";
google_ad_width = 234;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="//pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

In each case I set the site of the container to  234 x 60 in this sub app to test it:

http://forum.nyskiblog.com/The-Off-Topic-f1389381.html

Thx.

[Pedro]

See your file now. I added a value to the async attribute in order to make the code compile well. It is working now.

[Harvey]

Thanks I will try it.

Do this mean I can use the asycn code anywhere on the site?

Also I need to know where/how to add the attribute that lets google know the URL of the page the ad is on:

google_page_url = "<n.current_url/>"; 

This is an issue created by embedding.

[Pedro]

Please, try it. I'm not sure about the url.
The code works at your test sub-forum without any url.

[Harvey]

Pedro <Nabble> wrote

See your file now. I added a value to the async attribute in order to make the code compile well. It is working now.

It does seem to be working.  I will watch it.

Can you show me where you made this change?

[Pedro]

See your app_body_header file Line 49:

<script async="true" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

[Harvey]

This feature has been huge for me, helping create ad space that added 20% to my winter revenue.

I wonder Pedro...

can I embed video in the app_body_header module that is at the upper left?

Turn up the sound on this, it is really cool.

Skiing that deep powder on those old school skis in not easy:

[Pedro]

You have to use this video embedding code. You can see it watching on youtube -> Share -> Embedding.
Use this one:

<iframe width="100" height="100" src="//www.youtube.com/embed/HbrZpJm6zdA" frameborder="0" allowfullscreen></iframe>

Set width and height to fit in your column.

[Harvey]

In app_body_header

I want to add the right hand column ad to more nodes

<n.comment.>Here is the code for the third column.</n.comment.>
            <div class='header-col'>
                <n.comment.>If is the root node, I add the face book like. You can check it for other sub forums.</n.comment.>
                
               <n.if.equal value1="[n.id/]" value2="2102421">
                <then>
                    <n.set_css_header/>
                    <div id="right_img" class='header-col'>
                        <a href="http://www.avantlink.com/click.php?tt=ml&amp;ti=97425&amp;pw=149617&amp;ctc=forum-ad-260" rel="nofollow" target="_blank">
                                <img src="http://nyskiblog.com/wp-content/uploads/2013/10/Liftopia-Ad-260-1.jpg" title="Click to Shop Lift Ticket Deals." alt="Liftopia" /></a>   
                    </div>
                </then>  
            </n.if.equal> 
                
                <n.if.is_root>    
                    <then>
                        <n.face_like/>       
                    </then>    
                </n.if.is_root>        
            </div>

There is some way to use this:

<n.if.contains_substring string="3646525, 3541284, 2531293" substring="[n.id/]">

</n.if.contains_substring>

to replace this and this:

<n.if.equal value1="[n.id/]" value2="2102421">

</n.if.equal>

But every time I do it I get an error.

Can you take line 88 and add the code for making it apply to mulitple nodes, and I will add the other nodes I want?

[Pedro]

Please, look at your line 87:

<n.if.contains_substring string="2102421, 2194703" substring="[n.id/]">

Now, that ad is on node 2102421:Weather and 2194703: Gear X.
Please, try again to add other nodes.

[Harvey]

I did try it and I changed the closing tag to match.  I got some kind of error.

On Mon, Nov 3, 2014 at 10:15 AM, Pedro <Nabble> [via Nabble Support] <[hidden email]> wrote:

Please, look at your line 87:

<n.if.contains_substring string="2102421, 2194703" substring="[n.id/]">

Now, that ad is on node 2102421:Weather and 2194703: Gear X.
Please, try again to add other nodes.

My test forum.

---

If you reply to this email, your message will be added to the discussion below:

http://support.nabble.com/app-body-header-tp7584955p7592330.html

To unsubscribe from app_body_header, click here.
NAML

--