How To Customize Bullet STyle With An Amazing Mouse Hover Effect To Your Blog Post | Tricky Tricks4You - Latest Internet Tricks, Computer Tricks, Mobile Tricks, Hacking, Money Online Tricky Tricks4You - Latest Internet Tricks, Computer Tricks, Mobile Tricks, Hacking, Money Online: How To Customize Bullet STyle With An Amazing Mouse Hover Effect To Your Blog Post
Skillblogger

LiveZilla Live Help

Wednesday, March 27, 2013

How To Customize Bullet STyle With An Amazing Mouse Hover Effect To Your Blog Post

Friends, Do you want to make your blogger is more beautiful. We are always add bullets to our posts but it appear like a black dot. Later i show how to change black bullets with your own image. In this post i share  a information about, How to apply mouse hover effect to your bullets. You can make it easy… Follow this post and enjoy……
bullet mouse hover effect for your blogger(masterhacksindia.blogspot.com)
Log in to your Blogger account.
  • Select Templates



  • Click on Edit HTML


  • Tick on  Expand Widget Templates.

  • Find (Ctrl + F)   ]]>


  • Copy  the code shown below and paste it before ]]>


.post ul {list-style:none;
}
.post ul li {
    line-height: 1.0em;
        background: transparent url(http://3.bp.blogspot.com/_7wsQzULWIwo/SuM3oFg5zlI/AAAAAAAACHo/n5UluB5ugMI/s400/255.gif) no-repeat scroll -4px 0px;
    margin: 1.0em 0;
    padding: 0 0 1.0em 28px;
}
.post ul li:hover {
        background: transparent url(http://2.bp.blogspot.com/_7wsQzULWIwo/SuM3oYoTkRI/AAAAAAAACHw/Dig1etGrcpY/s400/251.gif) no-repeat scroll -2px 0px;
}

Change RED color with your bullets URL

  • Now save it.



Leave a comment…………………………………. IF You LIkE
Like the Post? Share with your Friends:-

Team SB
Posted By: Ramees Kaztro

0 comments:

POST A COMMENT

Contact Us

Name

Email *

Message *

 

Flag Counter

Free counters!

Sie Info

Copyright © . SkillBlogger. All Rights Reserved.
Designed by :-Ramees Kaztro