Date: - Time:

For Questions and Quick contact
Call us - FB: Oscar Lee

7.03.2016

How to Align Widgets to Center of Gadget and Display Two Ads on the Same Line on Blogspot

 how-to-make-$25-on-payoneer

By Default, HTML widgets in Blogspot Layout Align to the Left, and if for any reason you want it to align to the center in the Gadget box, you'll Need to Include the Center tag.
For example, Looking at the screenshot above, the Adsense ad was aligned to the center of the Gadget container.

In Blogger Layout, Edit the Html Gadget and Include the Center tag so it Looks like this Below:

<center> Your HTML Code Here </center>

The HTML Code could be Adsense, Affiliate Banner code,Direct Ads code or whatsoever, for Better Illustration, Let me give an Illustration with an Adsense code Below:
<center><div style="text-align: center;">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Leaderboard -->
<ins class="adsbygoogle"
     style="display:inline-block;width:728px;height:90px"
     data-ad-client="ca-pub-64446799082"
     data-ad-slot="4764346859"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div></center>
 And yea One more thing. If you want to Align two Ads code on the same Line, like in the screenshot Below, you'll need to get a small size that will fit into the screen, If not, they would Both Align to the Left and right but the right one would move to the Next Line Below if the ad Size is too Big. If you want Yours to be Adsense Link ads like the One In the Screenshot Below, you'll Need to get the 120 x 90 Link ads size.


In your Blogger Dashboard, Navigate to >> Template >> Edit HTML
In the HTML Screen, Hit CTRL+ F for the Search Box
In the Search Box, Paste ]]></b:skin>
Right Above the Code you just found, Paste the Code Below

 #left { float: left; text-align: left; } #right { float: right; text-align: right; } .clear{ clear:both; }

Then Click on save

Now in Your Template Body, Find the Best Position You'll Want it to Display, Preferably Below Post Body and Paste

 <div id='left'> Your Adsense Code Here </div><div id='right'> Your Adsense Code Here </div><div style='clear:both;'/>

Its the same Adsense Code you'll Place in those Two places in red Above, and Remember, Its the Adsense 120 x 90 Link ads Code.

NOTE:
If you cant Find the ]]></b:skin> Tag in Your Template since People have Been Complaining About this, You can Navigate to Template >> Customise >> Advanced >> Add CSS  and Paste the Code there, Its the Same Effect with ]]></b:skin>

Have any Questions? Did This Post solve any Problem? The Only way we can Know is through Your Comments Below. Happy Blogging :)

Like Our PAGE on Facebook
 

No comments:

Post a Comment

We love to hear from you!

RECENT COMMENTS

Featured post

JAMB 2017 Results are online now - check yours here

JAMB - the Joint Admission matriculation board , has started the release of the 2017 UTME RESULTS online for the examinations that start...