Posts

Showing posts with the label blog tutorial

how to setup custom domain (z.com ) with blog - 2023

Image
  First login to your blog acc and go to setting click custom domain and then enter your choose domain ( www.yourdomain.tld) look at figure below enter your domain and you will see like this  ( note your two cname record and enter to your domain setting ( eg: i buy a domain from z.com  and i will enter my two cname to z.com DNS setting ). then go to your domain setting that you buyed domain source. 1.go to DNS 2.if you see nothing click  +domain and enter your domain name for edit to enter cname record and 4A record. Enter you Cname record that you noted from your blog . after that you can fill 4A record too that is not important but need. then click save. your configurate setting is finished.  then go to your blog enter you choose domain again that is work?.if work that is right setting you entered in DNS ,if not, that wrong setting you entered.do it againg until work. ( when you click save if error message don't show that is work. Note: all your link in old su...

How to Hide html code

Image
On occasion, it might be necessary to conceal content or text on a website. For instance,  you might need to delete a section of text because something has changed, but you might  also want to keep it in case you need to restore it in the future. It is feasible to conceal  the material behind a special code as opposed to erasing it totally. The text is still part of the HTML code on the backend of your website when it is hidden,  but the ordinary user cannot see it. This is a great resource to utilize when learning HTML or  while following a lesson. The visibility of text and information can be adjusted quite easy. How Can HTML Code Be Hidden? It's rather simple to hide HTML, and the procedure entails "commenting out" the information. You can add comments to your HTML documents to clarify each snippet's purpose for other developers and designers. You should perform the following actions in your coding tool, whether that is anything like notepad, a developer stud...

How to Create number pagination in blog

Image
 By using the older/newer or previous/next navigation, users can view your blog's pages one at  a time using Blogger's regular pagination. This tutorial will demonstrate how to implement a numbered pagination in place of the older/newer pagination,  allowing visitors to navigate between pages numerically. The pagination.js file in step 2 below must now be hosted directly within your theme and  not in an external file due to Blogger's restrictions. Although it should function, it is now housed on my Github account, thus I advise hosting it yourself. 1. Styling The Pagination To alter the appearance of the pagination and make it work with your blog's style, change the CSS shown above.  You can style it however you like,  however I recommend changing the colors, adjusting the padding, and adding your own fonts. #blog-pager, .blog-pager { display:block; padding:5px 0; } .showpage a, .pagenumber a, .totalpages, .current { position: relative; ...

how to create copy clipboard buttom

Image
We'll go over how to make a copy to the clipboard button in this article. In many situations, when developing websites, we must provide users with the ability to click a button and copy specific data to the clipboard. We can create a copy button to copy data to the clipboard using the navigator. clipboard.writeText() function, whether it is a sample of code or the User's own data. The data passed as a parameter to this function is written to the clipboard. Any text can be copied to the clipboard using this method. First, we use document.getElementById() or another appropriate function to choose the text to copy to the clipboard, whether it is from a div or an input box. Next, we store first change your display code in given link below  Source Code Formatter for Blogger, Blogspot , Blog & Blogging, Format Formatting Tool and copy code then login to your blog choose new post  place code that you had been copied in html view and you will see like this after that copy t...

how to display html or java script on blogger

Image
In the early stages of my blogging career, I lacked any practical understanding of how codes operate in the Blogger post editor. The difficulty I had in posting my codes was one of the biggest issues I had. The issue was relatively easy to solve. In order to complete my coding tutorials, I had to share both JavaScript and HTML codes. However, every time I enter a code into a post, Blogger begins to interpret it. I tried to use the Show HTML Literally option in the Blogger post settings, but I was unsuccessful. As a result, I was compelled to display the codes as graphics rather than in words. I was aware that the readers wouldn't have a pleasant reading experience. As a result, I started exploring for a method of literally displaying the HTML and JavaScript code. display code on blog with two method, 1. convert your code to escape code and  2. paste in your blog in html view  first login to your blog choose new post to display code  click link given below  follow fig...

How to protect blogger image and text by copy paste

Image
    well-known Copy-pasting is save time in online for different kinds of documents .  used in blogging and in other places as well.  These are some simple step you can use to disable copy-pasting in your blog and increase security. This is a simple technique for disabling copy-paste in blogger faster.  many people seem to not even know how to explain this. Statistics show that  about 20% of the content online is plagiarized from one source or another. Copy-pasting some content from the web page, it might be good to disable the copy-paste feature blogger? If yes,  then this article is useful for you. It tells you how to disable copy paste  in blogger faster, and I show you that after going through this article,  at least 90% of your problems related to copying pasting would have been solved. First login in your blog. after that go to layout  click add gadget  then,click html and script gadget. Enter here Text codes  or  im...

how to change blogger email address

Image
Blogger does not provide setting to change primary email id and so many blogger user who chosen a wrong blogger email address  asking  "how to change my blogger email address" with different reasons. at the time of creating a blogspot blog is one of the top reason but if you are also looking to change  your blogspot login email address  with any reason then the right place you are . Now days their are too many different ways to change blogger account email id but don't worry  easy way had, easiest way to change your  email address on blogger including step by step instructions -with images. Changing Blogger Login Email Address Step 1. Login to your blogger account for which you want to change your login email id. Step 2 . Now navigate to Blogger Dashboard > Settings > Permissions section. Step 3. Click on Invite more authors and send an author invitation to your new email address. Step 4. Open the invitation email and accept the author invitation, ...

How to Remove Powered by Blogger Attribution Widget

Image
how to remove  powered by blogger Step 1-Theme edit Login to your blogger blog, click on Theme from left sidebar.  Then click on down arrow button next to customize and select Edit HTML from drop down option. Step-2 (Unlock Blogger Attribution) Jump to widget Attribution1 or search these two lines of html codes and change/ replace showaddelement=’false’> with showaddelement=’true’> shown in the first line and locked=’true’ with locked=’false’ shown in the second line. Step-3 (Remove Attribution Widget)  Go to the Layout option tab of your blog and click on Edit link of the Attribution Widget under footer section at the bottom. Now, you will see the additional button to remove the widget. You will see a pop-up message “Are you sure you want to remove this page element from your page?“. Just click on OK.  click on the Save button shown at the bottom-right corner and enjoy! Now,Customized Footer Gadget  you can easily add your own text linked copyright m...