Download this Premium Blogger Template. Download now!

How to Place Vertical 160 x 600 Ads on Median UI Template 1.6  -  On April 27, I introduced a new feature of Median UI which I named Vertical Ads Median UI . This feature is in the form of adding a vertical ad widget to the left of the post.

What are Vertical Ads?

Vertical ads are vertical ads with a size of 160x600 that extends to the bottom of the page. This ad is suitable for display in Desktop mode because it fits the width of the screen and is easy to tuck between posts or widgets.

Why do we need Vertical Ads?

  1. There are many reasons we need this vertical ad, including:

  2. To increase blog income on Google Adsense account

  3. To take advantage of the empty space to function optimally

  4. Can be used as a place to put an illustrated affiliate link

Why should the ad size 160 x 600?

So, the decision to increase the ad size is not without basis. All through a long survey. Starting from personal experience and adopting the look of news and film sites.

Which view should we imitate?

Since the Median UI 1.5 and 1.6 templates don't have a lot of free space, so we imitate the appearance of Tribun News only. After all for beginner Bloggers, placing too many ads is not the best practice. Because it can disturb visitors.

How to Create Vertical Ads on Median UI 1.6

  1. Open Blogger Dashboard

  2. Choose Layout

  3. Press Add Gadget

Case 1. Advertising Code

<style scoped='' type='text/css'> .trickpk-leftSd,.trickpk-rightSd{position:fixed;top:68px;width:130px;height:600px;z-index:0;transform:translateZ(0)} .trickpk-leftSd{left:85px} .trickpk-rightSd{right:0} .close-fixedSd{position:absolute;width:160px;height:600px;line-height:600px;font-size:11px;font-weight:400;top:0px;left:0;text-align:center;background :#f6f6f6;border:1px solid #eee;color:#666;padding:5px 0;cursor:pointer} @media screen and (max-width:800px){.trickpk-leftSd,.trickpk-rightSd{display:none;visibility:hidden;}} </style> <div class="trickpk-leftSd"> <div aria-label="Close Ads" class="close-fixedSd" role="button" tabindex="0" onclick=""none""> Advertisement </div> <!-- Put ad code here --> <ins class="adsbygoogle"     style="display:inline-block;width:160px;height:600px"     data-ad-client="ca-pub- xxxxxxxxxxxx "     data-ad-slot=" xxxxxxxxxxx "></ins> <script>     (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div>

Copy and Paste the above code in the Content box


  1. Replace the highlited color code with the desired word (eg ads, promos, ads)

  2. Change the yellow color code with your Adsense account ID

  3. Change the color code with the ad slot code

  4. Press Save

Case 2. Resize Template Layout

Because we will add a widget that did not exist before, so we have to change the size of the widget to create an empty space for the ad. How to see the tutorial below:

  1. Open Blogger Dashboard

  2. Choose Theme

  3. Select Edit HTML

Then look for the code .blogCont .secIn

Change the following code

.blogCont .secIn{ padding-left:25px ;padding-right:25px}

Be like this

.blogCont .secIn{ padding-left:180px ;padding-right:25px}

Save Theme.

That's how to install vertical fish in the latest version of Median UI. May be useful. Don't forget to check the live demo via the button below.

Where do you want to donate?

Treat the creator to coffee by giving a small donation. click the arrow icon as above.

Post a Comment

© . All rights reserved. Distributed by Distributed by