How To Change Default Cursor With Special Another Curser In My Blog/Blogger.

Follow My Steps:

  • Login To Your Blogger Account
  • Select To Your Blog
  • Click Template (See Demo Image)
  • After This Click To Edit Html Option.(See Below Demo Image)
  • Now Find “</head>” Code By Pressing CTRL+F.
  • Now exactly before it,add the below any Cursor Design Code which you like.
  • Now Click Save Template Button.

Below Many Cursor Design is Given Which you like Copy Code And Paste it Before]]></b:skin>.


Cursor Type 1
For Cursor Type 1 Copy Below Css Code and Paste Before ]]></b:skin>
  • body, a, a:hover {cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhODyi1c7SwOq8MK6CoH9L0qcYj0zS-bMyjpuZJfWcLTAKg36kbh_w_oP9jbUHmUqHDQFz3b5RUWTuU1Fhg594uZqg-_Y86orGWouILJxEL4IriSCvivg7ds5kHAmTE9wL3liqPosnnclc/s50/cursor%2520%25281%2529.png),progress;}


Cursor Type 2
For Cursor Type 2 Copy Below Css Code and Paste Before ]]></b:skin>
  • body, a, a:hover {cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5aGxhPZuZoc-2cbmQF4FHXF1stgHfspjHojLXTn_k3qDhUUmKi5G6YVKR9wRBx4Thxw83DyXef8thej67KQP6bU_imdj0llyrhToKNyMq39Vcum-XlRyOBcpJHs6qosdWzydXnHmK7S4/s32/cursor%2520%25282%2529.png),progress;}



Cursor Type 3

    For Cursor Type 3 Copy Below Css Code and Paste Before ]]></b:skin>
    • body, a, a:hover {cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkO16v_VETJfaM0myl0pMJF44o07kwpxIv3-F7J8u9fmlzux9joi-z9sR6BKx-61drjTlH7AhvVVXGQO6c_5x_5qVj23FSnCzmalTFvsSzns2IMWDKkxmM8yutHJDjBBrq2vAYv3jxnHk/s50/cursor.png),progress;}



    Cursor Type 4

      For Cursor Type 4 Copy Below Css Code and Paste Before ]]></b:skin>
      • body, a, a:hover {cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2o9jo9ZuOpVTPRq5UiHqkn9mS2afhEKl51TuN178lmkOIzy-f7hkovT1Rtg5Ba873HzgkWbQGPuLMUtrfTpTS7M5VA4dvrC_Oh6lHonHKRExTvOJEIuJsmsVnTVDjzmXV1f-CncgAd8M/s49/cursor%2520%25283%2529.png),progress;}



      Cursor Type 5

        For Cursor Type 5 Copy Below Css Code and Paste Before ]]></b:skin>
        • body, a, a:hover {cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidl_zTwkyctEhrw-rhMpvT4wVSuVggMwVpbvZr83To2QxrvIUhtmTMdJxMgXNFF88TJXmKBo0r1FesnAqmgqdjrGwYNJ465eDRoXuvkWEc9wW3EqhIC5R-Wq5w_VCWdKYTsy1i6qIBo5U/s44/custom%2520cursor%25201.png),progress;}


        Cursor Type 6

          For Cursor Type 6 Copy Below Css Code and Paste Before ]]></b:skin>
          • body, a, a:hover {cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUmONqpfmpWSjmvO72YRO2yKJeAJ1h_Lh1CA1eDt1yTEnstz0Pa-f6zgz0YKSW5mRJq8DMKxmYGUlzBwOJT5Jk-ffYbpKo-chiv6s9n8NsFV6-8yhGzzYLUMHU4QR8QsA9BBDlQADLamE/s30/Custom%2520cursor%25202.png),progress;}


          Make Your Favorite Picture your Cursor

          body, a, a:hover {cursor: url(Cursor-Url),progress;}

          Replace Cursor-Url with Your Favorite Picture, Icon Url and Past above code before  ]]></b:skin>

          Save Your Template You have don it Now your blog is ready with custom cursor.