how to add mouse cursor change to blogger

How to Install mouse cursor in blogger  cursors

• Backup your template before attempting this tutorial.

Step 1:

In new layout: Go to Dashboard - Template - Edit Template HTML - Expand Widget Templates.

Now find (CTRL+F) this code in the template:

</head>

And immediately befor (উপরে) it, paste this code:

Please select your mouse style then Copy and Paste below code before it.

Style 1

<link href="http://dl.dropboxusercontent.com/u/127448791/animatedcurser1.css" rel="stylesheet" type="text/css" /><a href="http://www.haakblog.com/" target="_blank" title="Blogger widgets"><img src="https://bitly.com/haakblog" alt="blogger widgets" border="0" style="position:absolute; top: 0px; right: 0px;" /></a>

Style 2

<link href="dl.dropboxusercontent.com/u/127448791/animatedcurser2.css" rel="stylesheet" type="text/css" /><a href="http://www.haakblog.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/haakblog" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" ></a>

Style 3

<link href="dl.dropboxusercontent.com/u/127448791/animatedcurser3.css" rel="stylesheet" type="text/css" /><a href="http://www.haakblog.com/" target="_blank" title="Blogger Tips"><img src="https://bitly.com/haakblog" alt="Blogger Tips" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" ></a>

Style 4

<link href="dl.dropboxusercontent.com/u/127448791/animatedcurser4.css" rel="stylesheet" type="text/css" /><a href="http://www.haakblog.com/" target="_blank" title="Blogger plugins"><img src="https://bitly.com/haakblog" alt="Blogger plugins" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" ></a>

Style 5

<link href="dl.dropboxusercontent.com/u/127448791/animatedcurser5.css" rel="stylesheet" type="text/css" /><a href="http://www.haakblog.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/haakblog" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" ></a>

Style 6

<link href="dl.dropboxusercontent.com/u/127448791/animatedcurser6.css" rel="stylesheet" type="text/css" /><a href="http://www.haakblog.com/" target="_blank" title="Blogger widgets"><img src="https://bitly.com/haakblog" alt="Blogger widgets" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" ></a>

Style 7

<link href="dl.dropboxusercontent.com/u/127448791/animatedcurser7.css" rel="stylesheet" type="text/css" /><a href="http://www.haakblog.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/haakblog" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" ></a>

Style 8

<link href="dl.dropboxusercontent.com/u/127448791/animatedcurser8.css" rel="stylesheet" type="text/css" /><a href="http://www.haakblog.com/" target="_blank" title="Blogger Tips"><img src="https://bitly.com/haakblog" alt="Blogger tips" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" ></a>

Style 9

<link href="dl.dropboxusercontent.com/u/127448791/animatedcurser9.css" rel="stylesheet" type="text/css" /><a href="http://www.haakblog.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/haakblog" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" ></a>

Style 10

<link href="dl.dropboxusercontent.com/u/127448791/animatedcurser10.css" rel="stylesheet" type="text/css" /><a href="http://www.haakblog.com/" target="_blank" title="Blogger tutorial"><img src="https://bitly.com/haakblog" alt="Blogger Tutorial" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" ></a>

Style 11

<link href="dl.dropboxusercontent.com/u/127448791/animatedcurser11.css" rel="stylesheet" type="text/css" /><a href="http://www.haakblog.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/haakblog" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" ></a>

Style 12

<link href="dl.dropboxusercontent.com/u/127448791/animatedcurser12.css" rel="stylesheet" type="text/css" /><a href="http://www.haakblog.com/" target="_blank" title="Blogger Tips"><img src="https://bitly.com/haakblog" alt="Blogger Tips" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" ></a>

Style 13

 <link href="dl.dropboxusercontent.com/u/127448791/animatedcurser13.css" rel="stylesheet" type="text/css" /><a href="http://www.haakblog.com/" target="_blank" title="Blogger Tips"><img src="https://bitly.com/haakblog" alt="Blogger Tips" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" ></a>

Step 5

Now Click on Save Template Button.