TrickPk.com - 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?
There are many reasons we need this vertical ad, including:
To increase blog income on Google Adsense account
To take advantage of the empty space to function optimally
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
Open Blogger Dashboard
Choose Layout
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="this.parentElement.style.display="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
Information:
Replace the highlited color code with the desired word (eg ads, promos, ads)
Change the yellow color code with your Adsense account ID
Change the color code with the ad slot code
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:
Open Blogger Dashboard
Choose Theme
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.