Thursday, 2 August 2012

How To Make Your Own Bullet Style




  How To Make Your Own Bullet Style !!!!!!

all blog idea is showing you how to make your own bullet style according to our need. dont be follow or copy other bullet style for blogger. its very simple to make just read all procedure 

follow  my all below instuction how to make own bullet style

  • choose any image or download from google
  • copy image
  • now open paint appliaction from windows/all programs/Accessories/paint.
  • open your image in paint




  • click on Resize button in paint as show in red arrow on above figure
  • uncheck the box which is shown in above figure
  • click on pixels  option as shown on above picture
  • change this pixels number to horizontal = 20
  • vertical = 15
  • now save this image file


    NOW SIGN IN YOUR BLOGGER ACCOUNT




    • publish the image file 
    • after publish click on view post
    • click on image file 

      YOUR CLICK POST SEE LIKE THIS

     
    • blue arrow show your image 
    • red rectangle box show your image url
    • copy your image url
    • and paste it below code

    .post ul li {
    list-style-image:url('paste your image url');
    }
    </div>


    like this



    .post ul li {
    list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEJvVXcpE0nMpx_p5K_8H7_WNJorebJ9op2Vtx46gZiqxZE6mdhlbj1_nbBcTObh_Pz8IG2ChLf7jiNMu763s8OW_zqjg38U4hg632JpojymXGaAhpKMbg2QyChSgZYlL8yAnf69avlSc/s1600/upload.png');
    }
    </div>




    YOU HAVE TO DO SOME LITTLE MORE WORK

    • Go 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 below code There



    .post ul li {
    list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEJvVXcpE0nMpx_p5K_8H7_WNJorebJ9op2Vtx46gZiqxZE6mdhlbj1_nbBcTObh_Pz8IG2ChLf7jiNMu763s8OW_zqjg38U4hg632JpojymXGaAhpKMbg2QyChSgZYlL8yAnf69avlSc/s1600/upload.png');
    }
    </div>


    click on apply to blog
    save this code and you have done

    your bullet style appear may like this









    NOTE; YOU MAY CHOOSE ANY IMAGE AND SET ACCORDING TO YOUR NEED AND CREATE YOUR  BULLET STYLE BY USING ANY IMAGE

                       
                                 please comment if you like this post!!!!!!!