Skip to main content

Posts

Showing posts with the label Median UI

How to Bold the Name of Person Who Comments on the Blog Template Median UI 1.6

TrickPk.com - Again, Median UI 1.6 has shortcomings that do not suit the tastes of many people. One of them is in the writing style of the Name in the Blog comments column which still uses a font with a Normal thickness. So that there is no difference between the visitor's name and the content of the comments. The question that I will discuss this time comes, how do you bold the names of person who comment in the comments section?" Before I answer this question, I believe that  anyone who uses the Median UI 1.6 template can bold the person name in comments section, because in the previous version of Median UI, the blog commentator's name was bold by default. Only version 1.6 is different. So I made this tutorial specifically for Median UI v1.6 users. How to Bold Comment Name Fonts Open  Blogger Dashboard Click  Theme Press  the Inverted Triangle icon Select  Edit HTML Look for the code  .cmHr you will see something like it. .cmHr{line-height:24p

How to Modify the Post Date Format in the Median UI Template

How to Modify the Post Date Format in the Median UI Template - As far as we are aware, Pakistan's date format is not used in the Median UI template's date format. Month, Date, and Year (m/d/Y) are the order in which dates are written. In our country, the writing position begins with the date, followed by the month, and then the year (d/m/Y). It makes Pakistani or Indians upset to see the date written otherwise from how it is customarily done. So that blog readers are comfortable seeing it, it would be a fine decision to modify this date format. How to Change Post Date Format Here full procedure how to How to Modify the Post Date Format in the Median UI Template Open  Blogger Dashboard Click  Theme Press  the Inverted Triangle icon Select  Edit HTML Press Ctrl + Shift + R Then enter this text in the Replace All column :  MMMM d, YYYY Press Enter Enter this word in the With column : d MMMM YYYY Press Enter Save Theme All are done in procedure 1☺

How to Customize the Nav Menu Bar on the Median ui 1.5 Template

In my previous posts, I have completely guided to everyone to edit the median ui template. Today I will show you  how to customize the awesome nav menu bar on the median ui 1.5 template, everyone. How to Customize the Nav Menu Bar on the Median ui 1.5 Template Step 1 : Find the code  <li class='dropDown'> and delete all the first </li> closing tag into the following code: <li class='dropDown'> <input class='dropMenu hidden' id='offdropMenu1' name='dropDown' type='checkbox' /> <label class='link' for='offdropMenu1'> <svg class='line' viewBox='0 0 24 24'><g transform='translate(2.500000, 2.500000)'><line x1='6.6787' x2='12.4937' y1='12.0742685' y2='12.0742685'></line><path d='M-1.13686838e-13,5.29836453 C-1.13686838e-13,2.85645977 1.25,0.75931691 3.622,0.272650243 C5.993,-0.214968804 7.795,-0

How to Fix Median UI 1.5 Related Post Widget

TrickPk.com  - The Related Post widget that says "You might like this post" in Median UI version 1.5 looks really bad. The reason has been explained in the previous post about the  Lack of Median UI Template v1.5 - Lots of Bugs? . The Related Articles widget under this Median UI v1.5 post should indeed be changed. So that it is more eye-catching and does not make visitors tired of scrolling when opened via HP. As a fellow blogger, of course I can't just criticize other people's templates. Therefore, I will provide a surefire solution to fix the lack of Median UI 1.5 related post widgets. How to Fix Median UI 1.5 Related Post Widget Open  Blogger Dashboard Click  Theme Press  the Inverted Triangle icon Select  Edit HTML Then look for the code /* Related Posts */ Block all the code below it, then replace it with the new modified code. This replacement code: .relatedPosts{margin:40px 0 0;line-height:1.6em} .relatedPosts ul{display:flex;flex-w

How to Disable the Table Of Contents Feature in Median UI Template

TrickPk.com  - The many features in a blog template can be an advantage of the template itself. However, all the features in the Blog template are not necessarily needed by all Bloggers. Sometimes there are some people who don't like or don't need this feature. There are many reasons a Blogger would want to remove or hide a feature. It could be because the managed niche doesn't need it, or maybe it has better features than the template's default features. How to Disable the Median UI's Table of Contents Feature For those who don't know, Table of Contents (ToC) is a feature that allows visitors to see a list of Titles and Subtitles in posts. Well, to answer the question above, let's look at the following tutorial. Open  Blogger Dashboard Click on Theme Press  the Inverted Triangle icon Select  Edit HTML Search code  .postToc Then find the CSS code that says display:flex After finding it, replace the word flex to none, so that it becomes l

How to Change the Median UI Address Bar Color

TrickPk.com - Address Bar is a column located above the browser which contains the Home button, Search column, Tabs, and Settings. This column is generally white and gray, sometimes it turns black if we turn on night mode. The color of this address bar can be changed according to taste using the settings in Blogger. So, we can adjust the appearance to the theme of the Blog / Website that we have. How to Edit Address Bar Color Automatically Open Blogger Dashboard Press Theme Click CUSTOMIZE Select Advanced Choose Theme Color Then the Address Bar Color will appear Press the color icon to search for more colors Choose a color according to your taste, if it can be in harmony with the dominant theme color Then press the icon Save / Save That's how to change the Blogger Address Bar color on the Median UI template, hopefully it's useful for those of you who want to look the same as the trickpk.com template display , thank you for visiting 😊

How to Remove Anchor Ads on Median UI 1.6

TrickPk.com  - Anchor Ads are advertisements that appear below the smartphone screen. This ad is widely used by large sites. In fact, Google itself provides a special automatic ad code to display this Anchor ad. Well, in the Median UI template, we can create this Anchor ad manually and can set where this ad will be displayed. It can appear on the homepage only, or on the posting page only, or on only static pages, or even on all pages. I myself use Anchor Ads, but I don't display it on the homepage, because I want visitors to see the navigation menu at the bottom of the screen. I only show this ad on post pages and static pages because it feels more optimal in increasing income. How to Remove Anchor Ads on Median UI 1.6 However, some bloggers don't like the Anchor ads widget appearing in the Median UI, because it will cover the navigation menu below it. Well, if you're one of those people who don't like anchor ad widgets in Median UI, you can get rid of t

How to Overcome Image Related Post Blur / Blur in the Latest UI Median

TrickPk.com  - In early 2022, Google changed image links from  1.bp.blogspot.com to  blogger.googleusercontent.com . This change has an impact on the appearance of related posts or articles related to bloggers. In old posts, pictures of related articles are still clearly visible. However, in the latest post, all related post photos are blurry. To fix this blurry related post, we have to change the related post code in the Median UI template. How to see the tutorial below. How to Fix Blurred Related Post Images Open  Blogger Dashboard Click  Theme Press  the Inverted Triangle icon Select  Edit HTML Look for code data-bg="'+r+'" Then you will find 2 codes that are the same as this <div class="lazy" data-bg="'+r+'" > Change the first code to data-bg="'+r.replace("s72-c","s260")+'" Then Save Theme Done Then all related post images / related articles in the Me

How to Customize the Search Column Appearing on the Median UI 1.6

TrickPk.com - The appearance of the Search column in Median UI 1.6 seems to blend with the Header color . The new border and background color will appear if we hover our mouse over it. So that this search field is often not realized by visitors which results in this widget being rarely used. Question? Oh, yes, the tutorial was requested  from our Discussion Forum Solution : Therefore, trickpk.com will provide a solution to the problem above. Where we will change the color of the search column widget from white to a more contrasting color. How to Keep the Search Column Appearing on the Median UI 1.6 How to Customize Median Lookup Column UI v1.6 Open  Blogger Dashboard Click  Theme Press  the Inverted Triangle icon Select  Edit HTML Look for the header code .BlogSearch input Then you will find a code like this header .BlogSearch input{margin-top:0;padding:12px 42px;height:auto;font-size:13px;border-radius:12px;background: transparent ; width:calc(100% + 26px);left

How to Enable 2 Column Grid on Homepage Median UI 1.6

TrickPk.com  - Median UI 1.6 doesn't have a List/Grid button like the Median UI 1.5 template, but actually we can change the homepage's appearance to a Grid when it's opened on a mobile display. How to Enable 2 Column Grid on Homepage Median UI 1.6 We would like to thank which reads: "How do I change the Median UI v1.6 post page to become a Grid" . We will answer these questions in as much detail as possible so that they are easy to understand. What Will Change? By default, the Median UI 1.6 blogger template homepage display only 1 column. To make it a Grid view, we're going to convert it to 2 columns. An example can be seen in the thumbnail image above. For a tutorial on how to modify it, see below. How to Change the Appearance of the Median UI Homepage version 1.6 Open  Blogger Dashboard Click  Theme Press  the Inverted Triangle icon Select  Edit HTML Look for code <body> Underneath there is a code like this <b:class con

How to Fix Comment Column Not Appearing on Blogger

TrickPk.com - Some Blogger users experienced problems with the comments widget in April 2022. Especially for those who use the Median UI 1.5 and Median UI 1.6 templates. Where the comment column becomes an error and does not appear as it should. This problem is none other than caused by the latest Blogger update made by Google. I have discussed this in a previous post entitled:  Comment Column Median UI Error Template. This is the cause. Thankfully, the problem with the blogger comments feature can be overcome without having to replace blogger comments with Disqus or Facebook. You can follow the tutorial below. How to Overcome the Error Blogger Comment Column Open Blogger Dashboard Click Theme Press the Inverted Triangle icon Select Edit HTML Press Ctrl + F Search code c => not c.inReplyTo Then add the following code at the end or c.inReplyTo == 0 The result is like this c => not c.inReplyTo or c.inReplyTo == 0 Save Theme. That's how to d

How to Fix Median UI Template Comment column Error

TrickPk.com- Recently, users of the Median UI Blogger template were surprised by the comment field that didn't work normally. Published comments do not appear in the article but enter the Blogger Dashboard. Even though the comments column is not in Moderation. What Causes Median UI Error Comments? If you notice, Google is currently updating its Privacy Policy and Terms of Service. We can see this in the slightly changed appearance of the comment column. Where there is a change in the form of the Publish button and there is a description below it that reads: PAKISTAN This site is protected by reCAPTCHA and the applicable Google Privacy Policy and Terms of Service. ENGLISH This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.   Are Other Templates Also Errors? The error in the comments column so far I have seen only occurs in the Median UI 1.5 and Median UI 1.6 Templates. While the templates other than Median UI are still norma

How to Place Vertical 160 x 600 Ads on Median UI Template 1.6

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 ha

How to Remove Snippets (Post Description) using iMagz Template

TrickPk.com - Snippets or short descriptions of blog posts are actually not that important to display. The average blog visitor will only see the title of the post when searching for the article they want. In addition to blog snippets that will only fill space on the blog (junk for some templates, including the iMagz, Fletro, Median UI), it turns out that snippets also slow loading more or less and even affect SEO scores in several types of templates. Therefore, we better hide it. However, under certain conditions there are indeed some templates that do require a snippet to fill the space that is too empty. For example a blog with a posting template in the form of a List (list) with large thumbnails like Viomagz. The snippet function is needed to beautify the display only. How to Remove Snippets from IMAGZ Template Open  Blogger Dashboard Click  Theme Press  the Inverted Triangle icon Select  Edit HTML and follow below steps Then look for the code .pSnpt{-webkit-line-

How to Create a Custom Notification Alert in Blog Article

Hello friends, you are welcome to Trickpk blog, In this article, I'll show you how to add a Custom Alert Description Styles Widget to your blogger website, so read on to find out more. View Demo Styles Custom Alert Description Box In the Custom Alert Description Box, you may provide information about your blog to your viewers, as well as present your site's logo or any photo, which will improve the quality of your blog. Will be attractive, and readers who are interested in you will form a strong link with you. Create A Custom Alert Description Styles Widget Friends, I also implemented Custom Alert  Description Widget or Box Styles  in my blog a while ago, and it was extremely well appreciated by all of my followers, with some of them requesting that I show them how to Create A Styles Custom Alert Description Box in your blog article. So, let's see how you may make your own unique custom alert box in your blog. Step 1 . Adding CSS Codes Add the follow

How to Create Infinite Scroll on the Median UI Template

TrickPk.com   -  Infinite Scroll is a term for page navigation that does not require buttons to load the next post. So every time a visitor reaches the posting deadline, this infinite scroll feature will load automatically so that the content is loaded continuously. Types of Page Navigation For those who don't know, there are 3 kinds of page navigation, including: Pagination : Pagination is the navigation of a page that contains many numbers or numbers. So that visitors can jump to some other page they like. Load More : Load more is a one-button page navigation. Infinite Scoll : Infinite scroll is a page navigation that has no buttons at all, but is equipped with automatic detection to pamper visitors to see the next page without doing anything. Advantages of Infinite Scrolling Infinity Scolling has many advantages that other types of navigation do not have. But here I will mention only 3 advantages so that the discussion is not too long. 1. Visitors are King Blog visito

How to Make a Time Pop up Download Button on Blogger

Hi, hello everyone, in this article, TrickPk will discuss how to create a timed pop up download button on Blogger . I have previously made this tutorial in the article How to Create a Popup Download Button Contains time (Insert Ads) but there are many reports from visitors to my blog, he said after the button was clicked the download button disappeared and could not be clicked again. And in this article I share the widget again and I have tried the code and it works 100% How does this pop up download button work? After you add this button in your post, or on your blogger page and click on the button, a pop up will appear, and it will contain the specified time. If the time is up, the download button will appear and you can click it. Demo How to Make a Popup Download Button with Timer First of all Login to blogger dashboard click Theme>Edit html Next, copy the code below and place it above the code ]]></b:skin> or </style> if using median ui 1.6 or an