1) Create Google+ Business page: http://www.google.com/+/business/

2) Grab URL & Find Unique Number

3) Go to Badge Config Page: https://developers.google.com/+/plugins/badge/config

4) Choose your style and preview

5) Get the code

Sample:

What is Sitemap?

A blog sitemap is a collection of links outlining the structure of your entire website. These links make it possible for your visitors to navigate quickly and easily to any section of your website as long as it is listed properly in your sitemap. The purpose of a blog sitemap is to make finding posts and pages easier by listing all of them in one place.

There are a number of advantages that are associated with having a sitemap. So much so, in fact, that not having a blog sitemap is actually harmful to the productivity and functionality of your website.

How to customize Sitemap in Thesis Theme?? Below code will create exactly the same sitemap as this: http://netcrunched.com/sitemap/

1) Put below into Thesis Custom File Editor’s custom.css file:

.custom .sitemap h3 {margin-top: 0;}
.custom .sitemap ul {font-size: .85em; }
.custom .mysitemap { float: left; width: 30%;}
.custom .rightsitemap { float: right; width: 70%;}

2) Put below into Thesis Custom File Editor’s custom_functions.php file:

/* SITEMAP AND ARCHIVES PAGES */
function custom_sitemap() { ?>
<div>
<div class="sitemapl">
<h3>By Month:</h3>
<ul>
<?php wp_get_archives('type=monthly'); ?>
</ul>
<h3>By Category:</h3>
<ul>
<?php wp_list_categories('sort_column=name&title_li='); ?>
</ul>
</div>
<div class="sitemapr">
<h3>Last 50 posts:</h3>
<ul>
<?php wp_get_archives('type=postbypost&limit=50'); ?>
</ul>
</div>
</div>
<?php }

remove_action('thesis_hook_archives_template', 'thesis_archives_template');
add_action('thesis_hook_archives_template', 'custom_sitemap');

3) Create New Page -> Select Template -> “Archives” -> Publish.

Please do let me know if you see any problem in this code.

jQuery is a new kind of JavaScript Library. It is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.

The use of the jQuery library is growing and growing (just released jQuery 1.4.2), more and more people are using this useful javascript library. This means that more and more useful jQuery tips, tricks and solutions are coming available. That’s why i created a small list of 5 cool & useful jQuery tips, tricks and solutions.

jQuery has a lot of very useful plugins that can help you with almost anything, but there are a couple of plugins that aren’t that smart to use, why? Well sometimes 1 or 2 lines of jQuery code can do the same thing(or even better), so why use a big script if you can do the same trick with a small piece of code.

1) Preloading images

$(document).ready(function() {
jQuery.preloadImages = function()
{
  for(var i = 0; i

").attr("src", arguments[i]);
  }
}
// how to use
$.preloadImages("image1.jpg");
});

2) Disable right-click

$(document).ready(function(){
    $(document).bind("contextmenu",function(e){
        return false;
    });
});

3) CSS Styleswitcher

$(document).ready(function() {
	$("a.Styleswitcher").click(function() {
		//swicth the LINK REL attribute with the value in A REL attribute
		$('link[rel=stylesheet]').attr('href' , $(this).attr('rel'));
	});
// how to use
// place this in your header - the links
Default Theme
Red Theme
Blue Theme
});

4) Smooth(animated) page scroll

$(document).ready(function() {
$('a[href*=#]').click(function() {
 if (location.pathname.replace(/^//,'') == this.pathname.replace(/^//,'')
 && location.hostname == this.hostname) {
   var $target = $(this.hash);
   $target = $target.length && $target
   || $('[name=' + this.hash.slice(1) +']');
   if ($target.length) {
  var targetOffset = $target.offset().top;
  $('html,body')
  .animate({scrollTop: targetOffset}, 900);
    return false;
   }
  }
  });
// how to use
// place this where you want to scroll to - the link
go to top
});

5) Get the mouse cursor x and y axis

$(document).ready(function() {
   $().mousemove(function(e){
     //display the x and y axis values inside the div with the id XY
    $('#XY').html("X Axis : " + e.pageX + " | Y Axis " + e.pageY);
  });
});

Click here to get all detailed info: http://docs.jquery.com/Main_Page