Saturday, January 29, 2011

Animated JQuery Link For Blogger

This is about animated JQuery link.visit DEMO

1. Go to your blogger and click "Design" on 
your dashboard and click "Edit HTML"

2. Make sure "Expand Widget Templates" checked.

3. Find these tag  by using Ctrl+F      </head> 

4. Copy below code and paste just before   </head> 


$(document).ready(function() 
  
{ slide(&quot;#sliding-navigation&quot;, 25, 15, 150, .8); }); 
function slide(navigation_id, pad_out, pad_in, time, multiplier) 
{ 
// creates the target paths 
var list_elements = navigation_id + &quot; li.sliding-element&quot;; 
var link_elements = list_elements + &quot; a&quot;; 

// initiates the timer used for the sliding animation 

var timer = 0; 

// creates the slide animation for all list elements 

$(list_elements).each(function(i) { 

// margin left = - ([width of element] + [total vertical padding of element]) 

$(this).css(&quot;margin-left&quot;,&quot;-180px&quot;); 

// updates timer 

timer = (timer*multiplier + time); 

$(this).animate({ marginLeft: &quot;0&quot; }, timer); 
$(this).animate({ marginLeft: &quot;15px&quot; }, timer); 
$(this).animate({ marginLeft: &quot;0&quot; }, timer); }); 

  
  
// creates the hover-slide effect for all link elements    
$(link_elements).each(function(i) { 

 $(this).hover( 

function() 
 { $(this).animate({ paddingLeft: pad_out }, 150); },   
  function() 
{ $(this).animate({ paddingLeft: pad_in }, 150); }); }); 

  } 
  
</script> 
<script type='text/javascript'> 
if (window.jstiming) window.jstiming.load.tick(&#39;headEnd&#39;); 
</script> 

5. Save the template and Go to layout Click page element >> Add a gadget.

6. select "HTML /java script" and copy and paste below code.

<ul id="sliding-navigation"> 
<li class="sliding-element"><a href="Link1">Name1</a></li>    
<li class="sliding-element"><a href="Link2">Name2</a></li>     
<li class="sliding-element"><a href="Link3">Name3</a></li>     
<li class="sliding-element"><a href="Link4">Name4</a></li>  
<li class="sliding-element"><a href="Link5">Name5</a></li> 
<li class="sliding-element"><a href="Link6">Name6</a></li> 
<li class="sliding-element"><a href="Link7">Name7</a></li> 
<li class="sliding-element"><a href="Link8">Name8</a></li> 
<li class="sliding-element"><a href="Link9">Name9</a></li> 
<li class="sliding-element"><a href="Link10">Name10</a></li> 
</ul>

In this code you can see Link its about your URL.
Name is what you put to URL name.

7. Enjoy it
Read More

Submit Your Site Url To Yahoo Search Engine

This mean Anybody search your site from Yahoo search engine.
They will get your site from yahoo search engine.

1. Go to Yahoo and sign in with your yahoo account.


2. Enter your Web site address and click Add My Site.

3. Now add meta tag to your web site and Authenticate your site

 4. You have to copy this meta tag and paste it to your HTML code. Edit HTML code 
      and find Head tag  and after the head tag copy these code and save  template.

5. Now click Ready to Authenticate after click explore
6. After it click submit it for free.

7. After Click Submit a website or web page and put your site URL
    finished it click again Submit site feed and put your feed address
8. Feed address are like this.

(http://blogname.blogspot.com/option). Here option may be one of them:

1.atom.XML
2.rss.XML
3.feeds/comments/default
4.feeds/comments/default?alt=rss
5.feeds/posts/default

9. cheers. you are done.After one or two days your site will add to yahoo search engine.

Read More

How To Submit Your site URL To Bing Search Engine

This is easy  no more steps.

1. Go to  this Bing search 
2. You can see above image. Enter  key characters and Enter URL
    after click submit URL
 3. You are done.




Read More

Animated JQuery Social Bookmark Icon For Blogger

Earlie i wrote some post about social bookmark icons
like twitter facebook.But this one is animated social
bookmark. Try these. visit DEMO

1. Go to your blogger and click "Design" on your dashboard
   and click "Edit HTML"

2. Make sure "Expand Widget Templates" checked.

3. Find these tag  by using Ctrl+F  ]]></b:skin>

4.  Copy below code and paste just before    ]]></b:skin>
 
#sharebox{height:48px;width:400px;margin:0;padding:5px 0;
}ul.sharebox { margin:0px; padding:0px; list-style:none;
position:relative; display:block;}ul.sharebox li { 
float:left; margin:0 0 0 0px; padding:0px; position:absolute;}
ul.sharebox li a { margin:0 0 0 -24px; display:block;}
ul.sharebox li a:hover { margin:0 0 0 -8px; }ul.sharebox li img { border:none;}

5. Find these tag  by using Ctrl+F      </head> 

6. Copy below code and paste just before   </head> 

<script type='text/javascript'>(function($){$.fn.sharebox = function()
{var element = this;$(element).find(&quot;li&quot;).each(function(i)
{$(this).css(&quot;z-index&quot;, 10- i);if (i&gt;0)$(this).css
(&quot;left&quot;, i * 24 + 100);});}})(jQuery);
</script><script type='text/javascript'>$(document).ready(function()
{$(&quot;#sharebox&quot;).sharebox();});</script>

7.  Find these tag  by using Ctrl+F    <data:post.body />

8. Copy and paste this below code after  <data:post.body />   tag

<ul id="sharebox" class="sharebox">
  
  <li><img alt="Share this" src="http://lh6.ggpht.com/_dfnTVAxeWMI/SmkuLMrwEhI/AAAAAAAABm8/SF6x9UfvEJA/s800/sharethis.png" /></li>

  <li><a target="_blank" expr:href="&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title"><img alt="Sumbit to Digg" src="http://lh5.ggpht.com/_dfnTVAxeWMI/Smktud4qk8I/AAAAAAAABmk/z5vZVjTmD7k/s800/digg_48.png" /></a></li>

  <li><a target="_blank" expr:href="&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title"><img alt="Sumbit to StumbleUpon" src="http://lh5.ggpht.com/_dfnTVAxeWMI/SmkuLCBTubI/AAAAAAAABm4/KwVHDJnT-EQ/s800/sumbleupon_48.png" /></a></li>

  <li><a target="_blank" expr:href="&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title"><img alt="Sumbit to Delicious" src="http://lh6.ggpht.com/_dfnTVAxeWMI/SmktubnHpoI/AAAAAAAABmg/b31Po_kEbnc/s800/delicious_48.png" /></a></li>

  <li><a target="_blank" expr:href="&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title"><img alt="Sumbit to Technorati" src="http://lh5.ggpht.com/_dfnTVAxeWMI/SmkuK1y0_cI/AAAAAAAABm0/C8EExNM-xjE/s800/technorati_48.png" /></a></li>

  <li><a target="_blank" expr:href="&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title"><img alt="Sumbit to Reddit" src="http://lh3.ggpht.com/_dfnTVAxeWMI/Smkturrni-I/AAAAAAAABmw/AbGticB0wAs/s800/reddit_48.png" /></a></li>
</ul>

9. Finished.
Read More

Add JQuary Zoom thumbnail Hover

1. Go to your blogger and click "Design" on your dashboard
 and click "Edit HTML"


2. Don't "Expand Widget Templates".Find these tag  by using
 Ctrl+F  </b:skin>

3. Copy below code and paste just before </b:skin>  





ul.thumb {
float: left;
list-style: none;
margin: 0; padding: 10px;
width: 360px;
}
ul.thumb li {
margin: 0; padding: 5px;
float: left;
position: relative;  /* Set the absolute positioning base coordinate */
width: 110px;
height: 110px;
}
ul.thumb li img {
width: 100px; height: 100px; /* Set the small thumbnail size */
-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
border: 1px solid #ddd;
padding: 5px;
background: #f0f0f0;
position: absolute;
left: 0; top: 0;
}
ul.thumb li img.hover {
background:url(http://4.bp.blogspot.com/_p4Te9Li52fs/So9a2fSh2jI/AAAAAAAAAAc/VX0mAW1oYHc/thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect
border: none; /* Get rid of border on hover */
}

4. Find these tag  by using Ctrl+F  </head> 


5. Copy below code and paste just before   </head> 
<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){

//Larger thumbnail preview

$(&quot;ul.thumb li&quot;).hover(function() {
$(this).css({&#39;z-index&#39; : &#39;10&#39;});
$(this).find(&#39;img&#39;).addClass(&quot;hover&quot;).stop()
 .animate({
  marginTop: &#39;-110px&#39;,
  marginLeft: &#39;-110px&#39;,
  top: &#39;50%&#39;,
  left: &#39;50%&#39;,
  width: &#39;174px&#39;,
  height: &#39;174px&#39;,
  padding: &#39;20px&#39;
 }, 200);

} , function() {
$(this).css({&#39;z-index&#39; : &#39;0&#39;});
$(this).find(&#39;img&#39;).removeClass(&quot;hover&quot;).stop()
 .animate({
  marginTop: &#39;0&#39;,
  marginLeft: &#39;0&#39;,
  top: &#39;0&#39;,
  left: &#39;0&#39;,
  width: &#39;100px&#39;,
  height: &#39;100px&#39;,
  padding: &#39;5px&#39;
 }, 400);
});

//Swap Image on Click
$(&quot;ul.thumb li a&quot;).click(function() {

 var mainImage = $(this).attr(&quot;href&quot;); //Find Image Name
 $(&quot;#main_view img&quot;).attr({ src: mainImage });
 return false; 
});

});
</script>

6.Now save the template and go to layout Click page element >> Add a gadget.

7.select "HTML/java script" and copy and paste below code

<ul class="thumb">
<li><a href="#"><img src="picture1 Link" alt="" /></a></li>
<li><a href="#"><img src="picture2 Link" alt="" /></a></li>
<li><a href="#"><img src="picture3 Link" alt="" /></a></li>
<li><a href="#"><img src="picture4 Link" alt="" /></a></li>
<li><a href="#"><img src="picture5 Link" alt="" /></a></li>
</ul>
you can add some picture links

8. After save it. you are done.
Read More

Add Simple Tab View Widget To Blogger (JQuery)

1. Go to your blogger and click "Design" on your 
dashboard and click "Edit HTML"


2. Find these tag  by using Ctrl+F      </head>  


3. Copy below code and paste just before   </head>   






<link href='http://jqueryui.com/latest/themes/base/ui.all.css' rel='stylesheet' type='text/css'/>
<script src='http://jqueryui.com/latest/jquery-1.3.2.js' type='text/javascript'/>
<script src='http://jqueryui.com/latest/ui/ui.core.js' type='text/javascript'/>
<script src='http://jqueryui.com/latest/ui/ui.tabs.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(&quot;#tabs&quot;).tabs();
});
</script>

4. Go to layout Click page element >> Add a gadget.

5. select "HTML /java script" and copy and paste below code.

<div id="tabs">
<ul>
<li><a href="#fragment-1"><span>One</span></a></li>
<li><a href="#fragment-2"><span>Two</span></a></li>
<li><a href="#fragment-3"><span>Three</span></a></li>
</ul>

<div id="fragment-1">

content 1

</div>

<div id="fragment-2">

content 2

</div>

<div id="fragment-3">

content 3</div></div>

6. Finished.save the template.
Read More

How to make "Contact Me Page" JQuery

We cant make Contact Me page as normal page. we have to
do more thing than post.try these step you can make it.

1. Sign up to EmailMeform   and click "Create a new form"

2. If you want you can customize page appearance.after copy
email code.

3. Log to your Blogger and go to Posting>> Edit page.
   Click New Page.

4. Type  Title as "Contact Me" And paste your code to posing area.

5. Click save and Publish Post  and Click view post and go to address bar and copy the link.

6. Now you can make navigation menu as contact me and past the link that URL area.

7.Done.
Read More

Add MAQUEE Text (Animation text) to blogger

You can put <marquee> tag to your blogger.<marquee> tag
mean animation text.you can try below codes.

1.Animation Left to Right
<marquee direction="left">Your text here....</marquee>

This show will like this:

 Your text here....

2. Animation  Right to Left
<marquee direction="right">Your text here....</marquee>


This show will like this:

Your text here....

 3.Animation  Down   to Up
<marquee direction="up">Your text here....</marquee>

This show will like this:


Your text here...
4. Animation  Up  to Down

<marquee direction="down">Your text here....</marquee>


This show will like this:

Your text here....
Read More

Add Adsense Ads Inside Blogger Post

1. Log in to your blogger account and  go to dashboard
    >> Layout >> Edit HTML

2. Check THE "Expand Widget Templates" and find this code



<b:if cond="data:post.includeAd">
<data:adend>
<data:adcode>
<data:adstart>
</data:adstart>
</data:adcode>
</data:adend>
</b:if>

3. Replace above code with this below code.

<b:if cond="data:blog.pageType != &quot;item&quot;">
<b:if cond="data:post.includeAd">
<data:adend> <data:adcode>
<data:adstart>
</data:adstart>
</data:adcode>
</data:adend>
</b:if>
</b:if>

4. Now find  <date:post.body/>   tag. Paste below code after this tag.

<b:if cond="data:blog.pageType == &quot;item&quot;">
<b:if cond="data:post.includeAd">
<data:adend>
<data:adcode>
<data:adstart>
</data:adstart>
</data:adcode>
</data:adend>
</b:if>
</b:if> 

5.done.
Read More

Put Adsense code In Middle blog Post

If you put  adsense code middle in the post, easy to get
click frequently.So it wil help to earn more money.Try these.

1. First of all you have to  parse the code.Go to these link 
     and parse the code.AdParser.

2.After log in to your blogger account and  go to  
 dashboard >> Layout >> Edit HTML

3. Check THE "Expand Widget Templates" and
    find this code by using Ctrl+F
                               <data:post.body/>
4.Now replace above code with this below code.


      <div expr:id='"aim1" + data:post.id'></div>
        <div style="clear:both; margin:10px 0">
           <!-- Your AdSense code here -->
          </div>
             <div expr:id='"aim2" + data:post.id'>
                <data:post.body/></div>

<script type="text/javascript">
var obj0=document.getElementById("aim1<data:post.id/>");
var obj1=document.getElementById("aim2<data:post.id/>");
var s=obj1.innerHTML;
var r=s.search(/x3C!-- adsense --x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>

5. Now save the template. Now put this special code to your every post.
     <!-- adsense -->  this is the place you  want to put your adsense code.
6. Cheers.
Read More

Beautiful JQuery Multi tab Gadget For Blogger

This is Beautiful JQuery Multi tab Gadget.you can try it.

1. Go to blogger dashboard and click Layout and  
click Edit HTML

2. Better to backup your template before editing this. 

3. Press Ctrl+F and find this code      </head>

4. After found the code you can you can copy below code.You have to copy
     it before </head>  this code
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[

eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('(3(C){C.8={3o:{19:3(E,F,H){6 G=C.8[E].1h;21(6 D 3p H){G.1I[D]=G.1I[D]||[];G.1I[D].28([F,H[D]])}},2P:3(D,F,E){6 H=D.1I[F];5(!H){7}21(6 G=0;G<H.k;G++){5(D.b[H[G][0]]){H[G][1].1H(D.c,E)}}}},1l:{},n:3(D){5(C.8.1l[D]){7 C.8.1l[D]}6 E=C(\'<2a 3s="8-3r">\').j(D).n({3q:"3i",2g:"-2A",3g:"-2A",1r:"1w"}).22("2C");C.8.1l[D]=!!((!(/3I|3P/).12(E.n("3z"))||(/^[1-9]/).12(E.n("2T"))||(/^[1-9]/).12(E.n("2E"))||!(/2v/).12(E.n("3w"))||!(/3S|3C\\(0, 0, 0, 0\\)/).12(E.n("3D"))));3E{C("2C").2w(0).3B(E.2w(0))}3x(F){}7 C.8.1l[D]},3y:3(D){C(D).v("1p","2I").n("2q","2v")},3H:3(D){C(D).v("1p","3O").n("2q","")},3Q:3(G,E){6 D=/2g/.12(E||"2g")?"3N":"3M",F=e;5(G[D]>0){7 t}G[D]=1;F=G[D]>0?t:e;G[D]=0;7 F}};6 B=C.2e.W;C.2e.W=3(){C("*",2).19(2).z("W");7 B.1H(2,2M)};3 A(E,F,G){6 D=C[E][F].35||[];D=(1F D=="1E"?D.2h(/,?\\s+/):D);7(C.1j(G,D)!=-1)}C.1i=3(E,D){6 F=E.2h(".")[0];E=E.2h(".")[1];C.2e[E]=3(J){6 H=(1F J=="1E"),I=2D.1h.3J.2P(2M,1);5(H&&A(F,E,J)){6 G=C.i(2[0],E);7(G?G[J].1H(G,I):1n)}7 2.14(3(){6 K=C.i(2,E);5(H&&K&&C.3v(K[J])){K[J].1H(K,I)}o{5(!H){C.i(2,E,3e C[F][E](2,J))}}})};C[F][E]=3(I,H){6 G=2;2.15=E;2.2H=F+"-"+E;2.b=C.1A({},C.1i.1k,C[F][E].1k,H);2.c=C(I).u("1e."+E,3(L,J,K){7 G.1e(J,K)}).u("2j."+E,3(K,J){7 G.2j(J)}).u("W",3(){7 G.1b()});2.23()};C[F][E].1h=C.1A({},C.1i.1h,D)};C.1i.1h={23:3(){},1b:3(){2.c.1q(2.15)},2j:3(D){7 2.b[D]},1e:3(D,E){2.b[D]=E;5(D=="f"){2.c[E?"j":"r"](2.2H+"-f")}},1X:3(){2.1e("f",e)},1P:3(){2.1e("f",t)}};C.1i.1k={f:e};C.8.2J={3h:3(){6 D=2;2.c.u("3d."+2.15,3(E){7 D.2G(E)});5(C.x.13){2.2K=2.c.v("1p");2.c.v("1p","2I")}2.3c=e},38:3(){2.c.16("."+2.15);(C.x.13&&2.c.v("1p",2.2K))},2G:3(F){(2.V&&2.1o(F));2.1C=F;6 E=2,G=(F.39==1),D=(1F 2.b.25=="1E"?C(F.2f).2x().19(F.2f).y(2.b.25).k:e);5(!G||D||!2.2S(F)){7 t}2.1D=!2.b.26;5(!2.1D){2.3a=1x(3(){E.1D=t},2.b.26)}5(2.2m(F)&&2.1T(F)){2.V=(2.1U(F)!==e);5(!2.V){F.3b();7 t}}2.2n=3(H){7 E.2r(H)};2.2l=3(H){7 E.1o(H)};C(2N).u("2O."+2.15,2.2n).u("2t."+2.15,2.2l);7 e},2r:3(D){5(C.x.13&&!D.3j){7 2.1o(D)}5(2.V){2.1V(D);7 e}5(2.2m(D)&&2.1T(D)){2.V=(2.1U(2.1C,D)!==e);(2.V?2.1V(D):2.1o(D))}7!2.V},1o:3(D){C(2N).16("2O."+2.15,2.2n).16("2t."+2.15,2.2l);5(2.V){2.V=e;2.2u(D)}7 e},2m:3(D){7(29.3m(29.2z(2.1C.2L-D.2L),29.2z(2.1C.2s-D.2s))>=2.b.2F)},1T:3(D){7 2.1D},1U:3(D){},1V:3(D){},2u:3(D){},2S:3(D){7 t}};C.8.2J.1k={25:U,2F:1,26:0}})(27);(3(A){A.1i("8.4",{23:3(){2.b.Z+=".4";2.1m(t)},1e:3(B,C){5((/^d/).12(B)){2.1v(C)}o{2.b[B]=C;2.1m()}},k:3(){7 2.$4.k},1Q:3(B){7 B.2R&&B.2R.1g(/\\s/g,"2Q").1g(/[^A-4o-4x-9\\-2Q:\\.]/g,"")||2.b.2X+A.i(B)},8:3(C,B){7{b:2.b,4u:C,30:B,11:2.$4.11(C)}},1m:3(O){2.$l=A("1O:4p(a[p])",2.c);2.$4=2.$l.1G(3(){7 A("a",2)[0]});2.$h=A([]);6 P=2,D=2.b;2.$4.14(3(R,Q){5(Q.X&&Q.X.1g("#","")){P.$h=P.$h.19(Q.X)}o{5(A(Q).v("p")!="#"){A.i(Q,"p.4",Q.p);A.i(Q,"q.4",Q.p);6 T=P.1Q(Q);Q.p="#"+T;6 S=A("#"+T);5(!S.k){S=A(D.2d).v("1s",T).j(D.1u).4l(P.$h[R-1]||P.c);S.i("1b.4",t)}P.$h=P.$h.19(S)}o{D.f.28(R+1)}}});5(O){2.c.j(D.2b);2.$h.14(3(){6 Q=A(2);Q.j(D.1u)});5(D.d===1n){5(20.X){2.$4.14(3(S,Q){5(Q.X==20.X){D.d=S;5(A.x.13||A.x.43){6 R=A(20.X),T=R.v("1s");R.v("1s","");1x(3(){R.v("1s",T)},44)}4m(0,0);7 e}})}o{5(D.1c){6 J=46(A.1c("8-4"+A.i(P.c)),10);5(J&&P.$4[J]){D.d=J}}o{5(P.$l.y("."+D.m).k){D.d=P.$l.11(P.$l.y("."+D.m)[0])}}}}D.d=D.d===U||D.d!==1n?D.d:0;D.f=A.41(D.f.40(A.1G(2.$l.y("."+D.1a),3(R,Q){7 P.$l.11(R)}))).31();5(A.1j(D.d,D.f)!=-1){D.f.3V(A.1j(D.d,D.f),1)}2.$h.j(D.18);2.$l.r(D.m);5(D.d!==U){2.$h.w(D.d).1S().r(D.18);2.$l.w(D.d).j(D.m);6 K=3(){A(P.c).z("1K",[P.Y("1K"),P.8(P.$4[D.d],P.$h[D.d])],D.1S)};5(A.i(2.$4[D.d],"q.4")){2.q(D.d,K)}o{K()}}A(3U).u("3W",3(){P.$4.16(".4");P.$l=P.$4=P.$h=U})}21(6 G=0,N;N=2.$l[G];G++){A(N)[A.1j(G,D.f)!=-1&&!A(N).1f(D.m)?"j":"r"](D.1a)}5(D.17===e){2.$4.1q("17.4")}6 C,I,B={"3X-2E":0,1R:1},E="3Z";5(D.1d&&D.1d.3Y==2D){C=D.1d[0]||B,I=D.1d[1]||B}o{C=I=D.1d||B}6 H={1r:"",47:"",2T:""};5(!A.x.13){H.1W=""}3 M(R,Q,S){Q.2p(C,C.1R||E,3(){Q.j(D.18).n(H);5(A.x.13&&C.1W){Q[0].2B.y=""}5(S){L(R,S,Q)}})}3 L(R,S,Q){5(I===B){S.n("1r","1w")}S.2p(I,I.1R||E,3(){S.r(D.18).n(H);5(A.x.13&&I.1W){S[0].2B.y=""}A(P.c).z("1K",[P.Y("1K"),P.8(R,S[0])],D.1S)})}3 F(R,T,Q,S){T.j(D.m).4k().r(D.m);M(R,Q,S)}2.$4.16(".4").u(D.Z,3(){6 T=A(2).2x("1O:w(0)"),Q=P.$h.y(":4e"),S=A(2.X);5((T.1f(D.m)&&!D.1z)||T.1f(D.1a)||A(2).1f(D.1t)||A(P.c).z("2y",[P.Y("2y"),P.8(2,S[0])],D.1v)===e){2.1M();7 e}P.b.d=P.$4.11(2);5(D.1z){5(T.1f(D.m)){P.b.d=U;T.r(D.m);P.$h.1Y();M(2,Q);2.1M();7 e}o{5(!Q.k){P.$h.1Y();6 R=2;P.q(P.$4.11(2),3(){T.j(D.m).j(D.2c);L(R,S)});2.1M();7 e}}}5(D.1c){A.1c("8-4"+A.i(P.c),P.b.d,D.1c)}P.$h.1Y();5(S.k){6 R=2;P.q(P.$4.11(2),Q.k?3(){F(R,T,Q,S)}:3(){T.j(D.m);L(R,S)})}o{4b"27 4c 4d: 3n 49 4a."}5(A.x.13){2.1M()}7 e});5(!(/^24/).12(D.Z)){2.$4.u("24.4",3(){7 e})}},19:3(E,D,C){5(C==1n){C=2.$4.k}6 G=2.b;6 I=A(G.37.1g(/#\\{p\\}/g,E).1g(/#\\{1L\\}/g,D));I.i("1b.4",t);6 H=E.4i("#")==0?E.1g("#",""):2.1Q(A("a:4g-4h",I)[0]);6 F=A("#"+H);5(!F.k){F=A(G.2d).v("1s",H).j(G.18).i("1b.4",t)}F.j(G.1u);5(C>=2.$l.k){I.22(2.c);F.22(2.c[0].48)}o{I.36(2.$l[C]);F.36(2.$h[C])}G.f=A.1G(G.f,3(K,J){7 K>=C?++K:K});2.1m();5(2.$4.k==1){I.j(G.m);F.r(G.18);6 B=A.i(2.$4[0],"q.4");5(B){2.q(C,B)}}2.c.z("2Y",[2.Y("2Y"),2.8(2.$4[C],2.$h[C])],G.19)},W:3(B){6 D=2.b,E=2.$l.w(B).W(),C=2.$h.w(B).W();5(E.1f(D.m)&&2.$4.k>1){2.1v(B+(B+1<2.$4.k?1:-1))}D.f=A.1G(A.34(D.f,3(G,F){7 G!=B}),3(G,F){7 G>=B?--G:G});2.1m();2.c.z("2V",[2.Y("2V"),2.8(E.2k("a")[0],C[0])],D.W)},1X:3(B){6 C=2.b;5(A.1j(B,C.f)==-1){7}6 D=2.$l.w(B).r(C.1a);5(A.x.4n){D.n("1r","4t-1w");1x(3(){D.n("1r","1w")},0)}C.f=A.34(C.f,3(F,E){7 F!=B});2.c.z("33",[2.Y("33"),2.8(2.$4[B],2.$h[B])],C.1X)},1P:3(C){6 B=2,D=2.b;5(C!=D.d){2.$l.w(C).j(D.1a);D.f.28(C);D.f.31();2.c.z("32",[2.Y("32"),2.8(2.$4[C],2.$h[C])],D.1P)}},1v:3(B){5(1F B=="1E"){B=2.$4.11(2.$4.y("[p$="+B+"]")[0])}2.$4.w(B).4q(2.b.Z)},q:3(G,K){6 L=2,D=2.b,E=2.$4.w(G),J=E[0],H=K==1n||K===e,B=E.i("q.4");K=K||3(){};5(!B||!H&&A.i(J,"17.4")){K();7}6 M=3(N){6 O=A(N),P=O.2k("*:4s");7 P.k&&P.4v(":45(3R)")&&P||O};6 C=3(){L.$4.y("."+D.1t).r(D.1t).14(3(){5(D.1N){M(2).3l().1B(M(2).i("1L.4"))}});L.1y=U};5(D.1N){6 I=M(J).1B();M(J).3k("<2o></2o>").2k("2o").i("1L.4",I).1B(D.1N)}6 F=A.1A({},D.1J,{2U:B,2i:3(O,N){A(J.X).1B(O);C();5(D.17){A.i(J,"17.4",t)}A(L.c).z("2Z",[L.Y("2Z"),L.8(L.$4[G],L.$h[G])],D.q);D.1J.2i&&D.1J.2i(O,N);K()}});5(2.1y){2.1y.3f();C()}E.j(D.1t);1x(3(){L.1y=A.3u(F)},0)},2U:3(C,B){2.$4.w(C).1q("17.4").i("q.4",B)},1b:3(){6 B=2.b;2.c.16(".4").r(B.2b).1q("4");2.$4.14(3(){6 C=A.i(2,"p.4");5(C){2.p=C}6 D=A(2).16(".4");A.14(["p","q","17"],3(E,F){D.1q(F+".4")})});2.$l.19(2.$h).14(3(){5(A.i(2,"1b.4")){A(2).W()}o{A(2).r([B.m,B.2c,B.1a,B.1u,B.18].3G(" "))}})},Y:3(B){7 A.Z.3L({3t:B,2f:2.c[0]})}});A.8.4.1k={1z:e,Z:"24",f:[],1c:U,1N:"3F&#3A;",17:e,2X:"8-4-",1J:{},1d:U,37:\'<1O><a p="#{p}"><2W>#{1L}</2W></a></1O>\',2d:"<2a></2a>",2b:"8-4-3K",m:"8-4-d",2c:"8-4-1z",1a:"8-4-f",1u:"8-4-30",18:"8-4-3T",1t:"8-4-4w"};A.8.4.35="k";A.1A(A.8.4.1h,{1Z:U,4r:3(C,F){F=F||e;6 B=2,E=2.b.d;3 G(){B.1Z=42(3(){E=++E<B.$4.k?E:0;B.1v(E)},C)}3 D(H){5(!H||H.4j){4f(B.1Z)}}5(C){G();5(!F){2.$4.u(2.b.Z,D)}o{2.$4.u(2.b.Z,3(){D();E=B.b.d;G()})}}o{D();2.$4.16(2.b.Z,D)}}})})(27);',62,282,'||this|function|tabs|if|var|return|ui|||options|element|selected|false|disabled||panels|data|addClass|length|lis|selectedClass|css|else|href|load|removeClass||true|bind|attr|eq|browser|filter|triggerHandler|||||||||||||||||||||null|_mouseStarted|remove|hash|fakeEvent|event||index|test|msie|each|widgetName|unbind|cache|hideClass|add|disabledClass|destroy|cookie|fx|setData|hasClass|replace|prototype|widget|inArray|defaults|cssCache|tabify|undefined|mouseUp|unselectable|removeData|display|id|loadingClass|panelClass|select|block|setTimeout|xhr|unselect|extend|html|_mouseDownEvent|_mouseDelayMet|string|typeof|map|apply|plugins|ajaxOptions|tabsshow|label|blur|spinner|li|disable|tabId|duration|show|mouseDelayMet|mouseStart|mouseDrag|opacity|enable|stop|rotation|location|for|appendTo|init|click|cancel|delay|jQuery|push|Math|div|navClass|unselectClass|panelTemplate|fn|target|top|split|success|getData|find|_mouseUpDelegate|mouseDistanceMet|_mouseMoveDelegate|em|animate|MozUserSelect|mouseMove|pageY|mouseup|mouseStop|none|get|parents|tabsselect|abs|5000px|style|body|Array|width|distance|mouseDown|widgetBaseClass|on|mouse|_mouseUnselectable|pageX|arguments|document|mousemove|call|_|title|mouseCapture|height|url|tabsremove|span|idPrefix|tabsadd|tabsload|panel|sort|tabsdisable|tabsenable|grep|getter|insertBefore|tabTemplate|mouseDestroy|which|_mouseDelayTimer|preventDefault|started|mousedown|new|abort|left|mouseInit|absolute|button|wrapInner|parent|max|Mismatching|plugin|in|position|gen|class|type|ajax|isFunction|backgroundImage|catch|disableSelection|cursor|8230|removeChild|rgba|backgroundColor|try|Loading|join|enableSelection|auto|slice|nav|fix|scrollLeft|scrollTop|off|default|hasScroll|img|transparent|hide|window|splice|unload|min|constructor|normal|concat|unique|setInterval|opera|500|not|parseInt|overflow|parentNode|fragment|identifier|throw|UI|Tabs|visible|clearInterval|first|child|indexOf|clientX|siblings|insertAfter|scrollTo|safari|Za|has|trigger|rotate|last|inline|tab|is|loading|z0'.split('|'),0,{}))

//]]>
</script>

<script type='text/javascript'>
//<![CDATA[

$(document).ready(function() {
$('#tabvanilla > ul').tabs({ fx: { height: 'toggle', opacity: 'toggle' } });
$('#featuredvid > ul').tabs();
});

//]]>
</script>

<style type='text/css'>

.widget224 {
width: 350px;
margin: 20px;
padding: 10px;
background: #f3f1eb;
border: 1px solid #dedbd1;
margin-bottom: 15px;
}

.widget224 a {
color: #222;
text-decoration: none;
}

.widget224 a:hover {
color: #009;
text-decoration: underline;
}

.tabnav li {
display: inline;
list-style: none;
padding-right: 5px;
}

.tabnav li a {
text-decoration: none;
text-transform: uppercase;
color: #222;
font-weight: bold;
padding: 4px 6px;
outline: none;
}

.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {
background: #dedbd1;
color: #222;
text-decoration: none;
}

.tabdiv {
margin-top: 2px;
background: #fff;
border: 1px solid #dedbd1;
padding: 5px;
}

.tabdiv li {
list-style-image: url(&quot;http://4.bp.blogspot.com/_4HKUHirY_2U/Su0L8Tzfk1I/AAAAAAAAAHA/z_xSTN6djTA/star.png&quot;);
margin-left: 20px;
}

.ui-tabs-hide {
display: none;
}
</style>

5. If you want change with height and colors and save template.

6. Now go to "Design" on  click "Page Element".

7. Click "Add Gadget " and select "HTML/JavaScript". and copy this below code and paste it.

<div id="tabvanilla" class="widget224">

<ul class="tabnav">
<li><a href="#recent">Recent</a></li>
<li><a href="#tutorial">Tutorial</a></li>
<li><a href="#template">Templates</a></li>
</ul>

<div id="recent" class="tabdiv">

<!--Start Tab 1 Content-->
<ul>
<li><a href="#">How To Add jQuery Tab View Widget To Blogger</a></li>
<li><a href="#">How To Add jQuery Horizontal Sub Navigation to Blogger</a></li>
<li><a href="#">How To Add jQuery 3D Horizontal Link List to Blogger</a></li>
<li><a href="#">How To Add jQuery?s hover() Method To Blogger</a></li>
<li><a href="#">How To Add jQuery Scroll To Top Button To Blogger</a></li>
<li><a href="#">How To Add Syntax Highlighter to Blogger</a></li>
<li><a href="#">How To Add MooTools Link Fading To Blogger</a></li>
</ul>
<!--End Tab 1 Content-->

</div>


<div id="tutorial" class="tabdiv">

<!--Start Tab 2 Content-->
<ul>
<li><a href="#">HTML Tutorials </a></li>
<li><a href="#">CSS Tutorials </a></li>
<li><a href="#">JAVA Script Tutorials </a></li>
<li><a href="#">PHP Tutorials </a></li>
<li><a href="#">SQL Tutorials </a></li>
<li><a href="#">DREAMWEAVER Tutorials </a></li>
<li><a href="#">JAVA Tutorials </a></li>
<li><a href="#">Flash Tutorials </a></li>
<li><a href="#">Photoshop Tutorials </a></li>
<li><a href="#">3D Max Tutorials </a></li>
<li><a href="#">MAYA Tutorials </a></li>

</ul>
<!--End Tab 2 Content-->


</div>

<div id="template" class="tabdiv">

<!--Start Tab 3 Content-->
<ul>
<li><a href="#">1 Column Blogger Templates</a></li>
<li><a href="#">2 Column Blogger Templates</a></li>
<li><a href="#">3 Column Blogger Templates</a></li>
<li><a href="#">4 Column Blogger Templates</a></li>
<li><a href="#">Premium Blogger Templates</a></li>
<li><a href="#">Magazine Style Blogger Templates</a></li>
<li><a href="#">Adsense Ready Blogger Templates</a></li>
<li><a href="#">Fixed Width Blogger Templates</a></li>
</ul>
<!--End Tab 3 Content-->

</div>

</div>
8. Save it and see how it nice.
Read More

How To Show Blog Post Title First On Search Engine

I have 2 ways,
  • Only Blog Post Title
  • Blog Post Title+Blog Title                       
1. Go to blogger dashboard and click Layout and 
   click Edit HTML

2. Better to backup your template before editing this. 


3. Press Ctrl+F and find this code      <title><data:blog.pageTitle/></title>

4. If you want only Blog Post Title replace the above code with this code.

<b:if cond='data:blog.pageType == &quot;index&quot;'>

<title><data:blog.title/></title>

<b:else/>

<title><data:blog.pageName/></title>

</b:if>

5. If you want only Blog Post Title+Blog Title replace the above red code with this code.

<b:if cond='data:blog.pageType == &quot;index&quot;'>

<title><data:blog.pageTitle/></title>

<b:else/>

<title><data:blog.pageName/> ~ <data:blog.title/></title>

</b:if>

6. This will help you to get more traffic to your site.
Read More

Add Retweet,Tweet Buttons To Blogger

These buttons also more useful to share your post with twitter.
1. Go to blogger dashboard and click Layout and click 
 Edit HTML."Expand Widget Templates"

2. Better to backup your template before editing this. 

3. Press Ctrl+F and find this code    <div class='post-header-line-1'/>

4. Copy this below code after earlier red code
<script type="text/javascript">

tweetmeme_url = '<data:post.url/>';

</script>

<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"> </script>
5. Now save your template.you are done.
Read More

Facebook Share Button To Blogger 2

Another Facebook share button for  blogger

1. Sign In to your blogger and click "Design" on your
 dashboard and click "Edit HTML"

2. Find this code by using Ctrl+F 
    <div class='post-header-line-1'/>

3.After found the code you can choose below 
   share button code and 
   paste it after the red code.

Button :1
  


 <div style='float:right; margin-left:10px;'>
      <script src="http://widgets.fbshare.me/files/fbshare.js"></script></div>


Button :2



<div style="float:right;padding:4px;">
    <a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/> <script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php   /js/FB.Share"/> </div>


Button :3




<div style='float:right; margin-left:10px;'>
<script>var fbShare = {url: 'your site URL/',size: 'small',
google_analytics: 'true'}</script><script src="http://widgets.fbshare.me/files/fbshare.js"
                                             ></script></div>


4: After copy that code, save your template.you are done.
Read More

Share Bookmark For Blogger

This is also Social bookmark buttons.Easy to share your
  post with others.



1. Now log to your blogger and navigate to Layout > Edit HTML and expand Widget Templates

2. Find this code by using Ctrl+F     <data:post.body/>

3. After found the code,paste below code after this red code.
<b>Share this post :</b><br/>

<div class='spacer' style='border-top:solid 0px #DEDEDE;'/>

<table bgcolor='#ffffff' border='0' cellpadding='0' cellspacing='0' width='100%'>

<tr>

<td valign='top' width='50%'><table border='0' cellpadding='0' cellspacing='0' width='222'>

<tr>

<td height='24' width='24'><img border='0' height='16' 
src='http://4.bp.blogspot.com/_ar9PeTUrwMY/SnmMldgnvuI/AAAAAAAAAv4/FhIAkFW-ZTw/facebook.png'
 width='16'/></td>

<td height='24'><a 
expr:href='&quot;http://www.facebook.com/sharer.php?&amp;u=&quot;
 + data:post.url' target='_blank'>Share on Facebook</a>

</td>

</tr>

<tr>

<td height='24'><img border='0' 
src='http://2.bp.blogspot.com/_ar9PeTUrwMY/SnmM69WzUkI/AAAAAAAAAww/6b8npnF677I/twitter.png'/></td>

<td height='24'><a 
expr:href='&quot;http://twitthis.com/twit?url=&quot; + 
data:post.url' rel='external nofollow' target='_blank'>Share on 
Twitter</a>

</td>

</tr>

<tr>

<td height='24'><img border='0' height='16' 
src='http://3.bp.blogspot.com/_ar9PeTUrwMY/SnmM0Ze235I/AAAAAAAAAwg/jMLPYyDdCSs/stumble.png'
 width='16'/></td>

<td height='24'><a 
expr:href='&quot;http://www.stumbleupon.com/submit?&amp;url=&quot;
 + data:post.url + &quot;&amp;title=&quot; + 
data:post.title' rel='nofollow' target='_blank'>Share on 
StumbleUpon</a></td>

</tr>

<tr>

<td height='24'><img border='0' height='16' 
src='http://4.bp.blogspot.com/_ar9PeTUrwMY/SnmMf-cBJuI/AAAAAAAAAvo/WFFPRRl9dcg/delicious.png'
 width='16'/></td>

<td height='24'><a 
expr:href='&quot;http://del.icio.us/post?v=4&amp;url=&quot; +
 data:post.url + &quot;&amp;title=&quot; + data:post.title' 
rel='nofollow' target='_blank'>Share on 
Delicious</a></td>

</tr>

<tr>

<td height='24'><img border='0' height='16' src=' 
http://2.bp.blogspot.com/_ar9PeTUrwMY/SnmMxLWOeMI/AAAAAAAAAwY/ca4HSlHFtZ0/reddit.png'
 width='16'/></td>

<td height='24'><a 
expr:href='&quot;http://reddit.com/submit?&amp;url=&quot; + 
data:post.url + &quot;&amp;title=&quot; + data:post.title' 
rel='nofollow' target='_blank'>Share on Reddit</a>

</td>

</tr>

</table></td>

<td valign='top' width='50%'><table border='0' cellpadding='0' cellspacing='0' width='222'>

<tr>

<td height='24' width='24'><img border='0' height='16' 
src='http://4.bp.blogspot.com/_ar9PeTUrwMY/SnmMitkOefI/AAAAAAAAAvw/mQdgqyJVhvY/digg.png'
 width='16'/></td>

<td height='24'><a 
expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;
 + data:post.url + &quot;&amp;title=&quot; + 
data:post.title' rel='nofollow' target='_blank'>Share on 
Digg</a></td>

</tr>

<tr>

<td height='24'><img border='0' height='16' 
src='http://4.bp.blogspot.com/_ar9PeTUrwMY/SnmMrmsi0LI/AAAAAAAAAwI/XMLDq5_baKE/icon_sb_sim22.gif'
 width='16'/></td>

<td height='24'><a 
expr:href='&quot;http://www.simpy.com/simpy/LinkAdd.do?href=&quot;
 + data:post.url' rel='nofollow' target='_blank'>Share on 
simpy</a></td>

</tr>

<tr>

<td height='24'><img border='0' height='16' 
src='http://1.bp.blogspot.com/_ar9PeTUrwMY/SnmM30PqK4I/AAAAAAAAAwo/R1FhGrjnPas/technorati.png'
 width='16'/></td>

<td height='24'><a 
expr:href='&quot;http://technorati.com/signup/?f=favorites&amp;Url=&quot;
 + data:post.url' rel='nofollow' target='_blank'>Share on 
Technorati</a></td>

</tr>

<tr>

<td height='24'><img alt='furl' border='0' height='16' 
src='http://3.bp.blogspot.com/_ar9PeTUrwMY/SnmMuTMm4BI/AAAAAAAAAwQ/_gbDQBFQtN4/images2.jpg'
 width='16'/></td>

<td height='24'><a 
expr:href='&quot;http://www.furl.net/storeIt.jsp?&amp;u=&quot;
 + data:post.url' rel='nofollow' target='_blank'>Share on 
furl</a>

</td>

</tr>

<tr>

<td height='24'><img alt='Feeds RSS' border='0' height='16' 
src='http://1.bp.blogspot.com/_ar9PeTUrwMY/SnmMoqVfTiI/AAAAAAAAAwA/Yfpcn-FPGaU/feed.png'
 width='16'/></td>

<td height='24'><a href='http://feeds2.feedburner.com/feed39' target='_blank'>Subscribe to Feeds RSS</a>

</td>

</tr>

</table></td>

</tr>

</table>

4. Save the template.Now you are done.
Read More

Social Bookmark Buttons For Blogger

This gadget helps to put social bookmark button collection to blogger.

1. Now log to your blogger and navigate to Layout > 
Edit HTML and expand Widget Templates

2. Find this code by using Ctrl+F       <data:post.body/>

3. Copy these code after there red code

<div style='clear:both; '>

<div style='width:60px; float:left;'>

<script type='text/javascript'>

digg_url = &#39;<data:post.url/>&#39;;

</script>

<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>

</div>

<div style='width:60px; float:left;'>

<script badgetype='square' 
src='http://d.yimg.com/ds/badge2.js' 
type='text/javascript'><data:post.url/></script>

</div>

<div style='width:65px; float:left;'>

<a 
expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + 
data:post.url + &quot;&amp;title=&quot; + data:post.title' 
rel='external nofollow' target='_blank'><img alt='Stumble' 
src='http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/stumble.gif'
 style='padding:0;margin:0;border:none;'/></a>

</div>

<div style='width:65px; float:left;'>

<a 
expr:href='&quot;http://del.icio.us/post?url=&quot; + 
data:post.url + &quot;&amp;title=&quot; + data:post.title' 
rel='external nofollow' target='_blank'><img alt='Delicious' 
src='http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/delicious.gif'
 style='padding:0;margin:0;border:none;'/></a>

</div>

<div style='width:65px; float:left;'>

<a 
expr:href='&quot;http://technorati.com/faves?add=&quot; + 
data:post.url' rel='external nofollow' target='_blank'><img 
alt='Technorati' 
src='http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/technorati.gif'
 style='padding:0;margin:0;border:none;'/></a>

</div>

<div style='width:65px; float:left;'>

<a 
expr:href='&quot;http://twitthis.com/twit?url=&quot; + 
data:post.url' rel='external nofollow' target='_blank'><img 
alt='Twitter' 
src='http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/twitter.gif'
 style='padding:0;margin:0;border:none;'/></a>

</div>

<div style='width:65px; float:left;'>

<a 
expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + 
data:post.url + &quot;&amp;t=&quot; + data:post.title' 
rel='external nofollow' target='_blank'><img alt='Facebook' 
src='http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/facebook.gif'
 style='padding:0;margin:0;border:none;'/></a>

</div>

</div>

4. Now you are done.
Read More

How To Add Text Box For Posting Area

This post will help you to put text box.specially posting
code,can use the text box.

1. Editable Text box
                                   <textarea rows="3" cols="10">
                                            Your Text Here
                                            </textarea>

2. Read only text box
                                       
          <textarea rows="5" cols="20" name="Privacy Policy" readonly="readonly">
                                                   Your text here
                                                    </textarea>

3.Link Text box

            <textarea rows="5" cols="20" name="Link To Blog" readonly="readonly">
                                        Your HyperLink Code Here
                                                  </textarea>

Enjoy it.
Read More

Add Meta Tag For Blogger

Meta tag is a important Search Engine Optimization.
It help to make a good traffic rank to your website.
If you use accurately as meta tag it will try to bring
your page as first page.

 1.This is your meta code.first of all you have to edit this.


              <meta content='DESCRIPTION HERE' name='keywords'/>
              <meta content='KEYWORDS HERE' name='description'/>
              <meta content='AUTHOR NAME HERE' name='author'/>


 *DESCRIPTION HERE - mean description about your site.
 *KEYWORDS HERE    -Keyword that describe your blog most.
 *AUTHOR NAME HERE - Your name or blogger name.


2. Now log to your blogger and navigate to Layout > Edit HTML and expand Widget Templates

3. Find this code by using Ctrl+F    <b:include data='blog' name='all-head-content'/>

4. After found above code,paste meta tag after this code.

5. Now finished. you are done.


Read More

SEO Tools For Increase Visitors

This is a blogger hack.It change the title to the following 
attractive format Post Title + Blog Title.
This hack will help to  optimize the blog title for Search 
Engines like google yahoo.so you can increase your visitors.
It will take some time to change this format.Try this hack.




1. Now log to your blogger and navigate to Layout > 
Edit HTML and expand Widget Templates


2. Find this code by using Ctrl+F        <title><data:blog.pageTitle/></title>

3. Replace with this code.

<!-- Start www.bloggertrix.com: Changing the Blogger Title Tag -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>
<!-- End 
www.bloggertrix.com
: Changing the Blogger Title Tag -->

4.Done. Now save the template.
Read More

SEO Tips for blogger

Search Engine Optimization

Here is some tips about SEO

1. Use meta tags
      I have seen many blogger sites using same
meta tags.you should never use
      duplicate meta tags  i think better  to use
new meta tags. if you can try b:if conditions.

2.Use all tags for image.when u use image try to add alt tags.like <img src="imageurl" alt=".

3.Don't add additional meta tag like ROBOT.Blogger automatically  does some SEO for it.
   Every Blogger has got robot.txt files.

4.Don,t add achieve widget.if we do it will display more links.so it will not friendly to search Engine.

5. Don't put too much page on home page.because many pages will have similar content.

6. You have to put feed links.like social bookmarking site.like facebook,twitter,google buzz.digg.

7. Submit a site map to google webmaster tools.

8.Use title tag hack.

9.Get back link.get a more link to your site from your friends.  

10.Submit your blog directories.
Read More

Facebook Share Button To Blogger

This button also similar to Reweet button.you can see the
count also,how many times shared your post.
I have 2 button style(full and compact). You can choose 1
 and copy the code.

Full






<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>  
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Compact



 <div style="float:left;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>  
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>


1. Log to your blogger and navigate to Layout > Edit HTML.Make sure checked  
    “Expand  widget templates”
2. Find this code by using Ctrl+F     <div class='post-header-line-1'/>

3.After that copy above code,what you choose and paste it.

4.Save template. now you are done.
Read More

Adding Signature To your Post

In this post you can learn how to put signature for your
 post.First of all you have to make your signature from
any photo editing software.After made it you have to
upload it and get the link. you can do it from
/http://img97.imageshack.us/ after the upload you can
 get the link.(choose direct link).

1. Now log to your blogger and navigate to  
Layout > Edit HTML and expand Widget Templates

2. Find this code by using Ctrl+F     
                                                 <div class='post-footer-line post-footer-line-1'>

             If cant find try this                                               
                        <p class='post-footer-line post-footer-line-1'>

                    Or

                        <data:post.body/>



3. Copy these code you below found


 <img src='url_of_your_signature_image' style='border:0px;'/>
4.Copy your image link replace with ,what i marked as red color.

5.Done.
Read More

Remove Quick Edit And wrench On Blogger

If you remove Edit And  wrench it will help to reduce link
 your blogger and make more friendly in search Engine.
After remove this you will no longer to see quick edit pencil.


1. Log to your blogger and navigate to  
    Layout > Page Element

2.Click Edit Button on the blog post gadget.Uncheck the 
show quick editing and save it.
3. Now Go to Layout > Edit HTML make sure clicked the Expand your Widget Templates.

4. Find these code by using Ctrl+F           <b:include name='quickedit'/>

5. Replace that all Occurrences code with this code.           <!--b:include name='quickedit'/-->

6. You are done.now save the template.


How to back that Gadget ?

You can follow reverse process.

1. Log to your blogger and navigate to Layout > Page Element

2.Click Edit Button on the blog post gadget.check the show quick editing and save it.

3. Now Go to Layout > Edit HTML make sure clicked the Expand your Widget Templates.

4. Find these code by using Ctrl+F     <!--b:include name='quickedit'/-->

5. Replace that all Occurrences code with this code.           <b:include name='quickedit'/>

6.done.
Read More

How To Remove Blogger Navigation Bar Completly

Blogger have default navigation bar.If we use third party
template Blogger navigation bar will hide.so you can
remove it correctly.


1. Log to your blogger and navigate to Layout > Edit HTML

2. Find this code by using Ctrl+F         <body>

3. Paste this code above that            <!--<body>-->

4. Now Click save. you will see like this warning.

5.  Now Click "Delete Widgets". navigation bar will completely remove.



Read More

Easy Way To see My Blog Status

You can see Easily your blogger status. no need any gadget
or software.its keep visitors counter,page counter,


1.Your blogger dashboard you cans see Stats

2. Now you can see status link next to your blog.click it.



Enjoy it.
Read More

Facebook Like button For Every post

This like button also helps to  share your post with your
facebook friends.its good way to increase your blog readers
.you can know how may people like your post also.you can
 follow below step to put like button.


1. Go to your blogger and click "Design" on your dashboard and click "Edit HTML".

2. Make sure "Expand Widget Templates" check box is marked.

3. Find this code by using  Ctrl+F     <data:post.body/>

4. Paste this below code after found above code.

<b:if cond='data:blog.pageType == &quot;item&quot;'><div><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/></div>
</b:if>

5. Now you can see like button in your each post.
Read More

Use Bit.ly To Make Short Url for Blogger Post

This post will help to make short Url for your each post.
For example click this
link http://bit.ly/eICeNJ .You will end up right back this 
site.you can make like this link for your each post.I think
 it will more easy to share with others.If u interesting with
this  put it to your blogger.


1. Go to your blogger and click "Design" on your dashboard
    and click "Edit HTML".

2. Make sure "Expand Widget Templates"put as check mark.

3. Find these code by using  Ctrl+F          </head>
            and add the following JavaScript Snippet just above that 

<script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&amp;login=tweettrackjs&amp;apiKey=R_7e9987b2fd13d7e4e881f9cbb168f523' type='text/javascript'/>
<script src='http://blogger-plugins.googlecode.com/files/bloggerplugins.org.bit.ly.short.url.generator.js' type='text/javascript'/>
 
 
 

4.  Now locate again

<p class='post-footer-line post-footer-line-3'>
  If not 
<div class='post-footer-line post-footer-line-3'> 
     If not
                  <data:post.body/>  
 
5. Replace the code with following code. now you can see Shareable url below your post. 
            
Read More