How To Customize Bullet Style With Mouse Hover Effect In Your Blogger

Views:

Friends, Do you want to make your blogger is more beautiful. We are always add bullets to our posts but it appear like a black dot. Later i show how to change black bullets with your own image. In this post i share a information about, How to apply mouse hover effect to your bullets. You can make it easy… Follow this post and enjoy……

Select Templates

Click on Edit HTML

Tick on Expand Widget Templates.

Find (Ctrl + F) ]]></b:skin>

Copy the code shown below and paste it before ]]></b:skin>

.post ul {list-style:none;
}
.post ul li {
    line-height: 1.0em;
        background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoe9437_H6txuIXOYX-qaEdoVh75rC-Eut0lhlzJy9ZdU2aDjcjwIUOgWajqIfdH-tuZiRHK5i7265z08OXCBBHNRsSkJHlFDEXE3HoAQdyUZWwXtoKrHovaqMsHx-xT2Q-epq6r68dOY/s400/255.gif) no-repeat scroll -4px 0px;
    margin: 1.0em 0;
    padding: 0 0 1.0em 28px;
}
.post ul li:hover {
        background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1d9ibrdT0rww0egAkUktEYOLRVmmUjOEWqQjZDEnO4zwyVyoSwxX5rhts61gblojYvgBAu4z3wXmYTfB9uJurruIenSZLPaKaOiGR5d4A8dBTyVEJ7eOc3pyyzSWraDjDLWrnAbp_f2I/s400/251.gif) no-repeat scroll -2px 0px;
}