Beautiful Pencil Style Bullets For Blogger Blog
Hello EveryOne! Today i am sharing pencil style bullets widget with you.It look beautiful on mouse hover and give a nice and plesent look simple and easy to use.We use bullets in our post to make our post attractive so i make this bullet style for attracting more visitors ;)
Lets Start!
Pencil Style Bullets For Blogger Blog
Go To Blogger > Layout > Edit HTML
Search For ]]></b:skin>
And Paste Below Code Just Above ]]></b:skin>
.post ul {list-style:none;}.post ul li { line-height: 1.4em; background: transparent url(http://3.bp.blogspot.com/-zUvpOSIQDN8/UkWNl_GUUZI/AAAAAAAABJw/OTs_Kp0rPrM/s1600/imageedit_2_9044524665.gif) no-repeat scroll 0px 7px; margin: 0.8em 0; padding: 0 0 0.12em 38px; }.post ul li:hover { font-weight:bold; color:deepskyblue; background: transparent url(http://1.bp.blogspot.com/-aduUJQaOCGY/UkWNneL6ZGI/AAAAAAAABJ4/wUYsASx-Twg/s1600/imageedit_4_3032591614.gif) no-repeat scroll 5px 7px;}
Now Save You Template
You Can Check This Bullet Style In Online HTML Editor before applying it on your blog.
Paste below code in HTML Editor
<style>
ul {list-style:none;
}
ul li {
line-height: 1.4em;
background: transparent url(http://3.bp.blogspot.com/-zUvpOSIQDN8/UkWNl_GUUZI/AAAAAAAABJw/OTs_Kp0rPrM/s1600/imageedit_2_9044524665.gif) no-repeat scroll 0px 7px;
margin: 0.08em 0;
padding: 0 0 0.12em 38px;
}
ul li:hover {
font-weight:bold;
color:deepskyblue;
background: transparent url(http://1.bp.blogspot.com/-aduUJQaOCGY/UkWNneL6ZGI/AAAAAAAABJ4/wUYsASx-Twg/s1600/imageedit_4_3032591614.gif) no-repeat scroll 5px 7px;
}
</style>
<ul>
<li>Seo</li>
<li>Smo</li>
<li>Sem</li>
<li>Smm</li>
</ul>
Note:
If you find any problem regarding" Beautiful Pencil Bullet Style Widget For Blogger Blogs " then you can ask through comment box.
And Must Give Your Feedback Through Comment Box about this widget. :)