Skip to main content

Posts

Showing posts with the label Imagz

How to Enable Dark Mode in Blog Address Bar

H ello everyone, today I'm going to show you how to make a blog's address bar darkmode or dark mode. If you're using latest version templates, such as median-ui, fletro, and imgaz, you won't need to make any changes, but if you use other templates, you'll need to make some changes. For a demonstration, click the darkmode button on this blog; however, you must do so via mobile, not PC, because the address bar on the mobile browser is what we change. Basic JavaScript knowledge is essential if you are utilising different templates and need to make tweaks for them to work. How to Enable Dark Mode in the Address Bar Please copy the script below and paste it above the code </body> or <!--</body>--> , and save it if you haven't already. <script>/*<![CDATA[*/ /* How to Enable Dark Mode in the Address Bar by trickpk.com */ /* Require template median-ui, fletro and imgaz  */ var addrsDfClr = '#f89000'; //defaul

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 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

Download Imagz New Premium Blogger Template

The landing page concept included with iMagz can be used to offer items or services. Most landing page themes focus solely on the appearance of the homepage (don't worry about the appearance of posts), thus we balance the Blog and the landing page at the same time. As a result, you only need one blog to manage both. This Imagz Pro is considered best theme for adsense approval. Download to speed up the loading of your website. Download the premium theme right now. Multi-page or varied page views, such as the Portfolio page, Fullpage, and many other features, are one of the template's best features. This template has more features than Median UI Template, which is also similar template to Fletro Pro Template. This template's code has been improved, and it has been made neater by adding comment tags!— and --> for easy editing. Not only that, but there are now more colours that you can change directly from the Blogger 'Theme Designer.' Bloggers Fa

Add Donation Box Code in Blogger

Hello everyone, on this occasion, I'm back to share again, namely the show hide donation box widget with html and css on blogger. This donation box widget is perfect for all niche blogs, blogging also needs capital such as paying domain rental fees, buying internet quota and others. While maybe your Adsense income is also still small so it doesn't close, and requires additional costs, or even your blog doesn't meet the requirements of Google Adsense so you can't make money from your blog. Then it doesn't hurt us to put a donation box on our blog, maybe there are some people who are interested in the content we create and want to make a small donation as a sign of gratitude. Actually, there are a lot of donation widgets out there, but if you haven't found the right style, then you can try what I'm going to share this time. for the demo you can see through the button below, ok for those of you who want to make it, let's see how below. View Demo How to

Download Button Code to Display File Information

At the request of some of you, today I will share the download button that displays file information that TrickPk often uses. Demo Share code download button to display file information This button is installed by default in the Median UI template , I took it out and tweaked it a bit and of course now any template can be used. Let's see now! Instructions for it's installation and usage as below. First of all Copy the entire CSS below.  /* Download Button CSS Codes by TrickPk */ <style type='text/css'> .trickpk-icon{flex-shrink:0;display:inline-block;margin-right:12px;width:18px;height:18px;background-size:cover;background-repeat:no-repeat;background-position:center}.trickpk-icon.trickpk-download{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fefefe' stroke-linecap='round' stroke-linejoin='round' stroke-width=