Wednesday, 1 August 2012

How To Change Bullet Style on Blogger


this above image only the example of bullet style format for blogger

If you want to change blogger default bullets then find beautiful image but remember size of image should be very less or you need to add padding in Css code.

  • Ggo To Blogger Dashboad
  • Click On Template Tab.
  • Now Click on Customize button.
  • Now Select Advance Tab.
  • Now scroll down and you will see Add Css Option Click On It And Paste blow code There






    copy below code and follow instruction




    .post ul li {
    list-style-image:url('Bullets-Image-URL');
    }

    </div>

    Replace Bullets-Image-URL With Your Bullets Image URL and save it.

    Some Ready Made Bullets Code Just Paste below code in your blog Css












    .post ul li {
    list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik6xWGEtzLYvbCS2Dq2TDV3u5yAbz3paaxvezJkEfcUANHiWaWSNE9pdqqVxI86677uL82ebu7TId26RxV_hNbfu5qWc7bh_fRkScplrwTzZwG-EjyCwK9-NvGSWDFAnxEz21OqCvuCr4/s1600/sdf.jpg');
    }
    </div>


    Some Ready Made Bullets Code Just Paste below code in your blog Css














    .post ul li {
    list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXQFqkkyptymNYT1yAtWSkIe7RE2yG8pPSwsFfcYN9tUoiV07Vf4pV8WAvS_14mRRtSPV7xc1GUFlFjoLFyv0kV00ssxk00TlthbdYk8KiyD5o5NpwAWenwtu33y0-XZQGOjT8Yjp410I/s1600/sdas.jpg');
    }

    </div>





    Some Ready Made Bullets Code Just Paste below code in your blog Css













    .post ul li {
    list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1XjYUNYlrMulaJ5gg6sLnfxiyN3yqTyEE-EWzHpn5Kc3P9BehfyG1I7mt3A_Qq7ny0d9Y4ut171WJoksD1doP0xqmXAv6w9L69t9T-w2-jJdqKRIxzW4gZ1sTMqV3x0wWHmRat3MrVKE/s1600/imgres.jpg');
    }

    </div>


            Comment And Share If You Like This Post Please!!!!