Automatically open every external links in a new window in your website or Blogger!

 This method works for both blogger and wordpress blogs, irrespective of platforms.

Lets start___________________________________________

Go to Blogger > Template > Backup your template 

Click "Edit HTML"

Just above </head> paste the following script:

• <script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script><script type='text/javascript'>
  $(document).ready(function() {
    $("a[href^='http://']").each(
      function(){
       if(this.href.indexOf(location.hostname) == -1) {
          $(this).attr('target', '_blank');
        }
      }
    );
  

  • $("a[href^='https://']").each( 

  • function(){ 

  • if(this.href.indexOf(location.hostname) == -1) { 

  • $(this).attr('target', '_blank'); 

  • } 

  • } 

  • );

  
  });
  </script>

Than save your template . Ok now all done . 

Please Comment below if you face any problem .

Read more »

Add Stylish Back to Top Widget to Blogger

Add A Stylish Back to Top Widget to Blogger

 If your Blogspot post is too long or your home page is too long, then if your visitor scrolls down and so desires to travel back, they has to scroll a lot. 

Thus this widgets is really terribly usefull for your blog readers. Add trendy Back/Scroll to top widget to Blogger.

The widget is really easy to add. simply Add a pair of codes in your blogger template. All people desires to make our blogger model additional beautifull and trendy. and provides a professional look.

• First go to Blogger > Template > Edit Html

• Press CTRL+F from your Keyboard and Search for this code    ]]></b:skin>

• And paste the Below codes just Above/Before ]]></b:skin> 

#bs-bt-top-nav {position: fixed;cursor: pointer;background: rgba(0, 0, 0, 0.78);color: white;padding: 10px 20px;border-radius: 3px;bottom: 22px;right: 90%;}#topcontent {margin-bottom: 10px;}.c_images img {width: 57px;height: 57px;}.c_images img {width: 57px;height: 57px;}.selectnav { display: none; }.c_images img {width: 57px;height: 57px;}.selectnav { display: none; }.c_images img {width: 57px;height: 57px;}.selectnav { display: none; }<!--Widget By http://seoandwebtutorial.blogspot.com/-->

• Now one more time search for </body>
• And paste the Below codes just Above/Before </body>

<a id='bs-bt-top-nav' title='Back to top'>Back to top</a><script type='text/javascript'>//<![CDATA[$(window).scroll(function() {    if($(this).scrollTop() > 200) {        $('#bs-bt-top-nav').show();    } else {        $('#bs-bt-top-nav').hide();    }});$('#bs-bt-top-nav').hide().click(function() {    $('html, body').animate({scrollTop:0}, 1000);    return false;});//]]></script>

Now Save your template. 

 Thank You

Read more »

237 top level sites for create free backlinks

This summary is not available. Please click here to view the post.

Read more »

How To install a Blogger Template

                         How To install a Blogger Template


Today i will show you how to install a xml blogger template on your blogger blog .

First go to blogger.com

1 - Login to your Blogger Dashboard. Than  click on "Template".

2 - Click on "Backup/Restore".

3 - OK! Now click on "Browse".

4 -  Select your the template you choose (important! it have to be a XML FILE) and click Open.

5 - Click on "Upload"

If you face any problem than comment below .

or you can ask for help at our Facebook help center

Read more »