Beautiful Pencil Bullet Style For Blogger Blogs

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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDw44TNgo3m2GBgcXs8cs4w6iBKgN43a846ta7JDa43laUtbDivaGUu6PcQkcRKPEsac5WAsji94RbtpThJ_ipX12Mhu4RhGN8tNvDVWmmJOfJGAvwe2m_RytqT8vfBDejhBQ5DRJlI-3i/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio1_JwD80DED5gRsJapH4cI-81s7M2mHNmE3cYL9EFUZngBBRavFxHef_Is_WdoGg5zFQ2v4cuXRz01KXJzcTWxiWjrnfsi-NRG6UJXIYd93tDnT2YKNcp9v2bC-MuZeEpwryMOL5cNQq1/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDw44TNgo3m2GBgcXs8cs4w6iBKgN43a846ta7JDa43laUtbDivaGUu6PcQkcRKPEsac5WAsji94RbtpThJ_ipX12Mhu4RhGN8tNvDVWmmJOfJGAvwe2m_RytqT8vfBDejhBQ5DRJlI-3i/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio1_JwD80DED5gRsJapH4cI-81s7M2mHNmE3cYL9EFUZngBBRavFxHef_Is_WdoGg5zFQ2v4cuXRz01KXJzcTWxiWjrnfsi-NRG6UJXIYd93tDnT2YKNcp9v2bC-MuZeEpwryMOL5cNQq1/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. :)