How To Add "Follow This Blog" Link to Blogger

How To Add "Follow This Blog" Link to Blogger

1.Log in to your dashboard--> desing- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this: <data:post.body/>

4.Copy below code and paste it just after the line <data:post.body/> .

<p><a href="http://www.blogger.com/follow-blog.g?blogID=YOUR-BLOG-ID" target="_blank">Follow This Blog !!!</a></p>

NOTE: Replace YOUR-BLOG-ID with your real blogger blog ID.

Look at the example below.

<p><a href="http://www.blogger.com/follow-blog.g?blogID=2450319500557625029" target="_blank">Follow This Blog !!!</a></p>

Result:

Follow This Blog !!!


5.Click on "Save Templates" and now you are done.

Cheers.!


Picture From : www.bloggertrickandtools.com

How To Add jQuery Related Posts Widget for Blogger

Hi! here is the jquery realted post view gadget to blogger. this is very cool jqery code.Displaying a related posts is a smart way for keeping your site visitors around. and you may have seen other Related Posts Widgets out there.. but this one will be Easier and Smarter. i hope you really like this jquery code.. add your comments here. thank you for visiting my blog!

1.Login to your blogger dashboard--> Design- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see <p><data:post.body/></p> 

4.Copy below code and paste it just after the <p><data:post.body/></p>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>

<script src="http://blogger-related-posts.googlecode.com/files/related-posts-widget-1.0.js" type="text/javascript"></script>

<script type="text/javascript">
relatedPostsWidget({
'containerSelector':'div.post-body'
,'loadingText':'loading...'
});</script>

5.Save Templates

Now you are done

How To Add Blogger Official Share Buttons

Hey guys` blogger team is launched a new gadget in blogger. it is a " BLOGGER OFFICIAL SHARE BUTTON " i really like this gadget. because it is very small and very cool design. it has a GMAIL, BLOG THIS, TWITTER, FACEBOOK, BUZZ sahre buttons! so i hope you like this blogger official sahre button! in this tutorial you can know how to add this gadget right way! now guys follow the simple steps below to do it: congaratulation for you..

1.Login to your blogger dashboard--> Desing- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see below code:

<div class='post-header-line-1'/>

4.Now Copy below "Blogger Sharing buttons" code and paste it just below the above code.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-share-buttons' style='float:right;margin-right:10px;'>
<b:include data='post' name='shareButtons'/>
</div>
</b:if>

5.save your template and you are done.

Funny And Cool Google Image Trick

Google has a many tricks, easter eggs & many magics.. so today i'm tell you how to do cool google image trick. here is the demo picture.I think all you guys will love this google tricks..we will meet again in next post.Thank you.

1. You First Go to http://www.google.com

2. Click "images"

3. Fill in " google, cars, dogs " or any other word you want.

4. You will get a page with a lot of thumbnailed images.

5. Now delete the URL on the address bar

6. Copy the script down here, and paste it in your address bar

Style 1.

javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.getElementsByTagName("img"); DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=(Math.sin(R*x1+i*x2+x3)*x4+x5)+"px"; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+"px"}R++}setInterval('A()',50); void(0);

Style 2.

javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.getElementsByTagName("img"); DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=(Math.sin(R*1+i*x2+x3)*x1+x2)+"px"; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+"px"}R++}setInterval('A()',50); void(0);

Style 3.

javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.getElementsByTagName("img"); DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=(Math.tan(R*x1+i*x2+x3)*x4+x5)+"px"; DIS.top=(Math.tan(R*y1+i*y2+y3)*y4+y5)+"px"}R++}setInterval('A()',5); void(0);

Enjoy the power of java script on Google image search result.

How To Add Google Pageran Checker With Buttons

How To Add Google Pageran Checker With Buttons

1.Login to your dashboard--> Desing- ->Page Elements

2.Click on 'Add a Gadget' on the sidebar.

3.Select 'HTML/Javascript' and add the code given below and click save.

<script src="http://www.mypagerank.net/services/pagerankbutton/servicepr_js.php"></script>

Now you are done.

How To Add Google Bot Last Visit Checker to Blogger

How To Add Google Bot Last Visit Checker to Blogger

1.Login to your dashboard--> Desing- ->Page Elements

2.Click on 'Add a Gadget' on the sidebar.

3.Select 'HTML/Javascript' and add the code given below and click save.

<script src="http://www.mypagerank.net/services/gbla/servicegbla_js.php">

Now you are done.

How To Add Google Translator Box to Blogger

How To Add Google Translator Box to Blogger



1.Login to your blogger dashboard and go to Desing --& Page Elements.

2.Click on 'Add a Gadget' on the sidebar.

3.Select 'HTML/Javascript' and add the one of code given below

<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en'
}, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

4.Now save your "JavaScript" you are done..

The Google Song / Google Translate Song

The Google Song / Google Translate Song 


A song about Google Translate written by Taiwanese Pianist Wiwi Kuan (官大為), using only voices from the Taiwanese version of Google Translate.

How To Add New Official Google +1 Button to Blogger

This tutorial I will explains, how to add blogger new Official google +1 button to blogger.This will more helpful if your template is a highly customized blogger template.But your template is a blogger default template, then you can add this share buttons editing the Blog Posts widget and enabling Show +1 Button in Page Elements section.



But this method does not work for you, follow the steps given below to add google +1 button to your blog



How To Add New Official Google +1 Button to Blogger

1.Login to your blogger dashboard--> Design- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this </Head> tag

4.Copy below code and paste it just before the </Head> tag

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>

5.Now Scroll down to where you see this <div class="post-header-line-1"> tag

6.Copy below code and paste it just before the <div class="post-header-line-1"> tag

+1 Button Small (15px)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-share-buttons' style='float:right;margin-right:10px;'>
<g:plusone size="small"></g:plusone>
</div>
</b:if>

+1 Button Medium (20px)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-share-buttons' style='float:right;margin-right:10px;'>
<g:plusone size="medium"></g:plusone>
</div>
</b:if>

+1 Button Standard (24px)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-share-buttons' style='float:right;margin-right:10px;'>
<g:plusone></g:plusone>
</div>
</b:if>

+1 Button Tall (60px)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-share-buttons' style='float:right;margin-right:10px;'>
<g:plusone size="tall"></g:plusone>
</div>
</b:if>

7.Save Your Template and you are done..

Please checkout more info

• How To Add Official Google +1 Button to Blogger (Without Counter)

How To Add Official Google +1 Button to Blogger (Without Counter)

How To Add Official Google +1 Button to Blogger (Without Counter)

1. Google Has Release of a New Social Button / +1 Button (plus one)
2. How To Add New Official Google +1 Button to Blogger

1.Login to your blogger dashboard--> Design- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this </Head> tag

4.Copy below code and paste it just before the </Head> tag

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>

5.Now Scroll down to where you see this <div class="post-header-line-1"> tag

6.Copy below code and paste it just before the <div class="post-header-line-1"> tag

+1 Button Small (15px) Without Counter

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-share-buttons' style='float:right;margin-right:10px;'>
<g:plusone size="small" expr:href="data:post.url" count="false"></g:plusone>
</div>
</b:if>

+1 Button Medium (20px) Without Counter

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-share-buttons' style='float:right;margin-right:10px;'>
<g:plusone count="false" expr:href="data:post.url"></g:plusone>
</div>
</b:if>

+1 Button Standard (24px) Without Counter

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-share-buttons' style='float:right;margin-right:10px;'>
<g:plusone size="medium" count="false" expr:href="data:post.url"></g:plusone>
</div>
</b:if>

+1 Button Tall (60px) Without Counter

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-share-buttons' style='float:right;margin-right:10px;'>
<g:plusone size="tall"></g:plusone>
</div>
</b:if>

7.Save Your Template and you are done..

Please checkout more info

How To Stop Google Photo Indexing in Blogger

How To Stop Google Photo Indexing in Blogger

1.Login to your blogger dashboard--> Desing- -> Edit HTML

2.Scroll down to where you see <head> tag .

3.Copy below code and paste it just after the <head> tag

<meta content='noimageindex' name='robots'/>

4.Now Click on "Savetemplate" you are done.

Cheers

How To Speed Up Your Blog Loading Time Using Google Chrome Frame

How To Speed Up Your Blog Loading Time Using Google Chrome Frame




1.Log in to your dashboard--> Desing- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this <head> Tag

4.Copy below code and paste it just after above code.

<meta http-equiv='X-UA-Compatible' content='chrome=1'/>

5.Once again scroll down to where you see this </head> 

6.Copy below code and paste it just after above code.

<!--[if IE]>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>
<style type='text/css'>
.chromeFrameOverlayContent{top:10px;margin-top:10px;}
</style>
<script>
     window.attachEvent("onload", function() {
       CFInstall.check({
         mode: "overlay"
       });
     });
</script>
<![endif]-->

7.Now Save Your Template you are done.

Check your blog loading time ..Enjoy

How To Add Google Index Pages Checker

Today i'm tell you how to add cool gadget to your website, this is a small and faster gadget! this tool has a very cool design! when you enter the "site:" operator with your chosen URL. It will return the total link count for each URL. this count url of google search engine only. i hope you really like this gadget so add your comments and share with you friends.Thank you.

1.Login to your dashboard--> Design- ->Page Elements

2.Click on 'Add a Gadget' on the sidebar.

3.Select 'HTML/Javascript' and add the code given below and click save.

<form method="get" action="http://www.google.com/search" target="_blank" rel="nofollow"><input name="q" value="site:" maxlength="255" size="40" type="text"><input value="Google Index" type="submit"><input value="en" name="hl" type="hidden"></form>

Note: To check google index pages ,Enter URL with http:// after the word site:

You are done.

Picture From: http://www.personal.psu.edu/esc10/blogs/E-Tech/2008/10/google-2001.html

How To Add Google Bot Last Visit Checker to Blogger V2

This is cool gadget check to google bot Last Visit ,So If you want to add this gadjet Get it here

Google Has Release of a New Social Button / +1 Button (plus one)

Google Has Release of a New Social Button / +1 Button (plus one)

Google has recently announced the release of a new social button it called +1  (plus one) Google +1 button is pretty much similar in purpose to the Facebook “Like” button, yet +1 buttons let people who love your webpage recommend it on Google search results. Please checkout more info

Enjoy New Social Button / +1 Button (plus one)

Cheers..

How To Add Blogger Official Share Buttons

Hey guys` blogger team is launched a new gadget in blogger. it is a " BLOGGER OFFICIAL SHARE BUTTON " i really like this gadget. because it is very small and very cool design. it has a GMAIL, BLOG THIS, TWITTER, FACEBOOK, BUZZ sahre buttons! so i hope you like this blogger official sahre button! in this tutorial you can know how to add this gadget right way! now guys follow the simple steps below to do it: congaratulation for you..

1.Login to your blogger dashboard--> Desing- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see below code:

<div class='post-header-line-1'/>

4.Now Copy below "Blogger Sharing buttons" code and paste it just below the above code.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-share-buttons' style='float:right;margin-right:10px;'>
<b:include data='post' name='shareButtons'/>
</div>
</b:if>

5.save your template and you are done.

How To Add Google Search Terms Highlighter to Blogger

Google Toolbar popularized a nifty feature that highlights the terms on a page that you used to locate the page using. Well, this script adds such a functionality to your page as well, so users of Google who stumble across your page using the search engine see the terms they used highlighted on the page as well. Just add the script to your page, and it does the rest!

How To Add Google Search Terms Highlighter to Blogger

1.Log in to your dashboard--> Desing- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see </head> tag.

4.Now add below code before </head> tag

<script src="https://sites.google.com/site/bloggertricksandtoolz/google.js">
//Google Search Terms Highlighter- Cal Henderson (http://www.iamcal.com)
//Bloggerized by - Sameera- http://www.bloggertricksandtoolz.com/
</script>

5. Now click on "Save Template" you are done.

Cheers.!

Picture From http://www.seankenney.com/portfolio/google_floating/

How To Add Google Buzz Button With Counter in Blogger

Add Google Buzz Button With Counter in Blogger

1.Log in to your dashboard--> Desing- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see <div class='post-header-line-1'/> tag.

4.Now copy one of the below codes and paste it just before the above line.

Button 1 Post count - on the side

<div style='float:right; margin-right:10px;'>
<a title="Post on Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-button"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
</div>

Button 2 Post count - on the top

<div style='float:right; margin-right:10px;'>
<a title="Post on Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
</div>

Button 3 : Size - Small

<div style='float:right; margin-right:10px;'>
<a title="Post on Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="link"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
</div>

Button 4: Size - Normal

<div style='float:right; margin-right:10px;'>
<a title="Post on Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="small-button"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
</div>

5. Now Save Template You are done.

Google Update New Gmail Interface / Wow its look cool

Google Update New Gmail Interface / Wow its look cool



Google update new Interface for gmail and contacts. check out your gmail acocunt  new Interface, its look great,

Gmail New Interface

Cheers.!