Latest Updates

10 Free Online Broken Link Checker Tools

114 comments:

10 Free Online Broken Link Checker Tools


When you click on a link that is supposed to take you somewhere, yet instead it takes you somewhere else or shows a 404 error message… this is a broken link. The most common causes for a broken link include, but are not limited to :
  • The target website is permanently unavailable
  • The target web page has been deleted
  • The target web page permalink was modified or changed

Broken links are very unpleasant for end users of your website, and can hurt your reputation. It makes sense that having several broken links on a website is often referred to as “link rot”… because it really is as pleasant as that phrase sounds. 
Use this broken link checker to quickly locate any broken links on your website so you can correct any flaws immediately. It’s as easy as entering your URL and hitting enter.


1. Broken Link Check



You can only really check your homepage with the free version as the free version doesn't allow you to use slashes. Try the tool and it takes you to an annoying captcha screen, but pass that and you get to see your broken links. You can report distinct breaks or all occurrences. The fact they give you the option is better than some lesser link checkers.

2. W3C Link checker



On this website you will see the tool and a list of options. You can see a summary only, or you can see the chunky raw data. You can hide redirects, you can “don’t send the accept language header”, you can “Don’t send referrer header” and you can check linked documents recursively and name the recursion depth. You can even save your choices in the options as a cookie on your computer. Not that it matters, but this website has a PageRank of 9, which means they may know a little about SEO.

3. Submit Express



This tool will check the outgoing links on your page to see if they are broken. It will only check the links on the URL given, so if you want to check more pages from your site, please try them seperately.

4. Small SEO Tools.



5. WDG Link Valet



This has an ugly and/or basic website design, which is surprising since the creators are part of a web design group. Still, it is free and easy to understand because just under the tool are a few descriptions of what the results mean.

6. IndiaBook Free link checker



This is a tool that is hosted on a very basic looking website design, but it does the job of checking your links. The basic format upon which the tool is hosted is simple and the results are basic, with no frills at all. Still, it does the job of checking your links to see if any are broken. There is a chunk of text before the tool that you need not read.

7. Dead Link Checker



Check for broken links on any website. Links that don't work harm your search rankings and provide for a bad user experience. No downloads - just enter the name (URL) of the website you wish to check.

8. Site Liner



Find duplicate content, broken links, and more...

9. 2 bone online link checker



This is a website brought to you by a CGI programming team. The website explains
how the tool works and lets you choose how fast you want the results (which is
novel but unnecessary).

10. Add Me Broken link checker



The site is not good looking, as most on this article, but it is free so we cannot complain. It gives you a guide on how to use the tool, as it has slightly more parameters than most on this list. It is very easy to use, and even if you do struggle you can just look at the brief instructions above.


if you find any problem then comment bellow.
Read More

Top 4 CSS Style Navigation Menu Bar for Blogger

16 comments:


For having an attractive blog design your blog must have a good navigation menu design.Today i am going to share a beautiful CSS Style navigation Menu bar to blogger blogs. This navigation menu is designed using CSS and HTML only .Jquery menu slow down your blog loading time. So today I am sharing pure CSS and HTML drop down menu for your blogger blog.



How To Add CSS Style Menu Bar In Blogger


  • Go to Blogger Dashboard → Layout.
  • Click on Add a Gadget → HTML/JavaScript
  • Now add the following code and change Red links with yours.


CSS Style Menu Bar 1 :


                                                      




<style>
.nbw-menu li{text-align:right;margin-bottom:15px;line-height:30px;list-style:none; }
.nbw-menu li ul{margin-top:15px}
.nbw-menu a{color:white;background:#009AFF;font-weight:normal;font-size:14px;text-decoration:none;padding:7px 12px;-webkit-transition:all .25s linear;-moz-transition:all .25s linear;transition:all .25s linear}
.nbw-menu a:hover{text-decoration:none;color:#FFFFFF;background:#292929}li.widget ul{list-style:circle}<blockquote>
</style>
<ul class='nbw-menu'>
<li class='cat-item'><a href='#'>Adsense</a></li>
<li class='cat-item'><a href='#'>Announcements</a></li>
<li class='cat-item'><a href='#'>Blogger News</a></li>
<li class='cat-item'><a href='#'>Blogger SEO</a></li>
<li class='cat-item'><a href='#'>Blogger Templates</a></li>
<li class='cat-item'><a href='#'>Blogger Widgets</a></li>
<li class='cat-item'><a href='#'>Blogging Tips</a></li>
</ul>



CSS Style Menu Bar 2 :





<style type="text/css">/* #F93 *//* #C60 */#nbw-cssmenu{border:none;border:0;margin:0;padding:0;font:67.5% 'Lucida Sans Unicode','Bitstream Vera Sans','Trebuchet Unicode MS','Lucida Grande',Verdana,Helvetica,sans-serif;font-size:14px;font-weight:bold;width:auto}#nbw-cssmenu ul{background:#DFDFDF;height:50px;list-style:none;margin:0;padding:0;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;-webkit-box-shadow:inset 0 16px 0 0 rgba(292929);-moz-box-shadow:inset 0 16px 0 0 rgba(292929);box-shadow:inset 0 16px 0 0 rgba(292929)}#nbw-cssmenu li{float:left;padding:0 0 0 15px}#nbw-cssmenu li a{color:#000;display:block;font-weight:normal;line-height:50px;margin:0;padding:0 25px;text-align:center;text-decoration:none}#nbw-cssmenu li a:hover{background:#292929;color:#292929;text-decoration:none;-webkit-box-shadow:inset 0 0 7px 2px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 7px 2px rgba(0,0,0,0.3);box-shadow:inset 0 0 7px 2px rgba(292929)}#nbw-cssmenu ul li:hover a{background:#292929;color:#FFF;text-decoration:none}#nbw-cssmenu li ul{display:none;height:auto;padding:0;margin:0;border:0;position:absolute;width:200px;z-index:200}#nbw-cssmenu li:hover ul{display:block}#nbw-cssmenu li li{display:block;float:none;margin:0;padding:0;width:200px;background:#292929;/*this is where the rounded corners for the dropdown disappears*/}#nbw-cssmenu li:hover li a{background:none}#nbw-cssmenu li ul a{display:block;height:50px;font-size:12px;font-style:normal;margin:0;padding:0 10px 0 15px;text-align:left}#nbw-cssmenu li ul a:hover,#nbw-cssmenu li ul li:hover a{border:0;color:#292929;text-decoration:none;background:#ffffff;-webkit-box-shadow:inset 0 0 7px 2px rgba(292929);-moz-box-shadow:inset 0 0 7px 2px rgba(292929);box-shadow:inset 0 0 7px 2px rgba(292929)}</style><a href="http://newbloggerwidget.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIT0vG9BwupcIXxvPX4FqA_-yeRHYHdAj3_wg38F9k9qZDaQPj0LRrHa54ObBGNvBrQlTMG7894LsJDiNiSo7mkU7L82DBN8Yb30z6Pj4LdunVtQpDbcV5n5V2nRqsHEhQwVSGzMqVRFY/h120/newbloggerwidget-blank.gif" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://newbloggerwidget.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIT0vG9BwupcIXxvPX4FqA_-yeRHYHdAj3_wg38F9k9qZDaQPj0LRrHa54ObBGNvBrQlTMG7894LsJDiNiSo7mkU7L82DBN8Yb30z6Pj4LdunVtQpDbcV5n5V2nRqsHEhQwVSGzMqVRFY/h120/newbloggerwidget-blank.gif" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://newbloggerwidget.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIT0vG9BwupcIXxvPX4FqA_-yeRHYHdAj3_wg38F9k9qZDaQPj0LRrHa54ObBGNvBrQlTMG7894LsJDiNiSo7mkU7L82DBN8Yb30z6Pj4LdunVtQpDbcV5n5V2nRqsHEhQwVSGzMqVRFY/h120/newbloggerwidget-blank.gif" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work -->


<!-- customize your menus Links -->

<div id="nbw-cssmenu">
<ul>
<li class="active"><a href="#"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li><a href="#"><span>Widgets</span></a></li>
<li><a href="#"><span>Menus</span></a></li>
<li class="last"><a href="#"><span>Products</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Company</span></a>
<ul>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Location</span></a></li>
</ul>
</li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>



CSS Style Menu Bar 3 :





<style type="text/css">#nbw-cssmenu ul,#nbw-cssmenu li,#nbw-cssmenu span,#nbw-cssmenu a{margin:0;padding:0;position:relative}#nbw-cssmenu{height:49px;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;background:#fefefe;background:-moz-linear-gradient(top,#fefefe 0%,#eee9f0 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fefefe),color-stop(100%,#eee9f0));background:-webkit-linear-gradient(top,#fefefe 0%,#eee9f0 100%);background:-o-linear-gradient(top,#fefefe 0%,#eee9f0 100%);background:-ms-linear-gradient(top,#fefefe 0%,#eee9f0 100%);background:linear-gradient(top,#fefefe 0%,#eee9f0 100%);border-bottom:2px solid #009AFF;width:auto}#nbw-cssmenu:after,#nbw-cssmenu ul:after{content:'';display:block;clear:both}#nbw-cssmenu a{background:#fefefe;background:-moz-linear-gradient(top,#fefefe 0%,#ececec 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fefefe),color-stop(100%,#ececec));background:-webkit-linear-gradient(top,#fefefe 0%,#ececec 100%);background:-o-linear-gradient(top,#fefefe 0%,#ececec 100%);background:-ms-linear-gradient(top,#fefefe 0%,#ececec 100%);background:linear-gradient(top,#fefefe 0%,#ececec 100%);color:#000;display:inline-block;font-family:Helvetica,Arial,Verdana,sans-serif;font-size:12px;line-height:49px;padding:0 20px;text-decoration:none}#nbw-cssmenu ul{list-style:none}#nbw-cssmenu > ul{float:left}#nbw-cssmenu > ul > li{float:left}#nbw-cssmenu > ul > li > a{color:#000;font-size:12px}#nbw-cssmenu > ul > li:hover:after{content:'';display:block;width:0;height:0;position:absolute;left:50%;bottom:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #009AFF;margin-left:-10px}#nbw-cssmenu > ul > li:first-child > a{border-radius:5px 0 0 0;-moz-border-radius:5px 0 0 0;-webkit-border-radius:5px 0 0 0}#nbw-cssmenu > ul > li.active:after{content:'';display:block;width:0;height:0;position:absolute;left:50%;bottom:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #009AFF;margin-left:-10px}#nbw-cssmenu > ul > li.active > a{-moz-box-shadow:inset 0 0 2px rgba(0,0,0,0.1);-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.1);box-shadow:inset 0 0 2px rgba(0,0,0,0.1);background:#ececec;background:-moz-linear-gradient(top,#ececec 0%,#fef ef 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ececec),color-stop(100%,#fef ef));background:-webkit-linear-gradient(top,#ececec 0%,#fef ef 100%);background:-o-linear-gradient(top,#ececec 0%,#fef ef 100%);background:-ms-linear-gradient(top,#ececec 0%,#fef ef 100%);background:linear-gradient(top,#ececec 0%,#fef ef 100%)}#nbw-cssmenu > ul > li:hover > a{background:#ececec;background:-moz-linear-gradient(top,#ececec 0%,#fef ef 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ececec),color-stop(100%,#fef ef));background:-webkit-linear-gradient(top,#ececec 0%,#fef ef 100%);background:-o-linear-gradient(top,#ececec 0%,#fef ef 100%);background:-ms-linear-gradient(top,#ececec 0%,#fef ef 100%);background:linear-gradient(top,#ececec 0%,#fef ef 100%);-moz-box-shadow:inset 0 0 2px rgba(0,0,0,0.1);-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,0.1);box-shadow:inset 0 0 2px rgba(0,0,0,0.1)}#nbw-cssmenu .has-sub{z-index:1}#nbw-cssmenu .has-sub:hover > ul{display:block}#nbw-cssmenu .has-sub ul{display:none;position:absolute;width:200px;top:100%;left:0}#nbw-cssmenu .has-sub ul li{*margin-bottom:-1px}#nbw-cssmenu .has-sub ul li a{background:#009AFF;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;filter:none;font-size:11px;display:block;line-height:120%;padding:10px;color:#fff}#nbw-cssmenu .has-sub ul li:hover a{background:#292929}#nbw-cssmenu .has-sub .has-sub:hover > ul{display:block}#nbw-cssmenu .has-sub .has-sub ul{display:none;position:absolute;left:100%;top:0}#nbw-cssmenu .has-sub .has-sub ul li a{background:#009AFF; -webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}#nbw-cssmenu .has-sub .has-sub ul li a:hover{background:#292929}</style><a href="http://newbloggerwidget.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIT0vG9BwupcIXxvPX4FqA_-yeRHYHdAj3_wg38F9k9qZDaQPj0LRrHa54ObBGNvBrQlTMG7894LsJDiNiSo7mkU7L82DBN8Yb30z6Pj4LdunVtQpDbcV5n5V2nRqsHEhQwVSGzMqVRFY/h120/newbloggerwidget-blank.gif" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://newbloggerwidget.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIT0vG9BwupcIXxvPX4FqA_-yeRHYHdAj3_wg38F9k9qZDaQPj0LRrHa54ObBGNvBrQlTMG7894LsJDiNiSo7mkU7L82DBN8Yb30z6Pj4LdunVtQpDbcV5n5V2nRqsHEhQwVSGzMqVRFY/h120/newbloggerwidget-blank.gif" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://newbloggerwidget.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIT0vG9BwupcIXxvPX4FqA_-yeRHYHdAj3_wg38F9k9qZDaQPj0LRrHa54ObBGNvBrQlTMG7894LsJDiNiSo7mkU7L82DBN8Yb30z6Pj4LdunVtQpDbcV5n5V2nRqsHEhQwVSGzMqVRFY/h120/newbloggerwidget-blank.gif" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work -->



<!-- newbloggerwidget -menus Links -->

<div id="nbw-cssmenu">
<ul>
<li class="active"><a href="#"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li class="has-sub"><a href="#"><span>Product 1</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Product 2</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>


CSS Style Menu Bar 4 :







<style type="text/css">@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);/* Menu CSS */#newbloggerwidget-cssmenu,#newbloggerwidget-cssmenu > ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrnG0y8zumFhbyGFfwrl8KByaJZxt0IduJjRAyvSWQVtZzuufhiKgclWKn5aA1l_7HWvvI_W-TDx36UnWrRx46yJtI5Io6WPaQohxaeD6qdwS21JTajJtzH8jX7zDnpHXB4ReU-uBwANE/s1600/newbloggerwidget-highlight-bg.png) repeat;padding-bottom:3px;font-family:'Open Sans',sans-serif;font-weight:600}#newbloggerwidget-cssmenu:before,#newbloggerwidget-cssmenu:after,#newbloggerwidget-cssmenu > ul:before,#newbloggerwidget-cssmenu > ul:after{content:'';display:table}#newbloggerwidget-cssmenu:after,#newbloggerwidget-cssmenu > ul:after{clear:both}#newbloggerwidget-cssmenu{width:auto;zoom:1}#newbloggerwidget-cssmenu > ul{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRE8DUliiye9U_CX2HJFIviKRuWjf6MxzQLPnETncoaZW2a0lQueU6-qhJ9J13BZJAlOnxhOqddAlBw-wzF_TTCyT1brBVsYx7rp0wCC4JONrRvrQYdh6QUaGI6QEONnZdcQ-jIllXMVw/s1600/newbloggerwidget-menu-bg.png) repeat;margin:0;padding:0;position:relative}#newbloggerwidget-cssmenu > ul li{margin:0;padding:0;list-style:none}#newbloggerwidget-cssmenu > ul > li{float:left;position:relative}#newbloggerwidget-cssmenu > ul > li > a{padding:23px 26px;display:block;color:white;font-size:13px;text-decoration:none;text-transform:uppercase;text-shadow:0 -1px 0 #0d0d0d;text-shadow:0 -1px 0 rgba(0,0,0,0.7);line-height:18px}#newbloggerwidget-cssmenu > ul > li:hover > a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrnG0y8zumFhbyGFfwrl8KByaJZxt0IduJjRAyvSWQVtZzuufhiKgclWKn5aA1l_7HWvvI_W-TDx36UnWrRx46yJtI5Io6WPaQohxaeD6qdwS21JTajJtzH8jX7zDnpHXB4ReU-uBwANE/s1600/newbloggerwidget-highlight-bg.png) repeat;text-shadow:0 -1px 0 #97321f;text-shadow:0 -1px 0 rgba(122,42,26,0.64)}#newbloggerwidget-cssmenu > ul > li > a > span{line-height:18px}#newbloggerwidget-cssmenu > ul > li.active > a,#newbloggerwidget-cssmenu > ul > li > a:active{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMo8VaMnPYs2A5fXeuv1DNkTrClXaM8Ezm-Rmjwy8l8MRAv9VhLNU3cob-3h__djNORXL7PIhJ717fiyze09nBdukr-Lph7FC2W0ex6dfqqWGV5uWjgwntKOuRidDQh3a0svoj6YsTphk/s1600/newbloggerwidget-hover.png) repeat}/* Childs */#newbloggerwidget-cssmenu > ul ul{opacity:0;visibility:hidden;position:absolute;top:120px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRE8DUliiye9U_CX2HJFIviKRuWjf6MxzQLPnETncoaZW2a0lQueU6-qhJ9J13BZJAlOnxhOqddAlBw-wzF_TTCyT1brBVsYx7rp0wCC4JONrRvrQYdh6QUaGI6QEONnZdcQ-jIllXMVw/s1600/newbloggerwidget-menu-bg.png) repeat;margin:0;padding:0;z-index:-1}#newbloggerwidget-cssmenu > ul li:hover ul{opacity:1;visibility:visible;margin:0;color:#000;z-index:2;top:64px;left:0}#newbloggerwidget-cssmenu > ul ul:before{content:'';position:absolute;top:-10px;width:100%;height:20px;background:transparent}#newbloggerwidget-cssmenu > ul ul li{list-style:none;padding:0;margin:0;width:100%}#newbloggerwidget-cssmenu > ul ul li a{padding:18px 26px;display:block;color:white;font-size:13px;text-decoration:none;text-transform:uppercase;width:150px;border-left:4px solid transparent;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out}#newbloggerwidget-cssmenu > ul ul li a:hover{border-left:4px solid #009AFF;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMo8VaMnPYs2A5fXeuv1DNkTrClXaM8Ezm-Rmjwy8l8MRAv9VhLNU3cob-3h__djNORXL7PIhJ717fiyze09nBdukr-Lph7FC2W0ex6dfqqWGV5uWjgwntKOuRidDQh3a0svoj6YsTphk/s1600/newbloggerwidget-hover.png) repeat}#newbloggerwidget-cssmenu > ul ul li a:active{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRE8DUliiye9U_CX2HJFIviKRuWjf6MxzQLPnETncoaZW2a0lQueU6-qhJ9J13BZJAlOnxhOqddAlBw-wzF_TTCyT1brBVsYx7rp0wCC4JONrRvrQYdh6QUaGI6QEONnZdcQ-jIllXMVw/s1600/newbloggerwidget-menu-bg.png) repeat}</style><a href="http://newbloggerwidget.blogspot.com/" rel="dofollow" target="_blank" title="Drop Down Menus"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIT0vG9BwupcIXxvPX4FqA_-yeRHYHdAj3_wg38F9k9qZDaQPj0LRrHa54ObBGNvBrQlTMG7894LsJDiNiSo7mkU7L82DBN8Yb30z6Pj4LdunVtQpDbcV5n5V2nRqsHEhQwVSGzMqVRFY/h120/newbloggerwidget-blank.gif" alt="Drop Down Menus" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://newbloggerwidget.blogspot.com/" rel="dofollow" target="_blank" title="CSS Drop Down Menu"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIT0vG9BwupcIXxvPX4FqA_-yeRHYHdAj3_wg38F9k9qZDaQPj0LRrHa54ObBGNvBrQlTMG7894LsJDiNiSo7mkU7L82DBN8Yb30z6Pj4LdunVtQpDbcV5n5V2nRqsHEhQwVSGzMqVRFY/h120/newbloggerwidget-blank.gif" alt="CSS Drop Down Menu" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://newbloggerwidget.blogspot.com/" rel="dofollow" target="_blank" title="Pure CSS Dropdown Menu"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIT0vG9BwupcIXxvPX4FqA_-yeRHYHdAj3_wg38F9k9qZDaQPj0LRrHa54ObBGNvBrQlTMG7894LsJDiNiSo7mkU7L82DBN8Yb30z6Pj4LdunVtQpDbcV5n5V2nRqsHEhQwVSGzMqVRFY/h120/newbloggerwidget-blank.gif" alt="Pure CSS Dropdown Menu" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><!-- Dont edit this CSS Drop Down Menu code or it will not work -->



<!--  newbloggerwidget -menus Links -->

<div id="newbloggerwidget-cssmenu">
<ul>
<li class="active"><a href="#"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Blogger</span></a>
<ul>
<li><a href="#"><span>Widgets</span></a></li>
<li><a href="#"><span>Template</span></a></li>
<li class="last"><a href="#"><span>seo</span></a></li>
<li class="last"><a href="#"><span>blogger</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Company</span></a>
<ul>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Location</span></a></li>
</ul>
</li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>




Read More

Smooth Scrolling "Back To Top" Button for Blogger

11 comments:

Smooth Scrolling "Back To Top" Button for Blogger

A back to top button is crucial for a blog or site because visitors enjoy easy site navigation so this button will provide them with this ease.It’s very use full for website visitors this feature save time of website visitors they reach to top by pressing this smooth scrolling back to top button.
The best thing about this button is that it appears only when the user scrolls down the page and disappears as he scrolls up.
This widget is really smooth and here i am providing it with some stylish buttons. In this tutorial i will show you how to add this widget to blogger.


Add Scroll to Top button to Blogspot :


  • Log in to your Blogger Account.
  • Then go to Dashboard → Layout → Add a gadget.
  • Then select HTML/JavaScript from the list.
  • Now Copy the below code and paste in the content box and then save it.

<!--New Blogger Widget back to top widget Start-->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script><script type='text/javascript'>$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$("#nbw-top").fadeIn()}else{$("#nbw-top").fadeOut()}});$("#nbw-top").click(function(){$("body,html").animate({scrollTop:0},800);return false})});</script><a href="http://newbloggerwidget.blogspot.com"></a><a id='nbw-top' style='display: none; position: fixed; bottom: 1px; right:0%; cursor:pointer;font:12px arial;'><img src='IMAGE URL' width="50px" height="50px"/></a>
<!--New Blogger Widget back to top widget End-->


Customizations:


  •   Replace IMAGE URL with the URL of the button you have selected bellow.
  •   To change the size of the button edit pixel values shown in blue color.
  •   To change the position of the button replace the text "right" with "left".

Back to Top Buttons URL :

1.


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfXBJntSFDPf8iTtPk_WjQUpQUK8XO-wa7WC4akpjK6J8c5b9FiZUEgNnzIGwcOAzqVKERq53RPhV6JrUNuEwlg-DXYueLRHhYHlZy8VFVoKkXAKXc4nnePI40qpoNnRI6Vaar0dprLbI/s1600/newbloggerwidget-back-to-top-1.png


2.



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguR2kEy2qy-1feVHhsN-6Waff7_S4iexBDa5g6tF105z6YPI9R3ZuFpIlQXXnWpQegjjI2sID9J63lGprH7NJWsQYpsVCbMLJuR2hRWji3EueWpuoH5ww2mrNQGTHFjjGnYg0T3gTygjI/s1600/newbloggerwidget-back-to-top2.png



3.



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkWz1yoqkJw62aSRSZawn0DZRjGMD-BXOk2UmIdH9I-v5gMeIwZcvmc1GAg3Apc4HCW8aD4BXprtrI-HYeRsj43X6BfDqDqDBFN8hD8Z5e1P5tAif9Z25H1KVwqSZnWwcMSmTlKOuWSHY/s1600/newbloggerwidget-back-to-top3.png


4.



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3sFvLsr347Bs-Cf1d3h_IF7TFfN7wviU_fcMzhwFWNYVtpDbP0LPxQep5xZMYWk1J1wJjiyeT6tc7hH99APaGTX0aNSJ1_suXMYyFBe911bZ4ir-7-pvocWUTi3OHB8iGrwf2OUVoAio/s1600/newbloggerwidget-back-to-top4.gif




Read More

How to Stop Blogger Redirection to Country Specific Domain

3 comments:

Stop Blogger Redirection to Country Specific Domain


Google Redirecting all blogspot blogger to their Specific Country code TLD’s. If you are visiting a blog from India, It will be redirecting .com to .in domain. If you are visiting a blog from Spain, it will be redirecting .com to .es . For example if you are from India seeing this blog address http://nbw.blogspot.com goes to http://nbw.blogspot.in.
Most of you aware of this thing that Google redirects all the Blogger / Blogspot Blog to the country specific TLDs. The reason behind it is Google’s Selective Censorship.
This redirection is called "country-code Top Level Domain" (CCTLD). It also knows as "302 Redirect" . So today I going to share a great trick to disable this country specific redirection and get a better traffic rank.


Also Read : How to Make any Blogger Widgets Sticky

How to Stop Blogger Redirection to Country Specific Domain :


  • Go to Blogger Dashboard → Template → Edit HTML .
  • Find below code.

<head>


  • Now copy the bellow code and paste below <head> .

<script type="text/javascript">
var str= window.location.href.toString();
if ((str.indexOf('.com/'))=='-1') {
var str1=str.substring(str.lastIndexOf(".blogspot."));
if (str1.indexOf('/')=='-1') {
var str2=str1;
}
else {
var str2=str1.substring(0,str1.indexOf('/')+1);
}
window.location.href =window.location.href.toString().replace(str2,'.blogspot.com/ncr/');
}
</script>



Save your template. That’s all. Now your readers can see your blog from anywhere in the world will goes to your original .com domain only.



Read More