Are you looking for a fresh and modern Blogger template? Try Median UI 1.7
Median UI 1.7 is the fast loading and Morden Blogger template that was designed with a clean layout. It is 100% responsive where by it changes to fit with different screen sizes. You can easily customise this theme through Blogger Layout which means you don't need much knowledge about HTML
to customise it.
Median UI is a great choice for bloggers because of its great features and easily customise layout. This template can boost your blog's SEO and user experience, making your blog stand out.

What is Median UI 1.7 Blogger Template?
Median UI is a modern Blogger template inspired by the Fletro Blogger template. This theme was created by Jago Desain, it has a three-column layout, where the first column is a navigation menu, which can be minimised to provide space for the main content. The Median UI looks like a web app, this makes it look professional.
Because of its advanced features, Median UI 1.7 is the best choice for bloggers who want a Morden theme.
Features & Disadvantages of Median UI 1.7 Blogger Template
The Median UI 1.7 Blogger Template comes with many powerful features that make it stand ahead of other Blogger templates. Below are some of the top features this template offers and the only its downside.
The Median UI 1.7 Blogger Template comes with many powerful features that make it one of the best choices for bloggers. Here are some of its top features:
- Easy to Customize: You don't need coding skills since you can edit everything from the layout section.
- Fast Loading: It is optimized for speed when it comes to loading time.
- Fully Responsive: Median UI works perfectly on all screen sizes either a Phone, Laptop or Tablet.
- SEO Optimized: It is also built with SEO-friendly code to improve ranking on search engines.
- Ad Optimized: Designed to support AdSense and other ad networks, hence enabling you to earn money.
- Customizable: You can easily change colors, fonts, and layout.
- Professional Code: It has well-structured and clean coding.
- Profile Widgets: Display author profiles beautifully.
- RTL Support: It also supports right-to-left languages.
- LazyLoad Images: It loads images only when scrolled to them, to improve page speed.
- Dark Mode Widget: It has a dark mode option hence improving user experience.
- Updated Navigation Menu: It has a modern and user-friendly navigation menu.
- Bookmark Posts Widget: Allows users to save posts if they want to read later.
- Dynamic Components: It also includes guide lists, pros/cons lists, and a lightbox for images.
- Syntax Highlighter: It highlights codes for every programming language to read easily.
- Lazy Load YouTube iFrames: It delays YouTube video loading to speed up page load.
- Download Card v2.0: Offers stylish download buttons for files.
- Spoiler & Accordions: Allows the admin to hide and show content he/she wants.
These are just a few features of Median UI 1.7; there are many that I can't list them all here!
The only downside of the Median UI 1.7 Blogger Template is:
- Navigation Menu Editing: You cannot edit the navigation menu through the Blogger layout, instead you need to edit it in the Edit HTML section, which can be difficult for users who are not familiar with coding.
Demo & Download
Since we didn't mention all the features, we strongly recommend you check out the live demo to see the Median UI in action and being able to check all its features.
If you are satisfied with this Blogger template we have also provided a download button so you can get the template easily.
If you want a guide on customizing and using the Median UI 1.7 template, check out the official Median UI Documentation.
How to Install Median UI 1.7 Blogger Template
After downloading Median UI 1.7 Blogger template you will need to install it. Below are the steps to install it on your Blogger blog.
-
Step 1: Download the XML File
You can download the XML file directly from GitHub through the download button above. Since the file is already in
.xml
format, there is no need to extract it. -
Step 2: Backup Your Current Theme
Before uploading a new theme, it is highly recommended to backup your current Blogger theme. This will allow you to restore your old design if needed.
- Go to Blogger Dashboard.
- Navigate to Theme.
- Click the ▼ icon next to the Customize button.
- Select Backup.
- Click Download to backup your current theme.
-
Step 3: Apply a Blank Theme
Sometimes components of the older theme might merge with components of the new one, to prevent this from happening, it is recommended to apply a blank theme before uploading the new template.
<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html> <html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' b:templateUrl='clean-install.xml' b:templateVersion='0.0.1' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <head><b:if cond='false'><b:skin><![CDATA[]]></b:skin></b:if></head> <body><b:section id='_' maxwidgets='1' showaddelement='false'/></body> </html>
-
Step 4: Upload the XML File
After applying the blank theme, it's time to upload the Median UI 1.7 template to Blogger.
- Go to Blogger Dashboard.
- Navigate to Theme.
- Click the ▼ icon next to the Customize button.
- Select Restore.
- You will see this message: "You can upload a theme from a file on your computer."
-
Click Upload and select the
.xml
file you downloaded. - Wait for the process to complete. Your template is now upload!
Once the installation is complete, visit your blog to ensure everything is displaying correctly.
Alternative Method:
Install Using Copy-Paste Code
If you don't want to download the XML file, you can manually copy and paste the template code from GitHub. This method is good and quick because you don't need to upload the blank theme.
-
Step 1: Copy the Template Code
Go to the GitHub repository though the button above and copy the full HTML code of the Median UI 1.7 Blogger template.
Before proceeding, make sure to backup your existing Blogger theme.
-
Step 2: Replace the Current Blogger Theme
Now, let's replace the old theme with the new template.
- Go to Blogger Dashboard.
- Navigate to Theme.
- Click the ▼ icon next to the Customize button.
- Click Edit HTML.
- Select all the existing code (Ctrl + A) and delete it.
- Paste (Ctrl + V) the new Median UI 1.7 template code.
- Click Save to apply the changes.
If you want a detailed guide, check out How to Upload a Custom Theme in Blogger
Final Step: Check Your Blog
Once you have applied the template, visit your blog to ensure everything is working properly. You may need to adjust some widgets and layout settings from the Layout section in the Blogger dashboard.
If you face any issues, you can restore your previous theme using the backup file you backed up earlier.
This template was designed by Jago Desain. We are sharing information about its free availability online, but do not claim ownership or responsibility for its distribution.
Conclusion
Median UI 1.7 Blogger template is a great choice for every blogger looking to improve their blog's looks and functionalities, this is because of its modern, fast loading, and highly customizable design. With features like mobile responsiveness, and SEO optimization it stands on top of other Blogger Themes. While Median UI has a downside with the navigation menu editing, the entire performance and features make this Blogger template great.