Median UI v1.5 is a Paid & Seo friendly Classic Blogger Template. The Most Important things in this template are Seo friendly &...
Median UI v1.5 is a Paid & Seo friendly Classic Blogger Template. The Most Important things in this template are Seo friendly & Mobile responsive Because it is the most essential factor in SEO (Search engine Optimization). It is not a free template because the developer has made it with hard work & a Unique level of thought they have put in these templates. Its page speed is so good that users can easily rank on google without any plugin.
Jago deasian has created a Median UI Template. And he has Designed these templates with Kept in mind with UI concept. This template is so clean that anyone can attract to this type of template.
Why Median UI v1.5 Template?
There are many factors that you have to choose Median UI template like Seo friendly, Mobile responsive, Page speed, Follow all Google Adsense all Policy, etc...
In the future, there is more demand for Median UI Template because of Page-speed.
Median UI v1.5 Page speed is as you can see below image:
As you see in both given images, the Pagespeed of the Median UI v1.5 template is so high compared to Other templates. High Pagespeed with growth your website fast & efficiently in google search ranking.
In the next-google update, Core web vitals is the most crucial factor in 2021 & It was more impact on the website with fewer core web vitals.
Feature of Median UI v1.5 Blogger Template
There is the Top 25 feature in Median UI in blogger.
Unique & attractive template
Author Box for blogger
Facebook & Whatsapp comments
Embedded Video & quotes Links in comment Section
Sidebar Widget in Layout
Fixed Sidebar
Responsive Footer ads
Easy Adsense Approval
Posting ads in posts in 2 section
Responsive Design 100%
Easy Auto Translated
Beautiful Arabic fonts
Attractive Dark Mode
Menubar with some shortcodes
One-click Fixed menu bar
Responsive Youtube Videos
Already added Table of Content
Advanced Sharing Buttons
Fully Customize template
Header Ads
Simple Footer section
Custom Copyrights
Fast Loaded
Seo Friendly
How to Install Median UI v1.5 template
Median UI Template is a paid template, but we will give you a free & updated median UI template with the latest version of the median UI template on this website.
But If you want a license version template, you can go & buy with this official website.
But If you want to download without a license version, I will tell you how to download the median UI template for free Follow these 3 steps to download the free version of the template.
Step1) Sign in to the blogger website & go to the Theme Section.
Step 2) In Theme Section, go to Customize, click on 3 dots, and then edit HTML in blogger.
Step 3) Now, you have to Download this template given below:
Step4) Now, Remove your default template & download this median UI template XML file and then copy all XML code and paste it into the HTML editor & save the Theme.
Preview the theme and publish your article & posts on the website.
How To Add Slider in Median UI v1.5 Blogger Template
Step1) Go to Blogger.com Website and open theme in theme section go to Edit HTML
Step2) Copy this code and paste this code in the main widget of the median UI v1.5 template and add a gadget of HTML/ JAVASCRIPT.
<ol class="sliderViewport">
<li id="sliderDiv1" class="sliderDiv">
<!--[ add the content right below ]-->
<div class="sliderImg lazyloaded" data-bg="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYrCr6df91p2LVYKUsEkJiBbwTVzQUFVlsfnMBooOVyxg2m_ZOr_bO5g6hwLhsHpnbNc9l-emQ90uoe3RbF6FDtDVmF3DMKsHSnkx6hEgPVPQou0yroS5t3x6c9bFN_H-wj8H092FYfmVm/s0/slider-1-min.png" style="background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYrCr6df91p2LVYKUsEkJiBbwTVzQUFVlsfnMBooOVyxg2m_ZOr_bO5g6hwLhsHpnbNc9l-emQ90uoe3RbF6FDtDVmF3DMKsHSnkx6hEgPVPQou0yroS5t3x6c9bFN_H-wj8H092FYfmVm/s0/slider-1-min.png");"></div>
<div class="sliderSnapper"></div>
</li>
<li id="sliderDiv2" class="sliderDiv">
<!--[ add the content right below ]-->
<a class="sliderImg lazyloaded" href="https://smarttechmukesh.online" data-bg="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfIX7qX7eilivN8ptmE1cSMp2tOZeS2KhwhVafdxv2uIWIW4b-Ws9lBV8kT-ITSFEj9E1yviMuavHj2gqosGSGPww0od6vw_C_p7qY4kl2qxNewV1WILM6ts9jtVNSeQCIPJf8-E_h6kju/s0/slider-2-min.png" aria-label="Slider" style="background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfIX7qX7eilivN8ptmE1cSMp2tOZeS2KhwhVafdxv2uIWIW4b-Ws9lBV8kT-ITSFEj9E1yviMuavHj2gqosGSGPww0od6vw_C_p7qY4kl2qxNewV1WILM6ts9jtVNSeQCIPJf8-E_h6kju/s0/slider-2-min.png");"></a>
<div class="sliderSnapper"></div>
</li>
<li id="sliderDiv3" class="sliderDiv">
<!--[ add the content right below ]-->
<a class="sliderImg lazyloaded" href="https://shrofftemplates.blogspot.com" data-bg="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg62r1pThvolWE0FGKigC5O9aibfAmWeY0zUKmKfgWQWbZda2wV9IqJy1NADBNvPsL3uaH4olM8X3X4TJOAlD6xDiMEgmT2m9YinCORr9E2d7QfWYywIBCKrDinbFJGiG3PVgFrGjOz6fw1/s0/slider-3-min.png" aria-label="Slider" style="background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg62r1pThvolWE0FGKigC5O9aibfAmWeY0zUKmKfgWQWbZda2wV9IqJy1NADBNvPsL3uaH4olM8X3X4TJOAlD6xDiMEgmT2m9YinCORr9E2d7QfWYywIBCKrDinbFJGiG3PVgFrGjOz6fw1/s0/slider-3-min.png");"></a>
<div class="sliderSnapper"></div>
</li>
<li id="sliderDiv4" class="sliderDiv">
<!--[ add the content right below ]-->
<a class="sliderImg lazyloaded" href="https://raushandesign.blogspot.com" data-bg="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKigtktYRPsE8KDyktL0K8kQdygQuKNndN8fPg9heF09-4HwQ2g5tuStJ2RUe6fDUEEuc1iJrKiyVourB3H85iPekO3nzRC3UI5ynmO_l631riW5cbwScPZDHwmjTx5YJjc9O_2j8gYmJm/s0/slider-4-min.png" aria-label="Slider" style="background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKigtktYRPsE8KDyktL0K8kQdygQuKNndN8fPg9heF09-4HwQ2g5tuStJ2RUe6fDUEEuc1iJrKiyVourB3H85iPekO3nzRC3UI5ynmO_l631riW5cbwScPZDHwmjTx5YJjc9O_2j8gYmJm/s0/slider-4-min.png");"></a>
<div class="sliderSnapper"></div>
</li>
</ol>
Step4) Change the given URL and images given below and add your URL and images of your posts.How to install Anti Adblock script in Median UI v1.5 Template?
As the name suggests, Anti Adblock is a script that blocks the installation of any AdBlock software. This allows you to earn money from your website without being bothered by annoying popups or lack of views.
But First, you have to follow some steps to install anti AdBlock script in median UI:-
Step1) Log in to your Blogger account and go to your Blog Dashboard > Theme > Edit HTML.
Step2) Copy this code and paste this code after </head> Tag in median UI template as you can see in this image:
After Installing the Anti Adblock Script it looks like this:
<style type='text/css'>
/* Animation */
@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}
@keyframes rubberBand{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scale3d(1,1,1)}}
/* Say Hi to Adblock */
#arlinablock{background:rgba(0,0,0,0.65);position:fixed;margin:auto;left:0;right:0;top:0;bottom:0;overflow:auto;z-index:999999;animation:fadeInDown 1s}
#arlinablock .header{margin:0 0 15px 0}
#arlinablock .inner{background:#e3482d;color:#fff;box-shadow:0 5px 20px rgba(0,0,0,0.1);text-align:center;width:600px;padding:40px;border-radius:5px;margin:7% auto 2% auto;animation:rubberBand 1s}
#arlinablock button{padding:10px 20px;border:0;background:rgba(0,0,0,0.15);color:#fff;margin:20px 5px;cursor:pointer;transition:all .3s}
#arlinablock button:hover{background:rgba(0,0,0,0.35);color:#fff;outline:none}
#arlinablock button.active,#arlinablock button:hover.active{background:#fff;color:#222;outline:none}
#arlinablock .fixblock{background:#fff;text-align:left;color:#000;padding:20px;height:250px;overflow:auto;line-height:30px}
#arlinablock .fixblock div{display:none}
#arlinablock .fixblock div.active{display:block}
#arlinablock ol{margin-left:20px}
@media(max-width:768px){#arlinablock .inner{width:calc(100% - 20px);margin:10px auto;padding:15px}}
</style>
<script type='text/javascript'>
//<![CDATA[
// Say Hi to Adblock
function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://cdn.jsdelivr.net/gh/Arlina-Design/quasar@master/arlinablock.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>