Top 10 blogger tips and tricks । Blogger tutorial

Hey I am Md Mijanur Rahaman, Founder & CEO of MR Laboratory
Today I will share some tricks from my experience. We need two things to open a website. Hosting and domain. Since we are doing it with Blogger, we don't have to use hosting anymore. We are using Google's Blogger as free hosting. Many people also use Blogger's free domain. Today I will share with you some of the very important tricks of this blogger. Here are some tricks that you can use to improve your site. So let's get started.

1.Post template

Post template । Top 10 blogger tips and tricks । Blogger tutorial - mr laboratory

By template, we mean that the thing can be used dynamically. For example, anyone who has the code of the blog template can use it. That is, what is kept in a dynamic shape for the convenience of repeated use is called a template, not so. Well then

What is the post template?

If we want to put something like this in every post, then we have to use it as a post template. Which we want to use again and again. There are opportunities to use blogger and post templates.

How do I use the blog's post template code?

If you have a Blogger website, you can also use this post template system. First, you go to the blogger.com site. Then the setting

then You will find the post template option like the screenshot. Here you can use this HTML code. Everything you post with this HTML code will come up as a template for each post.

Post template । Top 10 blogger tips and tricks । Blogger tutorial - mr laboratory

2 Blogger author permission

Blogger author permission । Top 10 blogger tips and tricks । Blogger tutorial - mr laboratory

If you want to have someone as an author on your blog who can post on your website if you want. If you want, you can give it to anyone. You may not have enough time to post regularly on your blog, I think you will keep someone else to post. This system is also called guest blogging. Many people use this system. There is a lot more to it. Since I will discuss 10 topics, I am trying to shorten the topic a bit.

If you want to hire a paid author on your blog, you need to allow the person who will pay for your blog to access your blog via email.

1. Setting first
2.Basic settings
3. If you scroll a little mouse, you will see an option in the permission blog author

Click on Ad Author, enter your paid author's mail account, and click on Invite. Then a mail will be sent to him and if he clicks on the link and accepts it, then he will become the author of your blog.

Now you may have some questions,

can he edit your site?Can he remove you?

The answer to this question is no. If you do not give him admin permission.

Authors can only post, nothing can change you. But you can do everything just like before. You can add the author as you wish. Hope you understand.

Blogger author permission । Top 10 blogger tips and tricks । Blogger tutorial - mr laboratory

3. posting using email

posting using email। Top 10 blogger tips and tricks । Blogger tutorial - mr laboratory

With the email system, you can post to your blog via email. If you want, any visitor can post by creating a form with this HTML. You can create such a system. Moreover, if you give the posting email without paying the author, then he does not have to give the author. He will be able to post to your blog via email. You can also post the approval system via email. This means that if you email, it will remain as a draft instead of a direct post. You can publish whatever you want. This is very safe for your blog. You can get this setting by going to Blogger Settings and clicking on Email. Then give some of your secret code/character next to the email which no one can guess easily.

Then you can see 3 options,

Publish email immediately
Save emails as a draft post
Disabled

If you want to make a direct post like this here, then select the number 1. My email here is mrlaboratory@gmail.com

If I enter the secret code mr00, my posting email will be mrlaboratory.mr00@blogger.com.

If you mail this email, it will be posted on my blog.

If you want to do direct email posting, select number 1.

If you want to do the approval system, then select the number 2.

If you don't want to do anything else, keep it disabled. Save it.

posting using email। Top 10 blogger tips and tricks । Blogger tutorial - mr laboratory

4. Title linking

Blogger has a setting that most people don't use, and neither do I. However, many tricks can be done with this. With this, you can set the link in the post title of your blog so that if someone clicks on the link of that post then he will visit the link given by you. Here I can link and use my youtube video.

To turn on this option you need to go to others from your Blogger settings. Enable Title Links and Enclosure Links from others setting. Just go to settings and give yes. And save it.

Title linking। Top 10 blogger tips and tricks । Blogger tutorial - mr laboratory

Now you can visit this link https://www.blogger.com/blog-this.g You can post on your blog by following this link. Here you can see the option to give a link after giving the title.

Title linking। Top 10 blogger tips and tricks । Blogger tutorial - mr laboratory

After posting this, it will come to your blog like every post. But it is a little different, if you click on the title of the link you will go, the post will not open. Hope you understand.

5. Custom Redirect / Link Forward

Custom Redirect / Link Forward। Top 10 blogger tips and tricks । Blogger tutorial - mr laboratory

A redirect is a redirect from one link to another. Suppose I send from my About page to the Contact page then it will be a custom redirect. Blogger has a custom redirect system. However, it can be used in a more advanced way.

If you create an about page on our blogger site, the link to the page is www.mrlaboratory.com/p/about.html. I want to make it smaller so that I can easily share it with everyone, such as www.mrlaboratory.com/about If you visit this link www.mrlaboratory.com/about you will go to our about page. To do this, go to Search Preferences from Blogger Settings. Then you can see the custom redirect option.

Custom Redirect / Link Forward। Top 10 blogger tips and tricks । Blogger tutorial - mr laboratory

Enter /about in the form here first box and 2nd box here put link to your about page in /p/about.html
Now if you visit /about then you will visit /p/about.html.

If you have ever deleted a page that is indexed by Google, then many people can visit that page from Google, so if the visitor does not get the real information, your website will look bad. So if you want, you can forward the link to a related page from the link of the page that you have deleted. Hope you understand.

6.Error page Redirect

Error page Redirect। Top 10 blogger tips and tricks । Blogger tutorial - mr laboratory

The page that cannot be found on the website is called the error page or 404 pages. The visitor visited a page that is not on your website. Or you deleted a page or post but it was indexed by Google. Many people may visit the deleted link, but he may feel annoyed at not being able to find his page. So if we can make this error page visit the home page. As a result, he can read another post if he likes. This will bring up the page view of our website. To do this you need to use a conditional meta tag.

<b:if cond='data:blog.pageType == "error_page"'>
<meta content='0;URL=https://www.mrlaboratory.info' http-equiv='refresh'/>
</b:if>

Put this conditional meta tag after your <head>. Here is the link to your home page.

Download the code.

7. Table Of Contents (TOC)

Table Of Contents (TOC)। Top 10 blogger tips and tricks । Blogger tutorial - mr laboratory

Table content is a highlight of the topics you have talked about in your post. This is very useful for SEO. With this, visitors can easily understand the main points of your post. The main topics of your post are only if you use the heading tag, the table of content will highlight the text in those tags. You don't have to do it with time. You can also see this system in our blog. So let's see how to use it. You need to use some CSS and JavaScript code for this.

Step 1: Go to your Blogger theme settings. Then put these codes on above of the <head>.

<link href='http://fortawesome.github.io/Font-Awesome/assets/font-awesome/css/font-awesome.css' rel='stylesheet'/> <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/><script type='text/javascript'> //<![CDATA[ //*************TOC plugin mrlaboratory.com function mbtTOC() {var mbtTOC=i=headlength=gethead=0; headlength = document.getElementById("post-toc").getElementsByTagName("h2").length;for (i = 0; i < headlength; i++) {gethead = document.getElementById("post-toc").getElementsByTagName("h2")[i].textContent;document.getElementById("post-toc").getElementsByTagName("h2")[i].setAttribute("id", "point"+i);mbtTOC = "<li><a href='#point"+i+"'>"+gethead+"</a></li>";document.getElementById("mbtTOC").innerHTML += mbtTOC;}}function mbtToggle() {var mbt = document.getElementById('mbtTOC');if (mbt .style.display === 'none') {mbt .style.display = 'block';} else {mbt .style.display = 'none';}} //]]> </script>

If you can't copy the code, you can download it from below. Now you need to put the CSS code.

Step 2: Find the ]]</b:skin> in your screen and paste the CSS codes just above the ]]</b:skin>

.mbtTOC{ border:5px solid #f7f0b8; box-shadow:1px 1px 0 #EDE396; background-color:#FFFFE0; color:#707037; line-height:1.4em; margin:30px auto; padding:20px 30px 20px 10px; font-family:oswald, arial; display: block; width: 70%; } .mbtTOC ol,.mbtTOC ul { margin:0; padding:0; } .mbtTOC ul { list-style:none; } .mbtTOC ol li,.mbtTOC ul li { padding:15px 0 0; margin:0 0 0 30px; font-size:15px; } .mbtTOC a{ color:#0080ff; text-decoration:none; } .mbtTOC a:hover{ text-decoration:underline; }
.mbtTOC button{ background:#FFFFE0; font-family:oswald, arial; font-size:20px;position:relative; outline:none; cursor:pointer; border:none; color:#707037; padding:0 0 0 15px; } .mbtTOC button:after{ content: "\f0dc"; font-family:FontAwesome; position:relative; left:10px; font-size:20px; }

Step 3: Here you just have to tweak a line or two of code in the blogger theme. Search for the code <data:post.body/> and replace it with the code given below.

If you find more than one <data:post.body/> then replace all with the codes given below.

<div id="post-toc"><data:post.body/></div>

Step 4: Now, In this step, we are going to activate the TOC in our blog posts.
It is quite simple and easy to do.
The first thing you need to do is paste the Html code given below in the blog post, where you want to show the table of content.
I will recommend you to paste the code after the first paragraph of your blog post.

<div class="mbtTOC">
<button onclick="mbtToggle()">Contents</button>
<ol id="mbtTOC"></ol>
</div>

If you do not understand then you can read this article.
Table-of-content-for-blogger

Table of Content All code here

8. Import & back up

Import & back up। Top 10 blogger tips and tricks । Blogger tutorial - mr laboratory

If you want to back up all the data on your blog, you can do so.
Maybe someone took access to your blog or you trusted someone and gave you an admin and he removed you. At that time he will only be able to access your blog, not your domain. So if you keep exporting your posts, you can create another new blog and import the posts there. And access to the main domain is in your hands, you will remove the previous C name records and add them to the new blogger. Not just posts, you can export or back up your pages and comments. If you go to Others from Blogger settings, you will find this option.

Import & back up। Top 10 blogger tips and tricks । Blogger tutorial - mr laboratory

9. Google Analytics

Google Analytics। Top 10 blogger tips and tricks । Blogger tutorial - mr laboratory

What if you could see live visitors to your blog. With Google Analytics, you can easily see who is visiting your blog, who is visiting, from which location, and from which device. You can also analyze it. So let's see how to use this Google Analytics.

Visit this site and log in to your Google account. https://analytics.google.com/

Then click on Setup for Free.

Google Analytics। Top 10 blogger tips and tricks । Blogger tutorial - mr laboratory

Go to admin in Google Analytics and copy the tracking ID. Once the account is created, go to Others from Blogger Settings. Then put the tracking code on Blogger. then save it

Google Analytics। Top 10 blogger tips and tricks । Blogger tutorial - mr laboratory

If you do not understand, read this article how-to-setup-your-google-analytics-for-bloggers-step-by-step

10. disabled copy system

disabled copy system । Top 10 blogger tips and tricks । Blogger tutorial - mr laboratory

You may have noticed that no text can be copied from our blog. This system is very important for protecting the content copy. Many people want no one to copy anything from their own site. Then no one will be able to copy anything from your site from today. To do this, you need to add some JavaScript code to your site.

<script type='text/javascript'>
if (typeof document.onselectstart!="undefined" ) { document.onselectstart=new Function ("return false" );
} else { document.onmousedown=new Function ("return false" ); document.onmouseup=new Function ("return true" );
}
</script>

Download code

Put this code before your blogger theme </body>. From now on, no one will be able to copy your blog post. I hope you like one of these 10 tricks. Let us know in the comments the tricks that you think are more important. Thanks.

Hello dear !! I am Md Mijanur Rahaman.
Founder & CEO of MR Laboratory.

Welcome to our website MR Laboratory. I hope you have enjoyed this article/tutorial. We are regularly sharing some best content on the website. Blogger Tutorial, Facebook Tricks, Online Earning, Computer Tricks, Youtube Marketing, Google Adsense Tutorial, Ethical Hacking, Web Development, Digital marketing, Motivational Speech, Educational Article,SEO Tutorial,Video Editing,Photo Editing, and all kind of Internet Technology tricks are shared on our website. We have articles and comments. Read more About MR Laboratory. You can also write to our website if you wish. Join Our Community for writing on our website . Signup and Download Our android app. Stay with us...
The scanning code system will be here soon