How To Speed ​​Up Blog Loading By Removing Default Blogger Script

On this occasion I will share a tutorial on  How to Speed ​​Up Blog Loading By Removing the Default Blog Script . Some people are not aware that the script can slow down loading your blog. Actually this method does not delete but replaces with a new script.

Speed ​​up Blog Loading - The  speed of loading a page will give a positive value in the field of seo on page because if a blog has a slow loading will make visitors feel bored, even visitors will close the blog before the loading time is over and move to another page which according to him provides information .

How To Speed ​​Up Blog Loading By Removing Default Blog Scripts

1. Please login to blogger.com using your Gmail.
2. Enter the THEME menu > click Edit HTML .
3. Please find the code below.
---------------------------------------
Download The Code - https://gplinks.in/41int3WX
------------------------

#Seo #Blogger

HOW TO AUTOMATICALLY ADD RELATED ARTICLES IN THE MIDDLE OF POSTS

How to install related articles in the middle of a blog post in the form of a caption with the '' Read also "automatically for bloggers by inserting the script code and html that can be found here and by means of the installation described very easily.

Installing articles related to automatics in the middle of a blog post will make the blog look better and more attractive with other functions, namely the content with the title of each blog post will appear automatically in the middle of the blog post. your blog.

Maybe you have thought about how to make an article box with the label "read also" which automatically appears in the middle of someone else's blog post? It is an argument that I feel and look for ways to make it on my blog and finally I can make a related article box that you might also be looking for.

How to post related articles automatically in the middle of a blog post.

• Log in to blogger. 
• Select the theme menu, then click edit HTML.
• Look for the <data: post.body /> code  . Usually the code is more than one. Replace the Third code with the code below
• Then Put The css
• Finally Save the Template

Cick Here For Code and css➤

How to Add A Back To Top Button In Blogger [Special]

Hello readers!! Having a back to top button widget in blogger is very useful thing and it is one of the most important widget which you need to install for you visitors to make them feel comfortable with your blogs. In some situations the blog post which is long enough or having more over 100 comments you really need this kind of widget so that the visitor can easily reach to the top of your blog so the visitor will not face any tiredness while scrolling up to the page.Now lets get back to our widget, hence the "Diwali", Indian Festival is coming near so we thought to give our widget a festive touch. The widget looks very cute and smooth. Without wasting any more time lets go ahead and see how to install this widget. You can check a live demo by visiting the bottom of this page.

Adding The Widget 

Before Editing we recommend you to make a backup of your template, so that anything goes wrong you still have your blog design safe.

The First thing you need to do is to login into your Blogger account and go to >> Templates >> Edit HTML and search for the ending </body>.

Now just before or above you have to paste this below code. 

<style>
#sbtbacktotop{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju9njFQl0CfbJeDoai79fw2QysB1HbzftHRU7GZXfoao8nEsu9OivRlo9mk85WLPKdqvQba6RB5VTTSp3ndKwFhM_0_XsJHuolAp15rr03Jadrua1JFonq2CZA8F3GELaFPIeudMElsXyA/s1600/back-to-top-sprite-30224d9b.png) 0 0 no-repeat;
height: 130px;
width: 72px;
padding:5px;
position:fixed;
bottom: 5px;
right: 5px;
cursor:pointer;
transition:none;
    z-index:15;
}
  #sbtbacktotop:hover{
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju9njFQl0CfbJeDoai79fw2QysB1HbzftHRU7GZXfoao8nEsu9OivRlo9mk85WLPKdqvQba6RB5VTTSp3ndKwFhM_0_XsJHuolAp15rr03Jadrua1JFonq2CZA8F3GELaFPIeudMElsXyA/s1600/back-to-top-sprite-30224d9b.png)no-repeat;
background-position: 0 -142px;
}
</style>
<!-- Back to top button by SBT -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js'/>
<script type='text/javascript'>
//<![CDATA[
$(window).scroll(function(){if($(this).scrollTop()>100)
{$("#sbtbacktotop").removeAttr("href");$("#sbtbacktotop").stop().animate(
{bottom:"0"},{duration:100,queue:false})}
else{$("#sbtbacktotop").stop().animate({bottom:"30000"},
{duration:8000,queue:false})}});$(function()
{$("#sbtbacktotop").click(function()
{$("html, body").animate({scrollTop:0},"slow");
return false})});
//]]>
</script>
<!-- Code provided to you by sbt -->
<a href='#' id='sbtbacktotop'></a>

If you already have jQuery in your blog then remove Red highlighted code. Finally Click the save button to complete the setup.

Conclusion

Congrats !! You have made it. now you have learned that How to Add A Back To Top Button In Blogger [Special]. Visit your blog and check the awesome widget live in action, hope you liked this tutorial, if you enjoyed then please share it with your friends, we are working hard to develop more such awesome widgets please stay tuned with Us. 

How To Enable HTTPS On Your Blogger Blog With Custom Domain

Enabling HTTPS has become mandatory in terms of security also google gives priority to those sites which have ssl certificate installed. After the recent update a warning sign will appear beside domain name in google chrome browser on non ssl websites. So we have brought you a full and detailed guide about How To Enable HTTPS On Your Blogger Blog With Custom Domain.


Previously this feature wasn't available on blogger and people were using cloudfare cdn technique, which wasn't the perfect method also it wasn't secured either. Since it was unofficial method, it creates bugs and issues on your blog and also makes your blog performance poor on search engines.

But google released this feature on their sub domains and also started testing it on custom domains through draft.blogger.com. But now this feature is available from your custom domains and can be installed in very simple steps. The ssl certification is provided by google and only official method to do so. Its absolutely free and requires no coding knowledge, a beginner can easily enable this option by simply selecting options through easy to choose dropdown menu.

What is SSL?

SSL is Secure Socket Layer, which makes sure that the connection between your site and the user is secured. It provides and encrypted connection between the user and the web server, so that anyone else can't access the specific information. SSL is important in terms of security and data protections. If you are dealing with sales, product, affiliate marketing, or running something which is related to online transaction, then installing SSL certificates is very necessary.

How To Enable HTTPS On Your Blogger Blog With Custom Domain

The First thing you need to do is to login into your Blogger account through draft.blogger.com
Then go to >> Settings > Basics > HTTPS

Then in the right hand side of the screen you will see two options in HTTPS Category.
HTTPS Availability & HTTPS Redirect

Just Select Yes in both dropdown options It will take some time to get it enabled.

Note:- The enabling process takes time, if your blog has huge number of posts then it will take little extra time, we recommend you to enable this option in night and leave it for some time.

Image Example:

Conclusion

Congrats !! You have made it. now you have learned that How To Enable HTTPS On Your Blogger Blog With Custom Domain. Visit your blog and check the awesome widget live in action, hope you liked this tutorial, if you enjoyed then please share it with your friends, we are working hard to develop more such awesome widgets please stay tuned with Us.

Custom Robots Header Tags Settings For Blogger/Blogspot Updated Version 2019

Do not you know that there are search robots? They are responsible for identifying updates on our sites and informing the search engine about it.

With the help of a proper predefined tag, you can communicate with the crawler to increase or decrease the search visibility. You are reading this in this post.

How to set a custom robot header tag on Blogger?

I hope you are a Blogger user who is hoping to increase your search engine exposure so that organic traffic can reach a Zenith.

If so, then I recommend enabling this guide and enabling custom robot header tags for maximum search engine visibility (especially for new blogs).

Before knowing about the process of setting a custom robot header tag on Blogger, you should know what they are.

Custom robot header tags and objectives :

In Blogger, you are going to deal with the following custom robot header tags : 

1. all - If you set this tag, crawlers are not tied to any obstacles. They can freely crawl, index and expose your content.

2. noindex - Not all blogs are for public notice. Even if you do not share your personal blog's URL with anyone, it's likely that people will come from search results. On such a scenario, you can use the codex tag because it prevents search engines from indexing pages.

3. nofollow - Nofollow and dofollow tags are for outbound links. Dofollow is the default robot tag for all your outbound links. This means that search engines can tamper with your linked pages. If you do not want search bots to see your links, you should help in addition to the nofollow tag.

4. none - None connects the features of both the noindex and nofollow tags. Crawlers will not index your pages or skim through the link.

5. noarchive - You must have seen a cache label with most website links on the SERP. It shows that Google has captured a copy of your site in order to display a copy on your server. That being said, the noarchive tag closes the cache version in search pages.

6. nosnippet - Text snippets in search results help people find what's on a webpage. If you want to keep the content unique, you can turn on this header tag.

7. noodp - is a man-made directory of Open Directory Projects or DMOS websites. Google sometimes uses information from there If you want, you can turn it off with this tag.

8. notranslate - Do you want to disable translations on your site? Then use the Notrecelle for the exact purpose.

9. noimageindex - If you allow Google to index your images, people can steal it and use them on their websites. To prevent this, you can keep the images deindexed using the noimageindex tag. Read this SEO guide too.

10. unavailable_after - In Blogger, you will find the correct area of this tag. So, after this time the webpage will be deindexed.

Being told, let's go to the real meat of this post.

How to setup custom robot header tags?

As you know, we are talking about installing a robotic tag on Blogger. Follow the steps below to move ahead with it.

Step 1: Visit blogger.com and sign in to your account. From your blog's list, select which you want to modify the robot tag.

Step 2: Then go to Settings >> Search Preferences. There you can see a setting called Custom Robot Header Tag under crawlers and indexing. Click Edit link on its right side.

Step 3: In this step, you will see two radio buttons. Obviously, the first person should be your selection.

Step 4: Now, you will get a set of checkboxes. But do not be afraid! It may feel like a complex, but it is not. Just Follow the video ↓↓

Note: We can also set it up for the homepage, archive pages and post pages.

Thats it !! You have done this.

Conclusion

Custom robot header tags are powerful! Since Google provides a readymade setup to use them, why do not you go for it?
Tell me if you have some trouble about this topic through the comment form below.

2 Best Custom Recent Post Widgets/Gadgets For Blogger | AnuTrickz

 Recent Post Widgets/Gadgets For Blogger

Recent post widget is real important for every blogger and reader.  There can be several benefits of it such as showing your latest posts to the visitors and thus getting more views.

 Recent post widget is a great way to keep your visitors browsing more and more articles on your blog and thus lowering website bounce rate.  Such great features make it important to add an attractive recent post widget to attract a lot of visitors and make them click.

How to add recent post widget to your blog

• Log into your blogger dashboard >>  go to Layout >>  and click on Add a gadget
• A box will open , Copy the code of recent post widget that you want to add to your blog and paste the code into the box
• Customize the widget according to your requirements and save and you are done.

✴ Recent Post Widget Code 1

ₕ Download Here

✴ Recent Post Widget Code 2

ₕ Download Here

Conclusion for Recent Post Widget For Blogger

I hope you have successfully added the codes, if you have found any problem while adding the recent posts widget codes. Leave a comment below and I will get back to you.

#Recent_Post_Widget  #Blogger  #Seo