02 October, 2013

Beautiful Pencil Bullet Style For Blogger Blogs

Wednesday, October 02, 2013

Share it Please

Beautiful Pencil Style Bullets For Blogger Blog


Beautiful Pencil Bullet Style For Blogger Blogs
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. :)


0 comments:

Post a Comment