Showing posts with label Blogging. Show all posts
How to Change the Mouse Pointer on a Website How to Change the Mouse Pointer on a Website Changing the mouse pointer on a webpage is really easy. Follow these instructions and you will know how to complete this task. Steps 1...
How to Change the Mouse Pointer on a Website

How to Change the Mouse Pointer on a Website

Changing the mouse pointer on a webpage is really easy. Follow these instructions and you will know how to complete this task.

Change the Mouse Pointer on a Website

Steps

1. First you need to make the cursor file. Go to http://www.cursor.cc and start drawing.

2. Don't forget to place the cursor's hotspot on the right place.

3. Download the cursor. cur file when you are finished.

4. Put the file into your webserver directory.

5. Add this to your CSS file: body{ cursor: url('cursor.cur'), auto;}
How to Fix Template-Skin Only Available For Templates Version 2 and Above on Blogger How to Fix Template-Skin Only Available For Templates Version 2 and Above on Blogger According to my knowledge you adding custom template-skin to your blogger layout or may you have removed some code or you might have remove ...
How to Fix Template-Skin Only Available For Templates Version 2 and Above on Blogger

How to Fix Template-Skin Only Available For Templates Version 2 and Above on Blogger

According to my knowledge you adding custom template-skin to your blogger layout or may you have removed some code or you might have remove this code to setup Facebook comments for blogger. When my friend have this issue ask me to help with this issue and I started too. Comparing other default template and this template but not found the error about hardly trying of 6 hours.

Fix version 2 blogger template skin

Almost compared all section of blogger but found nothing, which was more frustrating at that time. At last I found this issue in the starting point of the code, sometimes solution is in front of you but we does not look at it.

How to solve this error


Step 1: Go to Blogger Dashboard >> Template >> Edit HTML
On the first block of code you must find something like this:
<html expr:dir='data:blog.languageDirection' 
xmlns='http://www.w3.org/1999/xhtml' 
xmlns:b='http://www.google.com/2005/gml/b' 
xmlns:data='http://www.google.com/2005/gml/data' 
xmlns:expr='http://www.google.com/2005/gml/expr'>
Step 2: Just replace above code with this
<html b:version='2' class='v2' 
expr:dir='data:blog.languageDirection' 
xmlns='http://www.w3.org/1999/xhtml' 
xmlns:b='http://www.google.com/2005/gml/b' 
xmlns:data='http://www.google.com/2005/gml/data' 
xmlns:expr='http://www.google.com/2005/gml/expr'>
Now you are good to go Hurray!

So this was our guide on How to Fix template-skin only available for templates version 2 and above on Blogger , I hope the methods given above helped you.
How to Disable Default Mobile View on Blogger How to Disable Default Mobile View on Blogger This option is ON by default for each of your Blogger blogs. Here is a step-by-step guide to turn off the Mobile template on your Blogger b...
How to Disable Default Mobile View on Blogger

How to Disable Default Mobile View on Blogger

This option is ON by default for each of your Blogger blogs. Here is a step-by-step guide to turn off the Mobile template on your Blogger blog without coding skill.

Disable Default Mobile View on Blogger

Why to Turn Off Mobile View


  • You have already choose a well Responsive Templates which have a beautiful view on Mobile, but due to Blogger default mobile view it make mess of your wonderful theme look.
  • If you are developing a responsive it may create a bug in your Template code
  • To Enjoy more feature on your template which it may not showing on Blogger Default

Disable Default Mobile View on Blogger


Step-1: Login into your Blogger Account. Go to Template Section,You'll see the 'Mobile' preview of your blog in the template section. Click that gear icon below the Mobile preview.

Step-2: A dialog box popup showing a couple of options to turn on or off the Mobile template. Select 'No' and Save.

That's it. Your blog readers won't see the default blogger mobile template anymore when visiting from the mobile devices. You may also revert the changes later if you need to.
How To Fix Render Blocking CSS In Above The Fold Content How To Fix Render Blocking CSS In Above The Fold Content Referencing CSS files with link[rel=stylesheet] will cause most browsers to delay page rendering while the stylesheet loads. This is desira...
How To Fix Render Blocking CSS In Above The Fold Content

How To Fix Render Blocking CSS In Above The Fold Content

Referencing CSS files with link[rel=stylesheet] will cause most browsers to delay page rendering while the stylesheet loads. This is desirable in many cases, but when loading stylesheets that are not critical to the initial rendering of a page, loadCSS (and upcoming web standards mentioned below) allows you to load stylesheets, so they don’t block page rendering.

render blocking CSS in above the fold content

How to identify render-blocking render-blocking JavaScript and CSS


You need to know what your page is loading. There are several ways to do this. I suggest you look at what your page is loading with our pagespeed tool to get an overview of the issues your page or theme faces. To get the specific files that are currently blocking rendering you should use the Google pagespeed insights tool. This tool will tell you the exact files that are blocking a particular page.

Also Read :-

How To Fix Render Blocking CSS In Above The Fold Content


Just simply add your External stylesheets (read those included via link tags) are render-blocking into a noscript tag.

Example:-

If Your Link
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"/>

Just use below code

Method 1 :-

<noscript id="deferred-styles">
    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"/>
</noscript>
    <script>
      var loadDeferredStyles = function() {
        var addStylesNode = document.getElementById("deferred-styles");
        var replacement = document.createElement("div");
        replacement.innerHTML = addStylesNode.textContent;
        document.body.appendChild(replacement)
        addStylesNode.parentElement.removeChild(addStylesNode);
      };
      var raf = requestAnimationFrame || mozRequestAnimationFrame ||
          webkitRequestAnimationFrame || msRequestAnimationFrame;
      if (raf) raf(function() { window.setTimeout(loadDeferredStyles, 0); });
      else window.addEventListener('load', loadDeferredStyles);
    </script>

Method 2 :-

<link as='style' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' onload='this.rel=&#39;stylesheet&#39;' rel='preload'/>
<noscript><link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/></noscript>

Method 3 :-

<script type='text/javascript'>
//<![CDATA[
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");
//]]>
</script>

So this was our guide on How To Fix Render Blocking CSS In Above The Fold Content, I hope the methods given above helped you.

Keywords:- load a CSS file asynchronously, Eliminate render-blocking CSS in above-the-fold content, Defer loading CSS.
How to Add Expires Browser Cache Control Header How to Add Expires Browser Cache Control Header Leverage Browser Caching helps to decrease Blog page load time. When you open or load any Blog or webpage from your local computer on any br...
How to Add Expires Browser Cache Control Header

How to Add Expires Browser Cache Control Header

Leverage Browser Caching helps to decrease Blog page load time. When you open or load any Blog or webpage from your local computer on any browser then that Blog or websites automatically sends request to the server, and it takes some time. And when you add Expires Browser Cache code in your Blogger template code then any body open or load your blog, Expires Browser Cache code save the server response file is user Browser Cache. I means no more request to your server and no more extra time to load your Blog page.

Leverage Browser Caching

Every blogs that includes many multimedia files such as images (jpg, gif, png and more), java script (.js), flash (.flv), stylesheets (.css) and more. When the blog's page loads on a computer these files also download as cache file to the local system via browser. It will be automatically re-fetch while you accessing the same page again. If the file is already stored with expire date, the file loaded via your local. Server request will not sent from blogger until it expires.

How To Add Expires Browser Cache Code in Blogger


1. Sign in to your Blogger Dashboard > Template > Edit HTML

2. Click anywhere in the code and press CTRL + F to open the search box then find the <head> tag.

3. Just after <head> tag paste the code given below:
<!-- Start leverage caching by HowlMeFlash -->
<include expiration='7d' path='**.css'/>
<include expiration='7d' path='**.js'/>
<include expiration='15d' path='**.html'/>
<include expiration='3d' path='**.gif'/>
<include expiration='3d' path='**.jpeg'/>
<include expiration='3d' path='**.jpg'/>
<include expiration='3d' path='**.png'/>
<!-- End leverage -->
4. Save your Template and you are Done!

How To Add Expires Browser Cache Code in WordPress

<!-- Start leverage caching by HowlMeFlash -->
<include expiration='7d' path='/assets/**.css'/>
<include expiration='7d' path='/assets/**.js'/>
<include expiration='15d' path='/assets/**.html'/>
<include expiration='3d' path='/assets/**.gif'/>
<include expiration='3d' path='/assets/**.jpeg'/>
<include expiration='3d' path='/assets/**.jpg'/>
<include expiration='3d' path='/assets/**.png'/>
<!-- End leverage -->

Note: Here "7d" shows the expiry date as 7 for the file. You can modify it whatever you want.

Don't set long expires date for blogger blog's file in leverage browser caching header. Since if you set long expire date then it will take some time for update the changes from your blog.
So this was our guide on How to Add Expires Browser Cache Control Header in Blogger Blog, I hope the methods given above helped you.

Keywords:- Add Expires Cache Control Header in Blogger Blog, enable leverage browser caching in blogger blog, Add Leverage Browser Cache to Your BlogSpot Blog, leverage browser caching of your website or blog.
Web Security: A Layer of Defense against Viruses Web Security: A Layer of Defense against Viruses "Wilder than the West!" is how someone once described the internet to me. There are so many web threats out there that can harm y...
Web Security: A Layer of Defense against Viruses

Web Security: A Layer of Defense against Viruses

"Wilder than the West!" is how someone once described the internet to me. There are so many web threats out there that can harm your network, be it viruses, trojans, or any other malicious software. Maintaining web security should therefore not be regarded as a kind of low priority optional extra, but should be a critical part of any business’s continuity plans.

The problem is, however, that maintaining adequate web security can be very complex. There are many different types of machines and users with different needs hooked up to the average network. That's not all; a vast array of security packages clamor for our attention as the best solution to our web security problems.

Web Security against viruses

One solution to this conundrum is to shift your protection against web security threats from local machines to web security systems at the gateway and at server level. Using such a system will give network administrators control of an impressive range of tools with which to protect their systems from a single console or machine. These tools will effectively monitor everything that enters and leaves the network (or rather, that attempts to enter and leave) and counter possible network security threats in real time before they reach the network.

There are a lot of tools that administrators can use. When choosing a web security strategy it pays to look for the following features or approaches:
  • The use of multiple antivirus scanners: This will make it harder for potential malware to ‘slip through’ since different scanners use different ‘search and destroy’ techniques and some may also be ahead of the curve in terms of response to specific threats. Using multiple AV scanners at the same time means that you can capitalize on all their strengths and greatly minimize the risk of some nasty zero-day virus slipping through.
  • Configurable scanning of specific file types and other threats: By exercising central control over what enters/leaves your network (e.g. disallowing .exe, scanning .zip files with multiple engines and selectively scanning files with little risk) you will be able to enjoy a much higher level of threat protection. Web filtering and monitoring systems will also scan inside seemingly innocuous files to ensure that they are safe.
  • The ability to set policies for individual machines, groups or IP addresses: Users obviously have different needs and ‘blanket blocking’ of specific files and/or activities are bound to hinder the work of users with legitimate needs. The ability to easily set up policies to ensure that security threats are minimized and no one is inconvenienced is a major benefit of this approach.
  • Limit attempts to bypass web security: Some viruses / malware might attempt to bypass standard security by channeling downloads through HTTPS connections – which typically mask the data being transmitted. A good web security solution will include analysis of HTTPS traffic as standard procedure and thus provide additional security.

The web may be ‘Wilder than the West’ but this is no reason for network administrators to lose unnecessary sleep. Having a good web security system in place will ensure that the web security threats remain firmly outside your system!
StatCounter Web Analytics