SitePoint Sponsor

User Tag List

Results 1 to 13 of 13
  1. #1
    SitePoint Member
    Join Date
    Dec 2013
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Unhappy I have a problem with an adsense code in blogger Template

    Hello;
    i have a problem with an adsense code in blogger Tempalte
    I'm Put the code in the header, but it shows only a small part
    look at the Picture:
    Capture.JPG

    can you help me please

  2. #2
    SitePoint Mentor silver trophybronze trophy
    Mikl's Avatar
    Join Date
    Dec 2011
    Location
    Edinburgh, Scotland
    Posts
    1,539
    Mentioned
    63 Post(s)
    Tagged
    0 Thread(s)
    Hi Iskado and welcome to the forum.

    Can you give some more information about what you have tried to do? You say you have put the code "in the header". Where exactly have you put it? Do you mean in the Blog Description field in the Configure Header window? If so, that won't work.

    Or do you mean you have placed the code in the <header> section of the template? That won't work either.

    If you are copying the code from the My Ads section of the AdSense control panel, you will need to paste it in your individual blog posts or pages. Or, you can paste it directly in the template, but only in the <body>, not the <header>. You should only edit the template in this way if you know what you are doing, as a mistake could ruin the blog.

    A simpler option is to use the AdSense gadget. Go to the Layout page in Blogger, and click Add A Gadget. Then choose the AdSense gadget. You can place the gadget where you like in relation to the other layout elements, and you can adjust the size and colours to suit your tastes. The advantage of this method is that you don't have to work with AdSense code.

    Mike

  3. #3
    SitePoint Member
    Join Date
    Dec 2013
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yes brother, i'm using gadgets to add the code but but it shows only a small part, but if it's diffuclt to corretct it i think that you can help me to change code with adsense code in this topic:http://www.sitepoint.com/forums/show...an-other(help)

  4. #4
    SitePoint Member
    Join Date
    Dec 2013
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    if you need more informations to help me
    i'm here please

  5. #5
    SitePoint Mentor silver trophybronze trophy
    Mikl's Avatar
    Join Date
    Dec 2011
    Location
    Edinburgh, Scotland
    Posts
    1,539
    Mentioned
    63 Post(s)
    Tagged
    0 Thread(s)
    As you are using the gadget, you don't need to look at any code. Just do the following:

    1. Go to the Layout page in Blogger. Decide roughly where you wants your ads to appear (to the left or right of the blog posts, or above or below them). Click Add A Gadget in the corresponding position.

    2. In the resulting Add A Gadget window, choose AdSense.

    3. In the resulting Configure AdSense window, choose the format and colours, and click Save.

    4. In the Layout page, drag the new gadget to its final position.

    That's all you have to do. Note that the ads might not appear straight away. You might have to wait a few hours. But you definitely don't need to edit any code or even open the template.

    Mike

  6. #6
    SitePoint Member
    Join Date
    Dec 2013
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm making all things that you said now but the same problem...
    i think that this modification is the best solution for put the code in header zone

    http://www.sitepoint.com/forums/show...an-other(help)

  7. #7
    SitePoint Mentor silver trophybronze trophy
    Mikl's Avatar
    Join Date
    Dec 2011
    Location
    Edinburgh, Scotland
    Posts
    1,539
    Mentioned
    63 Post(s)
    Tagged
    0 Thread(s)
    Just wait a few hours. It takes time for new ads to become active. While you're waiting, it's possible that you'll see an incomplete ad in your blog. Just try again a bit later.

    Mike

  8. #8
    SitePoint Member
    Join Date
    Dec 2013
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm trying again but the same problem
    look at my blog:
    http://iskadev.blogspot.com

  9. #9
    SitePoint Evangelist silver trophybronze trophy
    Join Date
    Jul 2013
    Posts
    406
    Mentioned
    22 Post(s)
    Tagged
    0 Thread(s)
    Hi iskados,
    In the style in the <head> of the page there is:
    Code:
    /* Header-----------------------------------------------*/
    #header-wrapper{background:url('http://3.bp.blogspot.com/-cLApl8bnaIk/UcGnYZnnRmI/AAAAAAAAHN8/AuAmaNk_pU4/s1600/pattern-3.png');
    width: 960px; margin: 0px auto 0px; height: 100px; padding: 30px 0px 0px 0px; overflow: hidden;box-shadow:5px 5px 5px hsla(0, 0%, 45%, 0.53);}
    and:
    Code:
    /* Headright----------------------------------------------- */
    #adssection { float: left; width: 468px; height: 60px; margin-top: 10px; margin-left: 60px; }
    If I remove these two heights, the ad's can be seen:


  10. #10
    SitePoint Member
    Join Date
    Dec 2013
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi...

    You can get idea......
    https://support.google.com/blogger/answer/42291?hl=en

    Alastair Henry
    <snip>
    Last edited by TechnoBear; Dec 12, 2013 at 09:44. Reason: Please wait 90 days for a real signature

  11. #11
    SitePoint Member
    Join Date
    Dec 2013
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Francky View Post
    Hi iskados,
    In the style in the <head> of the page there is:
    Code:
    /* Header-----------------------------------------------*/
    #header-wrapper{background:url('http://3.bp.blogspot.com/-cLApl8bnaIk/UcGnYZnnRmI/AAAAAAAAHN8/AuAmaNk_pU4/s1600/pattern-3.png');
    width: 960px; margin: 0px auto 0px; height: 100px; padding: 30px 0px 0px 0px; overflow: hidden;box-shadow:5px 5px 5px hsla(0, 0%, 45%, 0.53);}
    and:
    Code:
    /* Headright----------------------------------------------- */
    #adssection { float: left; width: 468px; height: 60px; margin-top: 10px; margin-left: 60px; }
    If I remove these two heights, the ad's can be seen:

    thanx bro

  12. #12
    SitePoint Evangelist silver trophybronze trophy
    Join Date
    Jul 2013
    Posts
    406
    Mentioned
    22 Post(s)
    Tagged
    0 Thread(s)
    It's working!
    For the fine tuning:
    • The menu bar is very close to the ad-block; some space would make the menu more appetizing.
    • Also I see the lavalamp is not centered above the menu-items when you hover over the menu. The last item has even no lavalamp, then the lavalamp is still above the item before. The reason is that the left-position of the lavalamp has a fixed increasing amount (80px), but the list items have different width's.

    To manage it, for the menu distance you can give the #header-wrapper some padding-bottom. For the lavalamp: you can give each list item hover an adapted left-postition for the #lavalamp:
    Code:
    #header-wrapper {
        ...
        padding: 30px 0 10px 0;
    }
    #nav li:nth-of-type(1):hover ~ #lavalamp {
        left: 13px;
    }
    #nav li:nth-of-type(2):hover ~ #lavalamp {
        left: 83px;
    }
    #nav li:nth-of-type(3):hover ~ #lavalamp {
        left: 148px;
    }
    #nav li:nth-of-type(4):hover ~ #lavalamp {
        left: 228px;
    }
    #nav li:nth-of-type(5):hover ~ #lavalamp {
        left: 317px;
    }
    #nav li:nth-of-type(6):hover ~ #lavalamp {
        left: 417px;
    }
    #nav li:nth-of-type(7):hover ~ #lavalamp {
        left: 542px;
    }
    #nav li:nth-of-type(8):hover ~ #lavalamp {
        left: 688px;
    }

  13. #13
    SitePoint Member
    Join Date
    Dec 2013
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thank you Francky


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •