Thursday, 2 August 2012

hfghfhf

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

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