Halaman

How to Place 160x600 Vertical Ads on Median UI Template 1.6 - 2026 Guide

How to Place 160x600 Vertical Ads on Median UI Template 1.6 - 2026 Guide

TrickPk.com - On April 27, 2026 I introduced a new feature of Median UI which I named Vertical Ads Median UI 2026. This feature is in the form of adding a vertical ad widget to the left of the post in 2026.

What are Vertical Ads in 2026?

Vertical ads are vertical ads with a size of 160x600 that extends to the bottom of the page in 2026. 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 in 2026?

  1. There are many reasons we need this vertical ad in 2026, including:
  2. To increase blog income on Google AdSense account in 2026
  3. To take advantage of the empty space to function optimally in 2026
  4. Can be used as a place to put an illustrated affiliate link in 2026

Why should the ad size 160 x 600 in 2026?

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

Which view should we imitate in 2026?

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

How to Create Vertical Ads on Median UI 1.6 in 2026

How to Place 160 x 600 Vertical Ads on Median UI Template 1.6 2026
  1. Open Blogger Dashboard in 2026
  2. Choose Layout
  3. Press Add Gadget

Case 1. Advertising Code 2026

HTML • VERTICAL ADS 2026
<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:0;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='this.parentElement.style.display="none"'>
  Advertisement
 </div>
 <!-- Put ad code here 2026 -->
 <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 in 2026

Information 2026:

  1. Replace the highlighted color code with the desired word (eg ads, promos, ads) in 2026
  2. Change the yellow color code with your AdSense account ID in 2026
  3. Change the color code with the ad slot code in 2026
  4. Press Save in 2026

Case 2. Resize Template Layout in 2026

Because we will add a widget that did not exist before in 2026, 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 in 2026
  2. Choose Theme
  3. Select Edit HTML

Then look for the code .blogCont .secIn in 2026

Change the following code

CSS • OLD 2026
.blogCont .secIn{ padding-left:25px ;padding-right:25px}

Be like this in 2026

CSS • NEW 2026
.blogCont .secIn{ padding-left:180px ;padding-right:25px}

Save Theme in 2026.

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

Related Post

No comments