Google PR Checker Widget to blogger

Check Page Rank of any web site pages instantly:

List of 265 Seo Tools

List of 265 Seo Tools

Multi-Purpose

Google Analytics

Ranking: (95 Ratings. Avg: 4.37 out of 5)

Price: Free

Features:

Audience checker: demographics, interests, GEO, behavior.

All traffic checkers: search, Google Ads, social media, direct, referral.

Behavior checker: site content, site speed, site search, events, etc.

Official website: https://analytics.google.com/

Chrome extension: https://chrome.google.com/webstore/detail/page-analytics-by-google/fnbdnhhicmebfgdgglcdacdapkcihcoh

FREE Web Submission Tool

FREE Meta Tag Tool Generator

Free SEO Meta tags are HTML tag content that provide metadata about your website such as description. Meta tags are used by search engines to help index and to provide relevant content in their Google search results worldwide.
Meta Tag Generator for Blogger Title: Author: Description: Keywords:
Distribution:	Select.. Global Local Intern Use
Robots:	Select.. All None No Index Follow No Follow

Meta Tag Tool Generator

Espire Stylish Blogger Template

Espire stylish blogger template is a multipurpose...

Fastblog Responsive Blogger Template

Fastblog Blogging Blogger Template

Fastblog is a very simple and lightweight ...

 FACEBOOK  TWITTER   PINTEREST  LINKEDIN

Cleator Template

Cleator Template

[Start Here] Create A Beautiful Website For Free

Live Demo

How to get your blog on the first page of Google search results?

How to get your blog on the first page of Google search results?

How To Add WhatsApp Share Button In Blogger Website

How To Add WhatsApp Share Button In Blogger Website 

If you want to put WhatsApp Share Button in your blogger site then you can easily install WhatsApp Share Button by putting the below code in your blogger HTML. The entire process of applying WhatsApp Share Button in blogger is described below.

How to let search engines find your blog

How to let search engines find your blog ?

You can make it easier for people to find your blog on search engines like Google and Bing by:

• Listing your blog on search engines
• Using keywords throughout your site so it shows up higher in search results

How To Add Spider View Checker to blogger

How To Add Spider View Checker to blogger

This gadget will show to your visitors how Spider bots view their websites. This includes most major search bots including Google, MSN and Yahoo!

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

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

How To Add Auto ‘Read More’ Feature in blogger

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

2. Click on "Expand Widget Templates"

3. Scroll down to where you see this:

<data:post.body/>

4. Now replace above code with below code.

<b:if cond='data:blog.pageType != &quot;item&quot;'> <div expr:id='&quot;summary&quot; + data:post.id'/> <script type='text/javascript'> var blogID = &quot;5375156378107831274&quot;; function retriveSummaryPost<data:post.id/>(json){document.getElementById(&quot;summary<data:post.id/>&quot;).innerHTML = json.entry.summary.$t + &quot;...&quot;} function createSummaryPost<data:post.id/>(POSTID){ var script = document.createElement(&quot;script&quot;); script.src = &quot;http://www.blogger.com/feeds/&quot;+blogID+&quot;/posts/summary/&quot;+POSTID+&quot;?alt=json-in-script&amp;callback=retriveSummaryPost<data:post.id/>&quot;; script.type = &quot;text/javascript&quot;; document.getElementsByTagName(&#39;head&#39;)[0].appendChild(script); } </script> <script type='text/javascript'> createSummaryPost<data:post.id/>(&quot;<data:post.id/>&quot;); </script> <span class='rmlink' style='float:right'><a expr:href='data:post.url'>--&gt;d?c ti?p...</a></span> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='post_body'><data:post.body/></div> </b:if>

NOTE : You Must Replace 5375156378107831274 with your real blog ID.

5. Now save your template and you are done.

How To Add New Blogger Tag /Label Cloud Widget

How To Add New Blogger Tag /Label Cloud Widget

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


2. Scroll down to where you see this:

]]></b:skin> 

3. Now copy below code and paste it before ]]></b:skin> tag.

/* Label Cloud Styles

----------------------------------------------- */

#labelCloud {text-align:center;font-family:arial,sans-serif;}

#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}

#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}

#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}

#labelCloud a{text-decoration:none}

#labelCloud a:hover{text-decoration:underline}

#labelCloud li a{}

#labelCloud .label-cloud {}

#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}

#labelCloud .label-cloud li:before{content:"" !important} 

4. Now copy below code and paste it between ]]></b:skin> and </head> tags.

<script type='text/javascript'>

// Label Cloud User Variables

var cloudMin = 1;

var maxFontSize = 20;

var maxColor = [0,0,255];

var minFontSize = 10;

var minColor = [0,0,0];

var lcShowCount = false;

</script> 

5. Now again Scroll down to where you see this:

<b:widget id='Label1' locked='false' title='Labels' type='Label'/> 

Note : Your label widget ID(Label1) can be different. In my case label widget ID is 1.


Example:-If your label widget ID is x , above code is;

<b:widget id='Labelx' locked='false' title='Label Cloud' type='Label'> 

Now replace <b:widget id='Label1' locked='false' title='Label Cloud' type='Label'> with below code.

<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>

<b:includable id='main'>

<b:if cond='data:title'>

<h2><data:title/></h2>

</b:if>

<div class='widget-content'>

<div id='labelCloud'/>

<script type='text/javascript'> 

// Don't change anything past this point -----------------

// Cloud function s() ripped from del.icio.us

function s(a,b,i,x){

if(a&gt;b){

var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)

}

else{

var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)

}

return v

} 

var c=[];

var labelCount = new Array(); 

var ts = new Object;

<b:loop values='data:labels' var='label'>

var theName = &quot;<data:label.name/>&quot;;

ts[theName] = <data:label.count/>;

</b:loop> 

for (t in ts){

if (!labelCount[ts[t]]){

labelCount[ts[t]] = new Array(ts[t])

}

}

var ta=cloudMin-1;

tz = labelCount.length - cloudMin;

lc2 = document.getElementById('labelCloud');

ul = document.createElement('ul');

ul.className = 'label-cloud';

for(var t in ts){

if(ts[t] &lt; cloudMin){

continue;

}

for (var i=0;3 &gt; i;i++) {

c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)

} 

var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);

li = document.createElement('li');

li.style.fontSize = fs+'px';

li.style.lineHeight = '1';

a = document.createElement('a');

a.title = ts[t]+' Posts in '+t;

a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';

a.href = '/search/label/'+encodeURIComponent(t);

if (lcShowCount){

span = document.createElement('span');

span.innerHTML = '('+ts[t]+') ';

span.className = 'label-count';

a.appendChild(document.createTextNode(t));

li.appendChild(a);

li.appendChild(span);

}

else {

a.appendChild(document.createTextNode(t));

li.appendChild(a);

}

ul.appendChild(li);

abnk = document.createTextNode(' ');

ul.appendChild(abnk);

}

lc2.appendChild(ul); 

</script> 

<noscript>

<ul>

<b:loop values='data:labels' var='label'>

<li>

<b:if cond='data:blog.url == data:label.url'>

<data:label.name/>

<b:else/>

<a expr:href='data:label.url'><data:label.name/></a>

</b:if>

(<data:label.count/>)

</li>

</b:loop>

</ul>

</noscript>

<b:include name='quickedit'/>

</div> 

</b:includable>

</b:widget> 

Now save your template and your done.


It will look like this :

Create Text Area with Select All

How To Create Text Area with Select All?

Add Scrolling Images to blogger

How To Add Scrolling Images to blogger

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

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

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

<marquee direction="up"> <img src="YOUR-IMAGE1-LINK"/> <img src="YOUR-IMAGE2-LINK"/> <img src="YOUR-IMAGE3-LINK"/> </marquee>

Note : Remember to replace  YOUR-IMAGE1-LINK ,YOUR-IMAGE2-LINK,YOUR-IMAGE3-LINK with your images links.

Look at the example below.

<marquee direction="up"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPHbXCy8-_BkTfhJYsArh-SrUXP3s49KEDKe5lMT_YCR3mQPO3yevbixT8jladjxUBBtKleoAzAhsQ2KyvzMTTo0SxfR5x3_k0HpmOkq5Ivc36ozCIrqVd9NS0kbDvwRKW91GyxTySN9I/s400/KAGAYA0311.jpg" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh5qSYNL7TQ6oKueNCDNroiO3-HwChJrQWytlQKNret3u3zuIrykYPnPPDH-xFOf7u9Ir58tQSzph9IgpEXmS1JOrL-nX1Tp5Ssa6iL0s986s7aP-m4X_i2zxLH6cA5CU_i7Ufa8j8bjQ/s400/KAGAYA0433.jpg" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW-IPUkjl9UQZqS_9RnAK0d-KJNrw-Xc9LI-0_N2SzJx6FenzwmLYIsjmFPb_us5qPfDOPQ8OeOa2lMb-NGRLn3w-5UxiI5mz6lOlfFRAgcAH6DnliQt2r6tTAbZFPNMKX2teV08kt6p8/s400/KAGAYA0324.jpg" /> </marquee>

It look like this.

You can add more images as your choice. 

How To Add Two Columns below your blogger post

How To Add Two Columns below your blogger post

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

2. Scroll down to where you see like this code.

<div id='main-wrapper'> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Blog type='Blog'/> </b:widget> </b:section></div>

3. Now add below code between  </b:section>  and  </div> .

<b:section class='sidebar' id='magazine-left' showaddelement='yes'> <b:widget id='Text51' locked='false' title='Column 1' type='Text'/> </b:section> <b:section class='sidebar' id='magazine-right' showaddelement='yes'> <b:widget id='Text52' locked='false' title='Column 2' type='Text'/> </b:section> <div style="clear: both;"></div>

Look at the picture below.

Now it will look like this.

 

4.Now Find below code.

]]></b:skin>

5.Add below code before  ]]></b:skin>  tag.

#magazine-left { width: 45%; float: left; } #magazine-right { width: 45%; float: right; }

6.Now save your template and you are done.It look like this.

Add Two Columns to blogger Sidebar

How To Add Two Columns to blogger Sidebar

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

2. Scroll down to where you see like this code.

<div id='sidebar-wrapper'>   <b:section class='sidebar' id='sidebar' preferred='yes'> <b:widget id='Feed2' locked='false' title='Recent Posts' type='Feed'/> <b:widget id='Label99' locked='false' title='Labels' type='Label'/> </b:section>   </div>

3. Now add below code between  </b:section>  and  </div>  .

<b:section class='sidebar' id='magazine-left4' showaddelement='yes'> <b:widget id='Text514' locked='false' title='Column 1' type='Text'/> </b:section> <b:section class='sidebar' id='magazine-right4' showaddelement='yes'> <b:widget id='Text524' locked='false' title='Column 2' type='Text'/> </b:section> <div style="clear: both;"></div>

Look at the picture below.

4. Now Find below code.

]]></b:skin>

5. Add below code before  ]]></b:skin>  tag.

#magazine-left4 { width: 49%; float: left; } #magazine-right4 { width: 49%; float: right; }

Note : You can change values of width,as your choice.

6. Now save your template and you are done.It look like this.

Add Yahoo! Buzz Button to blogger

Add Yahoo! Buzz Button to blogger

How To Add Yahoo! Buzz Button to blogger

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

2. Click on "Expand Widget Templates"

3. Scroll down to where you see this.

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

4. Now add below code right after above line.

<div style='float:right;padding:5px;'><script badgetype='square' src='http://d.yimg.com/ds/badge2.js' type='text/javascript'><data:post.url/></script></div>

5.Now save your template and you are done.It look like this.

Add Google Translate Widget to blogger

Add Google Translate Widget to blogger

How To Add Google Translate Widget to blogger-1

How To Add Google Translate Widget to blogger-2

How To Add Google Translate Widget to blogger-2

How To Add Google Translate Widget to blogger-2

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

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

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

<style> .google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; } .google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; border:0; } .google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; border:0; } </style> <div> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwjycGEnLI/AAAAAAAAA1o/7p6S3-tipsA/English_thumb%5B3%5D.png?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj1AdOWZI/AAAAAAAAA1w/lWUkGNrOFYo/French_thumb%5B5%5D.png?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhW3I3fQLZcL3LZwxjwdF78l88mCUeYdn0YyhyM1O-y-_TGYtGuRGgw101aZPICK1FezrInAXkvLtrmIOISpF1IGKdcN3_zvy6C3XyBmJsRkTBJZayBhyphenhyphenduKVshQPGeAh59n3zbqx9NETG/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO1LVz5zHNAcBiGxBNCMSK6vubdiT6xqXl7uf7Axy4ZtBnMBgXFiLXicqYSKcEBvEzld6f_cLqphHCpvXnSQHDbMer6-2hJYJTWc_D7sAO_QKdy8wdaJv0gCX7qYCnsNaSyicFh0xjS28E/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj-14HeyI/AAAAAAAAA2I/TN52dIqkO9Q/Italian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkBmKewNI/AAAAAAAAA2Q/43NEAnyNo1I/Dutch_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a> <br/><br/> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkESa-0pI/AAAAAAAAA2Y/i0X4cKgxq3g/Russian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkG0osjzI/AAAAAAAAA2g/_kM2A16R_Ho/Portuguese_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqcPssxI5tMsQkI7JZN1-8bKckgJx6qm6oXitEGKzNa5m23ruQOvvEwuDDnhUgEU1lZmIJ-CqoYhltB45kLMFGOiSnoL89nf9FxuyD2YPj23mmw3VydfPjSHOlU9yxTXovpy5vfQih-SqP/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkMouNMKI/AAAAAAAAA2w/L5l6J-Hh8XA/Korean_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkPdkvXBI/AAAAAAAAA24/A1LSG1lcuac/Arabic_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwkSgrv4ZI/AAAAAAAAA3A/jQqZ1l6avts/Chinese-Simplified_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a> </div><div style="font-size:10px;margin:10px 0px 3px 0px"> by : <a href="http://www.blogspottutorial.com">BTF</a> </div>

Now you are done.Look at the picture below.

Credit: I found this tip in www.blogspottutorial.com and bloggertipandtrick.net