Skip to main content

Posts

Showing posts with the label Code

How to Write Arabic Text in Your Blog Posts Neatly

You can actually write in Arabic letters easily in blog posts without the need to follow the guidelines that I will write. But you also need to know that maybe the Arabic script will look less neat or difficult to read because it uses the default font from the template used. Of course this will annoy visitors a little, especially if the blog is managed specifically to discuss Islam or religious education, where every post must include a snippet of a verse from the Quran. Therefore, I made this article to make it easier for you to display and make Arabic writing in blog posts neatly and comfortably when read. For example, here is Arabic script using standard font without any code. بِسْــــــــــــــــــمِ اللهِ الرَّØ­ْÙ…َÙ†ِ الرَّØ­ِÙŠْÙ…ِ Meanwhile, if you use Arabic font and additional code to make it appear more presentable and efficient, it is as follows. You can see the difference, it looks more neat and comfortable to read. For more details, maybe you can just practice it on the

How To Make Beautiful Animated ToolTip In Blogger

Welcome to TrickPk. In this post, we will share code about how to make beautiful animated tooltip in Blogger , a tooltip with CSS, a tooltip for mobile, a tooltip in HTML, a tooltip without javascript. Just follow our steps carefully to avoid any errors. But first, Let’s talk about it a little. What Are Tooltips? Tooltips are the short message that appears on our browser’s screen when we hover over an element. Animated tooltips are one of the most prominent features of the modern web. They provide visitors with a great deal of information about the element we’re hovering over and help us understand what is displayed when we click on a specific element. Tooltips are handy for us because it allows us to provide visitors with details about various elements in our website without having to load any additional pages for them. That’s why we must make sure that our tooltips are working perfectly. This article will learn how to create an animated tooltip in Blogger by following this tutorial s

Add Comments Message with Parse Tools on Blogger by TrickPk

Hello everyone, on this occasion I will share how to create a comment message with the parse tool on Blogger . This tutorial is request by Darshan, via comments on one of these blog posts, for those of you who want to request the tutorial, you can comment on the forum or send a message via email via the contact page, you can also comment on our YouTube. if possible we will do it in the future. Comment messages equipped with these tools will certainly be very useful for blogs with tutorial niches like this blog, besides being able to beautify the appearance of the blog, it will also make it easier for admins or blog visitors when they want to insert code or images into comments. With this tool, visitors no longer need to open another page to parse the code, and manually write the tag like <i rel='pre'></i> , because the code will be parsed and the html tag added automatically. is it a pre , quote or image tag. For the demo you can see on this blog comment se

How to Prevent Fake and Bot Traffic on Blogger

Hello Friends and welcome to TrickPk, Our today Article is about How to block Fake web traffic for Blogger . Advantages: Bot traffic should be blocked. Prevents you from being banned. How to Prevent Bot Traffic on Blogger Let's Get Started To stop bot traffic, follow these steps:- Go to Blogger's dashboard and select Theme from the drop-down menu. Next to the 'customise' button, click the arrow down icon. Select Edit Html from the drop-down menu. Select any word, then press CTRL+ F and put </body> into the search box. Paste the code provided below just before the </body> tag. <script type='text/javascript'> var block = ['https://www.unlibot.com']; for (var b = block.length; b&#8211;;) { if (document.referrer.match (block [b])) window.location = "https://google.com/"; } </script> Conclusion I discussed How to Restrict Bot Traffic for Blogger in this post. Make a comment and let us know what y

How to Make Your Blog Article/Content Locked

TrickPk ~ Hello TrickPk friends, on this occasion I share information about How to Make Blog Article Content Locked or Password . You can see the results of this tutorial directly below: Enter password TrickPk  to access full script. Enter Password To Open This Article! Here's How to Make Blog Article Content Locked or Password Here steps how to implement it Installing the code in the article Open a Blogger account. Create a new article, switch to HTML mode. Copy the below code Publish articles and see the results. <script> function verify() {   if (document.getElementById('password').value === 'TrickPk') {     document.getElementById('HIDDENDIV').classList.remove("hiddentrickpk");     document.getElementById('credentials').classList.add("hiddentrickpk");   } else {     alert('Password Wrong!');     password.setSelectionRange(0, password.value.length);   }   return false; } </

Create Maintenance Notification Page for Blogspot

In the process of using the blog, have you encountered the problem of editing the Template yet? Sure it is. And in the process, there will be a lot of changes and confusion on our blog and you don't want that to be seen by the Viewers. So today TrickPk will show you a way to make a maintenance page or notification while we are editing Template. Demo How to Create Maintenance message for Blogspot Advantages : Beautiful, friendly. Anyone accessing your blog will only see this maintenance notice page and will not be able to access the blog. Procedure : You go to Blogger   and go to the Theme  section and  select Edit HTML Then you paste the code below before the closing </head> tag.  <style type='text/css'> /*<![CDATA[*/html:after {  content: "";  background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIWl8RKIkV7bPYrWiORC91z5bOQRliXwcG4-zyyzouR761noF6CwE3nqY-RcBQoBKLysEBwiNUpEqy1b5PuY6OYCTa_rf8z

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

Share Code to Add Heart Effect on Click for Blogspot

Hi everyone, it's TrickPk again, today I see a pretty good code that will help you decorate your blog. This is only displayed when using a computer, when clicking anywhere in the blog, a row of hearts with seven 7 rainbow colors will appear. Before entering the article, I would like to go our Facebook page and receive the latest posts! How to add heart effect on click for Blogspot Step 1 : Go to blogger Step 2 : Select Theme  Edit HTML Press Ctrl + F to find  </body> Step 3 : Paste the javascript before  </body> <script type="text/javascript"> //<![CDATA[ !function(e,t,a){function n(){c(".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: fixed;}.heart:aft

Share Code Falling Apricot Golden Flowers for Bloggers

Hello everyone, it's TrickPk again, today I will share with you the code of apricot flowers for bloggers. Ok let's start! The new year is coming, surely bloggers like me are also looking for some background or effects to decorate the Blog. Through searching on the internet, I found the effect of apricot flowers falling to increase the Tet atmosphere for the Blog. Here, I would like to share it with those of you who are also looking for this effect! New Year Decoration Blog: custom falling yellow and golden apricot flower effect. In addition, the  falling cherry blossom effects , falling leaf effects   (when it turns to autumn),  snowing effects , falling star effects  , etc., are also from this one piece of code. Demo IMPLEMENTATION STEPS Step 1 : Go to Blog => Themes => Edit HTML . Press Ctrl + F and find the </head> tag  and paste the entire code below or, ceate a new widget and add this code <script type='text/javascript&#