8/28/2013

How To Make Ad Dynamo Advert Appear On Blogger Mobile View



Recently, I redesigned the mobile view of ogbongeblog using the blogger mobile template. One of the changes was enabling Addynamo mobile ad unit to appear whenever you view my blog on a small screen especially on opera mini browser.

I decided to do this as an alternative to monetizing my Opera Mini blog's traffic since Google ads still refuse to be displayed on Opera Mini without using mobstac.

If you are interested in making addynamo adverts to appear on the mobile view of your blogspot blog, follow the steps below:

==> Log in to your ad dynamo account to generate the code for the mobile ad unit.

*** If you want to get the code for "300x50" mobile ad unit, make sure you click the "mobile" tab before clicking the "New Channel" button. You can also try the "300x250" ad unit from the "Web" tab.

==> Log in to your blogger dashboard, go to "Layout" and click on "Add a gadget".

*** If you want it to appear at the top of your mobile view, add the gadget to the header section. If you want it down the mobile view, add  it to the sidebar or footer section.

==> Select the "HTML/Javascript" gadget, copy and paste the Ad dynamo ad code into the box, then SAVE.

==> After saving, click the "edit" link under the Addynamo widget. Get the widget ID (eg HTML13) from the URL bar as seen in the screenshot below and take note of it.



==> Go to "Template". Under "Mobile", select "Yes. Show mobile template on mobile devices" and choose "Custom" from the "choose mobile template" dropdown box.

==> Save your settings.

Now, we need to activate the Addynamo ad to be displayed on the Blogger mobile view.

==> Go to "Template" > "Edit HTML"

==> Click on the "Jump to Widget" tab and click on the widgetID of the Addynamo unit you added to your blog earlier. This will take you to the code of the widget in your HTML.

==> Add mobile='yes' to the line of code as seen in the screenshot below.



==> SAVE your template.

View the mobile view of your blog by adding ?m=1 to your blog address eg www.ogbongeblog.com?m=1 and you should see the Addynamo ad been displayed on the mobile view.

NOTE

If you want it to display ONLY on the mobile view and not on the desktop view, use mobile='only' but if you do this, you will keep seeing an error message anytime you want to re-arrange the widgets on your blog layout.

Please, relay your comments, contribution etc via the comment form below.

Do not forget to share this with your friends.

You can read more Addynamo tips here


Share :


34 comments:

  1. Johnson8/28/2013

    Fantastic! Will give it a try once I get my addynamo account. Your blogger mobile view is so cool. Mine look scattered and also notice the big 120x600 ad banner on the mobile view if I view it on PC and with my Blackberry browser. Can I block it from showing on mobile?

    ReplyDelete
    Replies
    1. Yes, you can. Use the "jump to widget" to locate the code for the ad banner, then add mobile='no' to it.

      Delete
  2. Good Job Jide. I think this works for custom Mobile templates only. Clearify me if I am wrong. Thanks

    ReplyDelete
    Replies
    1. Yes bro. If you don't switch to "custom", it will not display.

      Delete
  3. Good job my man, i have been looking for this tutorial all this while. Thanks for sharing it here.

    ReplyDelete
    Replies
    1. You're welcome bro. You are one of those that inspired me to write on it. Happy blogging!

      Delete
  4. Nice one. Please how can i make related post widget appear on blogger mobile view?

    ReplyDelete
    Replies
    1. I have published the tutorial some few minutes ago. Click the next Blogger tutorials tab.

      Delete
  5. how can i swicth to custom and where can i get custom mobile view please

    ReplyDelete
    Replies
    1. Bro, pls read the post all over again. The answers to your questions are in the post.

      Delete
  6. Thanks bro.i followed your instructions and every thing worked out fine.thanks alot.i really appreciate

    ReplyDelete
    Replies
    1. I am glad it worked for you. Have fun

      Delete
  7. pls o is it only working on blogger default templates? mine is not working o

    ReplyDelete
    Replies
    1. Probably a problem with your third-party template. You might need to reset the post template.

      Delete
  8. It was unable to saved bro...it says anoda html widget is not unique...something like dat sha....

    ReplyDelete
    Replies
    1. Send the exact error message to my mail, maybe I can help you fix it

      Delete
  9. Thanks Oga at the Top 4 sharing dis Info

    ReplyDelete
  10. Thanks. But how do i limit my post number on the mobile view?

    ReplyDelete
  11. My mobile custom view looks like desktop view. What can I do about it?

    ReplyDelete
    Replies
    1. Some css tweak can fix it. Guess you are using a third party template.

      Delete
  12. Hello bro

    I already have 2 addynamo on my blog head..i added the mobile one just now and i put 'mobile only' but the ad is still there..dont know why

    ReplyDelete
  13. Thanks for the tutorial. Pls is there a way I can make ads display at the end of each articles in mobile view?

    ReplyDelete
  14. Thanks Bro. Please is there a way I can make addynamo display at the end of each articles in mobile view or web?

    ReplyDelete
  15. thanks for sharing, i've just implemented that on my blog at http://dudurepublic.blogspot.com/......and its working fine

    ReplyDelete
  16. my oga its not working for me ooooh, it cant even save talkless of working

    ReplyDelete
  17. Error parsing XML, line 2031, column 3: Element type "b:widget" must be followed by either attribute specifications, ">" or "/>". So wat do I do bro? Wen I clcikd save das wat I got

    ReplyDelete
  18. tan u bro it worked but plz my addynamo ads only show dynamo click page dont no if it activate or i did the wrong settings plz help me email me tips Mekus4livingsaint@gmail.com nd plz vist my blog to understand wot i mean www.phranqmekus.blogspot.com.... tanxs

    ReplyDelete
  19. bro plz i dnt really no what i did ... my mobile post is not dsplaying dont no what to do plz check my mobile blog xo u could help resolve this www.phranqmekus.blogspot.com?m=1 email me mekus4livingsaint@gmail.com

    ReplyDelete
  20. Yoo , I have ads dynamo account but I can not get any ads cod to places in my site. How can I do it?

    ReplyDelete
  21. Error parsing XML, line 2031, column 3: Element type "b:widget" must be followed by either attribute specifications, ">" or "/>". So wat do I do - See more at: http://www.ogbongeblog.com/2013/08/how-to-make-ad-dynamo-advert-appear-on.html#sthash.ED7mjHJn.dpuf

    ReplyDelete

We love to hear from you!

Sign in to comment "anonymously" without entering verification text.

Want to be notified when I reply your comment? Tick the "Notify Me" box.

If your comment is unrelated to this post, please drop it at my Facebook group here.

THANKS.

Designed by Jide Ogunsanya.