Les nouveautés et Tutoriels de Votre Codeur | SEO | Création de site web | Création de logiciel





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

Seo Master present to you:

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……

bullet mouse hover effect for your blogger(www.matrixar.com) 

Log in to your Blogger account.

  • 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(http://www.matrixar.com/_7wsQzULWIwo/SuM3oFg5zlI/AAAAAAAACHo/n5UluB5ugMI/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(http://www.matrixar.com/_7wsQzULWIwo/SuM3oYoTkRI/AAAAAAAACHw/Dig1etGrcpY/s400/251.gif) no-repeat scroll -2px 0px;
}

 

Change RED color with your bullets URL

 

  • Now save it.

 

 

 

Leave a comment………………………………….

2013, By: Seo Master

Labels:



1 Response to "seo How To Customize Bullet Style With Mouse Hover Effect In Your Blogger 2013"

  1. Anonymous says:

    Yes! Finally something about kotek.

    Here is my web site ... smieszne koty

Leave A Comment:

Powered by Blogger.