Template maker for Wordpress

Today we will meet with a cool online tool .
This is an online template maker for Wordpress .

How to work with it ?

first go to >   http://www.wpthemegenerator.com/

Here you can see as like this picture below .
Create as like as you want .

Please ask any question in comment below .

Read more »

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 »

Make your own cool wordpress theme online in a minute

Today we will meet with a cool online tool .
This is an online template maker for Wordpress .

How to work with it ?

first go to >   http://www.wpthemegenerator.com/

Here you can see as like this picture below .
Create as like as you want .

Please ask any question in comment below .

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 »