How To Change Mouse Cursor On Blogger Blog

As a smart blogger or site designer you always want to decorate with new style to your blogger blog or site. Is not it? I know you are very careful to change the look of every part of the blog. One of my friend asked me about changing the mouse pointer on his blogger blog. You know, its very easy to do. So Lets do it now.


The steps how to change blogger blog mouse cursor:

---

1. Log in to Blogger Blog.
2. Go to Design, click Edit HTML (Don't forget to backup your template)
3. Find the following code ]]></b:skin> by pressing Ctrl+F
4. Now simply paste the below code before/ above ]]></b:skin>

/*------- Mouse pointer style start www.shinemat.com --------*/
body, a, a:hover {cursor: url(ADD CURSOR URL HERE), progress;}
/*------- Mouse pointer style end www.shinemat.com --------*/

5. Click Save Template and you are done.
 
Note: Change the red link with your own selected pointer link. Here are 2 websites link where you can get huge mouse pointer.

» Cursors-4U.com
» Totally Free Cursors


If you still having problem just let me know. Have a good day. :-)

How To Make Blogger Blog Mobile Friendly

As like you, a lot of people use their mobile phone to access internet because of easy carrying plus mobile internet speed compress the data fast and it is blessed with many latest mobile applications.

Do you know, how many people access your blog through mobile phones? I can say that a large number of visitor access your blog using their mobile phone internet.

So it is recommended to make your blog mobile friendly. Remember a normal site using computer takes maximum time to load where mobile browser does not. So, for all of these advantage you should make your site properly fit on the mobile screen.

Lets do it easily. Make your blogger blog mobile useable.

---

1. First log in to your Blogger Blog.
2. Go to Design, click Edit HTML (Don't forget to backup your template).
3.Now Search for the below code by pressing Ctrl+F

<b:include data='blog' name='all-head-content'/>

4. Now simply paste the below code after the above line.

<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>

<b:if cond='data:blog.isMobile'>

<meta content='width=device-width, initial-scale=1.0, user-scalable=0' name='viewport'/>

<b:else/>

<meta content='width=1100' name='viewport'/>

</b:if>

6. Click Save Template and you are finished.Now your blogger blog visitor access your blog with mobile devices easily.