Monday, 24 March 2014

How To Change Bullets Style With Image Hover Effect In Blogger

  • Open Your Blogger Dashboard >> Template
  • Then Click on Edit HTML and search for ]]></b:skin> 
  • After searching above code Paste below given code just above it.

.post ul { list-style: none; } .post ul li { line-height: 1.4em; 
background: transparent 
url(https://lh4.googleuse
rcontent.com/-Br0TfNYs3Q8/UvDYm4yg1QI/AAAAAAAAEbk/GH49C6bp2X0/s6/blue
-bullet-icon.png)
 no-repeat scroll 0 5px; margin: 0.3em 0; padding: 0 0 0.8em 20px; }


.post ul li:hover { background: transparent 
url(https://lh6.googleusercontent.com/-LZuhBtQbUBY/UvDYo6TiVTI/AAAAAAAAEbs/Sh74xs
Gy6ag/s6/green-bullet-icon.png)
 no-repeat scroll 0px 5px; }
  • After Pasting click on Save Button.
  • Now Check your any post which contain bullets list or create any new post to check.

Share This!


No comments:

Post a Comment