We'll not spam mate! We promise.
 |
| SEO Tools |
 |
| SEO |
#btrix1nav{border:none 5px #000000;
-moz-border-radius-topleft: 15px;-moz-border-radius-topright:14px;-moz-border-radius-bottomleft:14px;-moz-border-radius-bottomright:14px;-webkit-border-top-left-radius:15px;-webkit-border-top-right-radius:14px;-webkit-border-bottom-left-radius:14px;-webkit-border-bottom-right-radius:14px;
border-top-left-radius:15px;border-top-right-radius:14px;border-bottom-left-radius:14px;border-bottom-right-radius:14px;-moz-box-shadow: 2px 3px 5px #000000;-webkit-box-shadow: 2px 3px 5px #000000;box-shadow: 2px 3px 5px #000000;
width:900px;
margin: 0 0 0 0px;
padding: 12px 0 8px 0;
clear: both;
background: #696969 left bottom no-repeat; }
#btrix1nav .catList{padding: 4px 0 0 35px;float: left;margin-top:-3px; }
#btrix1nav .pageList{padding: 8px 0px 0 0;float: right; }
#btrix1nav ul li{float: left;margin: 0 18px 0 0 ;}
#btrix1nav a{color: #fff;list-style:none;text-decoration: none;}
#btrix1nav a:hover{color: #919191;}
#btrix1nav li {list-style:none;text-decoration:none;}
#search{margin: -2px 20px 0 0;float: right; }
#updatesBox { margin-left: 100px; }
#navigation1 { width:900px;height: 45px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKm2gAtJd9g8qGKJmcuLpNVqxiAyeZ5hNhQqPEaElZ4G7l6W21uQTXaTiWPp4LkElmzFJF21JSns6FhNKhSkDMn6G_1dB7YylBjhF-DuCdCweUFu68eRxiy6iHdQ-0lbHUV8ayGdOXN5A/s1600/nav-bg.gif) repeat-x 0 0;
border:inherit 2px #000000;
-moz-border-radius-topleft: 10px;-moz-border-radius-topright:10px;-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;
border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px; }
#navigation1 ul { list-style: none outside; padding: 8px 0 0 8px; }
#navigation1 li { float: left; display: inline; height: 29px; line-height: 29px; text-transform: uppercase; margin-right: 3px }
#navigation1 li.last { margin-right: 0; }
#navigation1 li a,
#navigation1 li a span { float: left; display: inline; height: 29px; padding-left: 10px; background-position: 0 0; color: #919191; }
#navigation1 li a span { padding-left: 0; padding-right: 10px; background-position: right 0; }
#navigation1 ul.sf-menu li a:hover,
#navigation1 ul.sf-menu li a:hover span { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaq_FbxzFx4AtqumsEO-RkN7NmW_iArd48-2-6eysdBOdr3aGDIsypkMqTP3fHrCw_eZW9nfkHOaqkhXPvwd1sxhDxT9A1AI7kIyetkf6NueShFAdfNZXDqKYtzQwetUOkkfM1S_2xKZM/s1600/bt_nav_hover.png); text-decoration: none; color: #fff; }
#navigation1 li a.clicked,
#navigation1 li a.clicked span { background-position: 0 bottom }
#navigation1 li a.clicked span { background-position: right bottom; }
<div id="navigation1"> <ul class="sf-menu sf-js-enabled sf-shadow"> <li class="cat-item cat-item-29"><a title="Home" href="#"><span>HOME</span></a></li> <li class="cat-item cat-item-29"><a href="#" title="Graphics"><span>Graphics</span></a></li> <li class="cat-item cat-item-31"><a href="#" title="Coding"><span>Coding</span></a></li> <li class="cat-item cat-item-18"><a href="#" title="inspiration"><span>inspiration</span></a> </li> <li class="cat-item cat-item-1"> <a href="#" title="Photography"><span>Photography</span></a></li> <li class="cat-item cat-item-30"><a href="#" title="Freebies"><span>Blogger</span></a></li> <li class="cat-item cat-item-19"><a href="#" title="Wordpress"><span>Wordpress</span></a></li> <li class="cat-item cat-item-25"><a href="#" title="Logo"><span>Logo</span></a></li> <li class="cat-item cat-item-22"><a href="#" title="Contact"><span>Contact</span></a> </li></ul></div>
<!-- Start --><script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/><script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.optionsundefined{publisher: "bea50586-2b9f-448d-947a-01385f28e305", onhover:false}); </script><link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/><!-- End -->
Now After Pasting Above code.<!-- Start --><div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareEgg'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEggundefined'shareThisShareEgg', ['facebook','twitter','googleplus','linkedin','blogger','stumbleupon','sharethis'], {title:' <data:blog.pageTitle/>',url:'<data:blog.url/>',theme:'shareegg'});</script><a href="http://techethix.blogspot.com/">Blogger Wordpress Gadgets</a><!-- End -->
Now Save Template that's it.
::-webkit-scrollbar {
background:#fff;
width:10px;
}
::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgbaundefined0, 0, 0, 0.5);
background-image: -webkit-linear-gradientundefinedtop, #336699 10%, #336699 51%);
}
::-webkit-scrollbar-track {
}
Step 4: Click on Save template and view your blog and enjoy New Scroll Bar :)
Note: You can change the color of Scroll bar by changing the highlighted Code Colors.
Copyright © 2014 Blogger & Wordpress.