How to add Author Name after Blog Posts

Author name is one of the best ways to give some acknowledgment towards the article publisher. Most of the coffee quality template developers like Templateism and Themeforest always includes author names inside their author box design by default. Recently, one of our readers wrote an email asking about how to display author name within blogger posts, so it could help users to know that exactly who actually wrote this post. In this article, we will show you the way to display author name in Tumblr posts.

Blogger collects the data on the author from your blogger profile just in case you haven’t connected your Google+ account with Blogger. If you haven’t connected your profile you'll be able to change the name of ones blogger account. Whenever that publisher will be auto publish the blog posts, this display name will appear as the name of the author.

How to Add Author Box?

Open Blogger.com choose blog where you want to add this awesome author info box. Now goto Template>edit and then press (CTRL+F) and search for <data:post.body/>. Now just paste the bellow code after this tag.

<span class='author_mbl'>By: <a expr:href='data:post.authorProfileUrl'> <data:post.author/></a>  </span>

Congratulations:Now keep your template by pressing the orange “Save Button” present at the very top of the your personal computer screen. Great, now go to your any blog posts and check your site results. If you are followed my all the steps correctly, then this author names of your posts would seem just fine.We hope this post possesses helped you in learning tips on how to display author name in Doodlekit Posts. Though, this technique is exceedingly simple, but few folks fight understand. This blog post about add author box might also help template developers who wish to automate the author names into their templates. Do let us determine what are your thought about this system, if you are already using it this piece of code and then share your quality opinions around.

Read more ...

IP Address Finder Widget

Hi Friends today i am going to share IP Address finder. Just copy the HTML source code shown below and put it on your website and blogger. This service is  free for personal use.

Go to your Blogger > Dashboard

Select Layout tab.

Click on "Add a Gadget" then select "HTML/JavaScript" Gadget.

 Now Copy the below code and paste it in "HTML/JavaScript" Gadget and Save it.

Live Demo   125x125 pixel

<a href="http://tricksteacher.blogspot.com/2013/06/ip-address-finder-widget.html"><img src="http://www.wieistmeineip.de/ip-address?size=125x125" border="0" width="125" height="125" alt="IP" /></a>

  468x60 pixel

     <a href="http://tricksteacher.blogspot.com/2013/06/ip-address-finder-widget.html"><img src="http://www.wieistmeineip.de/ip-address/?size=468x60" border="0" width="468" height="60" alt="IP" /></a>

Read more ...

Add Facebook Send Button For Blogger And Website

Today i am going to share how you can add Facebook send button. Facebook Send button helps people to share interesting stuff with all their friends, This wedgie increase your traffic and make back link.

How To Add Facebook Send Button In Blogger and website.

    Go To Blogger > Design > Edit HTML
    Search for <data:post.body>

Pastt the code below just above <data:post.body>

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:send href="" font="verdana"></fb:send>

save it and enjoy

Read more ...

How Ro Add Eye-Catching Blockquote With Hover Effects In Your Blog website

Today i am going to share Blockquote for blogger and website.  Created Simple Css Codes For a Blockquote. This Blockquote Highlighter Is quite Nice And Eye-Catching.

How to add CSS Style Sheet in Blogger Template:
  Go to Blogger
  select  Template
  EDIT HTML

And now Search For ]]></b:skin> With CTRL+F

  After you find ]]></b:skin> just above it paste the following coding

Live Demo

/*****************************************
TricksTeacher blockquote
******************************************/
.post blockquote
{
font-size: 15px;font-family: Verdana;font-weight: normal;font-style:italic;
background-color: #F2F1F1;
color: #000;
margin: 5px 10px;
padding: 20px 20px 20px 20px;
border: 2px dotted lightgrey;
border-radius: 10px;
box-shadow: -1px -1px 12px 2px gainsboro;
transition: background-color .777s;
-webkit-transition: background-color .777s;
-moz-transition: background-color .777s;
-o-transition: background-color .777s;
-ms-transition: background-color .777s;
}
.post blockquote:hover
{
background-color: darkgreen ;
color: #fff;
}
.post blockquote:active
{
background-color: CornflowerBlue ;
color: #000;
}

save your template and enjoy

Read more ...

How To Add Color Gamut To Blog Links For Rainbow Effect

I am going to share how to add rainbow effect on blog links but the main concept is to add rainbow effect  which use  different color gamut. Its not actually rainbow because it shows only 4 to 5 color instead 7. Rainbow effect make your blog little attractive that can convert a dull or text base blog.

Go to blogger.com Template

Now find ]]></b:skin> by Pressing 

Ctrl + F

 And Paste the below code after/below ]]></b:skin>

<script type='text/javascript'>
//<![CDATA[
var rate = 5;
if (document.getElementById)
window.onerror=new Function("return true")
var objActive;
var act = 0;
var elmH = 0;
var elmS = 128;
var elmV = 255;
var clrOrg;
var TimerID;
if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}
function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}
if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function ChangeColor()
{
objActive.style.color = makeColor();
}
function makeColor()
{
// Rainbow widget by www.tricksteacher.blogspot.com//
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}
elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB;
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
return '#' + elmR + elmG + elmB;
}
//]]>
</script>

Now save your template and enjoy :)

Read more ...

Popup Facebook Like, Adsense Ad, Twitter follow, Email Subscribe Box Widget For Blogger

Hi Friends today i am going to share that how to use Scrolling Popup Facebook Like, Adsense Ad, Twitter follow, Email Subscribe Box  Widget for Blogger and this widget will increase your facebook like, twitter follow, subscribe for  your blog and increase your traffic.too
 its is very powerful.

Go to your Blogger > Dashboard

Select Layout tab.

Click on "Add a Gadget" then select "HTML/JavaScript" Gadget.

 Now Copy the below code and paste it in "HTML/JavaScript" Gadget and Save it.

<style type='text/css'>
#bloggerspiceFBpop {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#FEFEFE;font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#bloggerspiceFBpop a.bsclose {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#000000;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:25px;
cursor:pointer;
}
</style>
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top
$('#bloggerspiceFBpop').animate({top:"50px"}, 1000);
// Widget by www.tricksteacher.blogspot.com
$('a.bsclose').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='bloggerspiceFBpop'>
<!-- Widget by www.tricksteacher.blogspot.com Start -->
<center><b><a class="BloggerSpice">Don't Forget To Join With Our Community</a></b></center>
<center>
Add Your Code
</center>
<!-- Widget by www.tricksteacher.blogspot.com End -->
<a class='bsclose' href='#'>&times;</a>
<center style="float:right; margin-right:10px;"><span style="font-size:xx-small; color:#000; text-decoration:none;">+Get this at</span></center></div><a target='_blank' style="font-size:xx-small; color:#3B78CD; text-decoration:none;" href="http://tricksteacher.blogspot.com/2013/06/popup-facebook-like-adsense-ad-twitter.html">Blogger Spice</a></center>
</div>

 Change Add Your Code with your code
 

Read more ...

How To Add Flipper Sharing Widget Below Every Post In Blogger

Hi Friends , Today i am going to share about how to add flipper sharing widget below every post in your blogger and website. This widget make your  backlinks for sites and  increase your traffic.

 How To Add Flipper Sharing Widget Below Every Post In Blogger

    Go To Blogger.com > Design > Edit Html

    Find <data:post.body/> Using 

CTRL+F

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

      <style>

        /*--------TricksTeacher Flipper Sharing Widget ------*/

        .flipper a {

        display:block;

        height:48px;

        width:48px;

        padding:0 4px;

        float:left;

        background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5HtE-ri47oRFVt64ne9zhOALP80nWW9gQJa9DjdXhgPg-jWmkmbUBSTGh5LvpUiLpjXVJxBV-tL0jgfyZSS64v3QAbNam5wglYMkAklDC3469MTxGLuuPQTaNG0Vcdtqrn85dXwN61JzD/s1600/tricksteacher.png) no-repeat;

        -webkit-transition: ease-in 0.15s all; 

        -moz-transition: ease-in 0.15s all; 

        -o-transition: ease-in 0.15s all; 

        -ms-transition: ease-in 0.15s all; 

        transition: ease-in 0.15s all;

        cursor:pointer;

        }


        .flipper a.googleplus {

        background-position: 0px -348px;

        }

        .flipper a.googleplus:hover {

        background-position: 0px -406px;

        }


        .flipper a.pinterest {

        background-position: 0px -464px;

        }

        .flipper a.pinterest:hover {

        background-position: 0px -522px;

        }


        .flipper a.delicious {

        background-position: 0px 0px;

        }

        .flipper a.delicious:hover {

        background-position: 0px -58px;

        }

        .flipper a.digg {

        background-position: 0px -116px;

        }

        .flipper a.digg:hover {

        background-position: 0px -174px;

        }

        .flipper a.stumbleupon {

        background-position: 0px -812px;

        }

        .flipper a.stumbleupon:hover {

        background-position: 0px -870px;

        }

        .flipper a.technorati {

        background-position: 0px -928px;

        }

        .flipper a.technorati:hover {

        background-position: 0px -406px;

        }

        .flipper a.twitter {

        background-position: 0px -928px;

        }

        .flipper a.twitter:hover {

        background-position: 0px -986px;

        }

        .flipper a.facebook {

        background-position: 0px -232px;

        }

        .flipper a.facebook:hover {

        background-position: 0px -290px;

        }

        .flipper a.reddit {

        background-position: 0px -580px;

        }

        .flipper a.reddit:hover {

        background-position: 0px -638px;

        }

        .flipper a.rss {

        background-position: 0px -696px;

        }

        .flipper a.rss:hover {

        background-position: 0px -754px;

        }


        .Pleaseshare{

        margin:10px 0px;

        color:#333333;

        font-weight:bold;

        font-size:20px;

        font-family:sans-serif;

        }

        </style>


        <div class='flipper'>

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

        <div class="Pleaseshare">

        Please Share it! :) </div>


        <!--Google Plus-->

        <a class='googleplus' expr:href='&quot;http://plus.google.com/share?url=&quot; + data:post.url' rel='external nofollow' target='_blank' title='+1 it :&gt;'/>


        <!--Facebook-->

        <a class='facebook' 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' title='Share this on Facebook :&gt;'/>


        <!-- Twitter -->

        <a class='twitter' expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Tweet this :&gt;'/>


        <!-- Pinterest -->

        <a class='pinterest'  href="http://pinterest.com/" rel='external nofollow' target='_blank' title='Pin it :&gt;'/>


        <!-- Delicious -->

        <a class='delicious' 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' title='Add this to Delicious :&gt;'/>


        <!--DIGG-->

        <a class='digg' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;  + data:post.url' rel='external nofollow' target='_blank' title='Digg this :&gt;'/>

        <!--Stumble-->

        <a class='stumbleupon' 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' title='Stumble this :&gt;'/>


        <!-- Reddit -->

        <a class='reddit' expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Add this to Reddit :&gt;'/>

        <!--RSS -->

        <a class='rss' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='Bookmark plz :&gt;'/>

        </b:if></div>

        <div style="clear:both"/>

Then save it and enjoy :)

Read more ...

Add A Horizontal Ribbon Menu With Hover Effect

Hello Friends. Today we are going to publish about a horizontal ribbon menu with hover effect.
Horizontal menu are the most necessary part of our blog.Now a days every bloggers are wanting to make his blog looks professional and for those bloggers this menu is better. This horizontal ribbon menu is created by fully CSS3 without using JavaScript and no any images uses so this menu is not effecting in your blog speed.It's hover effect is cool.


Add It On Your Blog


    Log In To Blogger.com
    Select To Layout And Add A Gadget
    Select HTML/JavaScript And Paste It Inside The Box.

Live Demo

<style>

.TricksTeacher-ribmenu span {
    background:#A81B6A;
    display:inline-block;
    font-family:verdana;

    line-height:3em;
    padding:0 1em;
    margin-top:0.5em;
    position:relative;
      -webkit-transition: background-color 0.2s, margin-top 0.2s;  /* Saf3.2+, Chrome */
    -moz-transition: background-color 0.2s, margin-top 0.2s;  /* FF4+ */
    -ms-transition: background-color 0.2s, margin-top 0.2s;  /* IE10 */
    -o-transition: background-color 0.2s, margin-top 0.2s;  /* Opera 10.5+ */
    transition: background-color 0.2s, margin-top 0.2s;
}
.TricksTeacher-ribmenu a:hover span {
    background:#FFD204;
    margin-top:0;

}
.TechBlogGuide-ribmenu span:before {
    content: "";
    position:absolute;
    top:3em;
    left:0;
    border-right:0.5em solid #9B8651;
    border-bottom:0.5em solid #fff;
}

.TricksTeacher-ribmenu span:after {
    content: "";
    position:absolute;
    top:3em;
    right:0;
    border-left:0.5em solid #9B8651;
    border-bottom:0.5em solid #fff;
}
.TricksTeacher-ribmenu a:link, .TricksTeacher-ribmenu a:visited {
    color:#000;
    text-decoration:none;
    float:left;
    height:3.5em;
    overflow:hidden;
}
.TricksTeacher-ribmenu:after, .TricksTeacher-ribmenu:before {
    margin-top:0.5em;
    content: "";
    float:left;
   border: 1.5em solid #A81B6A;
}
.TricksTeacher-ribmenu:after {
    border-right-color:transparent;
}

.TricksTeacher-ribmenu:before {
    border-left-color:transparent;
}
</style>

<div class='TricksTeacher-ribmenu'>
    <a href='#'><span>Home</span></a>
    <a href='#'><span>TricksTeacher</span></a>
    <a href='#'><span>Tricks</span></a>
    <a href='#'><span>jQuery</span></a>
    <a href='#'><span>CSS</span></a>
  
</div>

    Replace All The "#" With Your Own Blog Link.
    Now Save It And Enjoy

Read more ...

Add 8 Cool Dancing Twitter Bird On Your Blog And Website

Today i am going to share about adding  cool dancing twitter bird on your blog and 8 different style. twitter widgets which help to increase your blog traffic via twitter



�Go To Blogger Dashboard

�Select Layouts

�Add A Gadget

�Select HTML/JAVASCRIPT

 And Past The Below Code

<object type="application/x-shockwave-flash" data="http://www.twpics.com/BUTTON3/twitbutton.swf" width="100" height="100"><param name="movie" value="http://www.twpics.com/BUTTON3/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=primalgoyal"></param><a href="http://tricksteacher.blogspot.com" title="http://tricksteacher.blogspot.com">http://tricksteacher.blogspot.com</a><embed src="http://www.twpics.com/BUTTON3/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="100" height="100" menu="false" wmode="transparent" flashvars="username=primalgoyal"></embed></object> 

<object data="http://www.twpics.com/BUTTON6/twitbutton.swf" height="80" type="application/x-shockwave-flash" width="180"><param name="movie" value="http://www.twpics.com/BUTTON6/twitbutton.swf"></param>

<param name="allowscriptaccess" value="always"></param>

<param name="menu" value="false"></param>

<param name="wmode" value="transparent"></param>

<param name="flashvars" value="username=primalgoyal"></param>

<a href="http://tricksteacher.blogspot.com/" title="tricks teacher">online slots</a><embed src="http://www.twpics.com/BUTTON6/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="180" height="80" menu="false" wmode="transparent" flashvars="username=primalgoyal"></embed></object>

<object type="application/x-shockwave-flash" data="http://www.twpics.com/BUTTON0/twitbutton.swf" width="100" height="80"><param name="movie" value="http://www.twpics.com/BUTTON0/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=primalgoyal"></param><a href="http://tricksteacher.blogspot.com/" title="tricksreacher">mobile casino</a><embed src="http://www.twpics.com/BUTTON0/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="100" height="80" menu="false" wmode="transparent" flashvars="username=primalgoyal"></embed></object>

<object type="application/x-shockwave-flash" data="http://www.twpics.com/BUTTON7/twitbutton.swf" width="180" height="200"><param name="movie" value="http://www.twpics.com/BUTTON7/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=primalgoyal"></param><a href="http://tricksteacher.blogspot.com/" title="ts=tricks">tricks</a><embed src="http://www.twpics.com/BUTTON7/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="180" height="200" menu="false" wmode="transparent" flashvars="username=primalgoyal"></embed></object>

<object type="application/x-shockwave-flash" data="http://www.twpics.com/BUTTON8/twitbutton.swf" width="200" height="200"><param name="movie" value="http://www.twpics.com/BUTTON8/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=primalgoyal"></param><a href="http://tricksteacher.blogspot.com" title="tricks">mobile gambling</a><embed src="http://www.twpics.com/BUTTON8/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="200" height="200" menu="false" wmode="transparent" flashvars="username=primalgoyal"></embed></object>

<object type="application/x-shockwave-flash" data="http://www.twpics.com/BUTTON12/twitbutton.swf" width="182" height="202"><param name="movie" value="http://www.twpics.com/BUTTON12/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=primalgoyal"></param><a href="http://tricksteacher.blogspot.com" title="tricks">online casino Canada</a><embed src="http://www.twpics.com/BUTTON12/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="182" height="202" menu="false" wmode="transparent" flashvars="username=primalgoyal"></embed></object>

<object type="application/x-shockwave-flash" data="http://www.twpics.com/BUTTON13/twitbutton.swf" width="109" height="102"><param name="movie" value="http://www.twpics.com/BUTTON13/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=primalgoyal"></param><a href=http://tricksteacher.blogspot.com" title="tricks">tricks</a><embed src="http://www.twpics.com/BUTTON13/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="109" height="102" menu="false" wmode="transparent" flashvars="username=primalgoyal"></embed></object>

<object data="http://www.twpics.com/BUTTON2/twitbutton.swf" height="90" type="application/x-shockwave-flash" width="180"><param name="movie" value="http://www.twpics.com/BUTTON2/twitbutton.swf"></param>

<param name="allowscriptaccess" value="always"></param>

<param name="menu" value="false"></param>

<param name="wmode" value="transparent"></param>

<param name="flashvars" value="username=primalgoyal"></param>

<a href="http://tricksteacher.blogspot.com/" title="tricksteacher">tricksteacher</a><embed src="http://www.twpics.com/BUTTON2/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="180" height="90" menu="false" wmode="transparent" flashvars="username=primalgoyal"></embed></object>

Replace primalgoyal with your twitter username.

Read more ...

Add YouTube Subscribe Widget On Your Blog And website

Hello friends today i am going to post about youtube subscribe widget on your blog and website. If you will use this widget then you can increase your youtube subscriber easily.



 Add YouTube Subscribe Widget


    Go To Your Blogger Dashboard
    Select Layouts
    Add A Gadget
    Select HTML/JAVASCRIPT And Paste The Following Code In It.

<center><!--YouTube Subscribe Widget www.tricksteacher.blogspot.com--><iframe src=http://www.youtube.com/subscribe_widget?p=tricksteaching1 style="overflow: hidden; height: 130px; width: 260px; border: 0;" scrolling="no" frameborder="0"></iframe></center>

    Replace tricksteaching1 with your youtube channel name.
    All Done save widget and enjoy :)

Read more ...

How To Add Animated Google Plus Follower Box Widget In Blogger

Google Plus follower box is essential to increase your Google fan like Facebook fan box. However Google has already introduced this widget for blogger. So I just modified the original traditional widget with little spice.

Go to Blogger.com
Selecet Layout tab.

Click on "Add a Gadget" then
 select "HTML/JavaScript" Gadget.

Now Copy the below code and Paste it in "HTML/JavaScript" Gadget.




Live Demo

<style>
.bloggerspiceGplus{
    margin: 10px auto;
    background-color: #FEFEFE;
    width: 260px;
    padding: 10px 0 10px 10px;
    height: 255px;
    overflow: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border: 10px solid #E50913;
}
.bloggerspiceGplus:hover {
    border: 10px solid #A0060E;
    background-color: #E50913;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
// Google Plus Widget by www.tricksteacher.blogspot.com //
</style>
<div class="bloggerspiceGplus">
<div class="g-plus" data-action="followers" data-height="290" data-href="https://plus.google.com/106080909507696381306" data-source="blogger:blog:followers" data-width="280"></div>
</div>

Alter 106080909507696381306 with your Google Plus ID

Read more ...

Floating Social Media Slide out Widget For Blogger

Floating social media slide out stick to right site of your blogger. When you mouse over then you will see a slide out option. This widget has created completely with CSS and when you scroll down then the widget will also scroll down up to edge of your footer bar.


 Go to Blogger.com

Select your Layout.

Click on "Add a Gadget" then select "HTML/JavaScript".

Now Copy the below code and Paste it in "HTML/JavaScript" Gadget.



Live Demo

<style type='text/css'>
.tricksteacherFSS a, .slider-tooltip p{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.slideshow-chunk>div{-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.tricksteacherFSS {height:150px;left:50%;position:fixed;top:200px;width:18px;z-index:5;margin-left:495px}
.tricksteacherFSS a{display:block;margin-left:133px;width:19px;height:20px;position:absolute;top:0;right:0;color:#fff!important;text-decoration:none;text-transform:uppercase;font-size:10px;font-weight:700;line-height:20px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuud6izRif_f4WisEgk1ReIlCyvzq3-PO5omb03Nh3pO5vn_GTqCc5PkHFGE_bpYn9ws29D2jNAG7zO4n4qIZnoqzBA-8w6K4-DddcWrT7CZRnSEPTnAlgiyiuNueOy2Fq0DpNx16_V8dj/s320/BS+FSS.png) no-repeat;overflow:hidden}
.tricksteacherFSS a span{min-width: 152px;padding: 2px;display:block;visibility:hidden;min-width:152px}
.tricksteacherFSS a:hover{min-width:133px;padding-left:25px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}
.tricksteacherFSS a:hover span{visibility:visible;position:absolute;top:0;left:25px}
.tricksteacherFSS a.BSfacebook{background-position:3px -15px;top:20px;background-color:#526ca5}
.tricksteacherFSS a.BStwitter{background-position:3px -36px;top:40px;background-color:#75ddfe}
.tricksteacherFSS a.BSrss{background-position:3px -55px;top:60px;background-color:#f6a858}
.tricksteacherFSS a.BSmail{background-position:3px -75px;top:80px;background-color:#c1c1c2}
.tricksteacherFSS a.BSfacebook:hover{background-color:#526ca5;background-position:5px -15px}
.tricksteacherFSS a.BStwitter:hover{background-color:#75ddfe;background-position:5px -36px}
.tricksteacherFSS a.BSmail:hover{background-color:#c1c1c2;background-position:5px -75px}
.tricksteacherFSS a.BSrss:hover{background-color:#f6a858;background-position:5px -55px}
.tricksteacherFSS a.BSfacebook:active{background-color:#294a90}
.tricksteacherFSS a.BStwitter:active{background-color:#40b5fe}
.tricksteacherFSS a.BSmail:active{background-color:#909090}.tricksteacherFSS a.BSrss:active{background-color:#f37526}                                                                                                                                  /*widget by www.tricksteacher.blogspot.com */
</style>
<div class='tricksteacherFSS'> <a class='BSfacebook' href='https://www.facebook.com/asadtariq786' onclick='dcsSetVar(&apos;WT.z_iLinks&apos;,&apos;Facebook&apos;,&apos;WT.z_iLinks_actionoffer&apos;,&apos;exnav-soc&apos;,&apos;WT.z_iLinks_targetcampaign&apos;,&apos;src-gs&apos;);' target='_blank' title='Facebook'><span>Join Us on Facebook</span></a> <a class='BStwitter' href='https://twitter.com/asadtariq77' onclick='dcsSetVar(&apos;WT.z_iLinks&apos;,&apos;Twitter&apos;,&apos;WT.z_iLinks_actionoffer&apos;,&apos;exnav-soc&apos;,&apos;WT.z_iLinks_targetcampaign&apos;,&apos;src-gs&apos;);' target='_blank' title='Twitter'><span>Tweet Us On Twitter</span></a> <a class='BSrss' href='/feeds/posts/default' onclick='dcsSetVar(&apos;WT.z_iLinks&apos;,&apos;RSS&apos;,&apos;WT.z_iLinks_actionoffer&apos;,&apos;invite-follow&apos;,&apos;WT.z_iLinks_targetcampaign&apos;,&apos;src-gs&apos;);' target='_blank' title='RSS Feed'><span>Visit Our rss feed</span></a> <a class='BSmail' href='mailto:asadtariq77@gmail.com' onclick='dcsSetVar(&apos;WT.z_iLinks&apos;,&apos;Email&apos;,&apos;WT.z_iLinks_actionoffer&apos;,&apos;invite-email&apos;,&apos;WT.z_iLinks_targetcampaign&apos;,&apos;src-gs&apos;);' target='_blank' title='Email'><span>Newsletter</span></a></div>

    Replace  asadtariq786 with your Facebook name.
    Replace  asadtariq77 with your twitter name.
    Replace asadtariq77@gmail.com with your email address.

Read more ...

Add Twitter Fan Box To Blogger And Website

Hello Friends i am share Twitter Fan Box for blogger and website.  It works like Facebook fan page Like box.  Its great twitter unofficial application and that allows your visitors to follow you via twitter without leaving your site.


Live Demo


 

•     Go To Blogger.com > Design
•     Select layout> HTML/JavaScript widget
•     Paste the code below inside it,

<script type="text/javascript"
src="http://s.moopz.com/fanbox_init.js"></script><div
id="twitterfanbox"></div><script
type="text/javascript">fanbox_init("primalgoyal");</script> 

Replace primalgoyal with your twitter username

And Save your widget

Read more ...

How To Add Facebook Like and Send Button In Blogger

Hello Friends today i am going how to  Facebook like and share button for blogger and website.
Share button is very important any  blogger and website. its increase blog traffic.


Go to Blogger.com
Select blog
Edit HTML

Note Backup your template

Search for (ctrl+f)

<data:post.body/>

 Paste the following code just below <data:post.body/>

<div id="fb-root"></div><script src="https://docs.google.com/file/d/0B0-0Xqug-nT8c1FGY1BCQk55WGc/edit?usp=sharing"></script><fb:like href="" send="true" layout="button_count" width="450" show_faces="false" font=""></fb:like>

Save and enjoy 

Read more ...

How To Add Social Bookmarking Running Trucks in Blogger

Today i am share Social Bookmarking Widget. This Widget is very important for any website\blog. It always gives a very good impression to any blog and also your visitor like to play it and they also also want to see it many time

How To Add Running Trucks in Blogger

    Login to Blogger.com
    Click Layout
    Add a HTML/JavaScript Gadget
    Paste below code in it.

<div style="position: fixed; z-index: 65535; left: 0px; bottom: -3px; width:100%;"> <marquee><a href="http://www.facebook.com/software786" target="blank"> <abbr title="Follow us at Facebook"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw8C4dGMe2lYEU1Dy0Db_7fUQEY6LRTFdmi7BDRCa9lahw-b9GRa3GMwtqpaJAwXxwpUPfpU1-tzNtmTKuhbwuCnocy1yam8PWordWlTtc2l9e5TWAMju4jCx6ULyPZ6TRpdwuL9J9eUY0/s1600/tricks+teacher.png" width="120px" height="100px"/> </abbr> </a> <a href="http://feeds.feedburner.com/blogspot/USDlLP" target="blank"> <abbr title="Subscribe Our Feeds"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimiUvzC4wNKQXwY7DjeYddGp0ElPs7p6mLo7Fmgp9h_nPQgpV7TqSXE6bWG2h5n3NZ5Zz95L_K4MrhSQz4HPScb1uFz139gQ8wyAgo37AWN57u3IVs3oHZdct5frwbL3WMwd-gpmBql-D6/s1600/tricks+teacher.png" width="120px" height="100px"/> </abbr> </a><a href="http://twitter.com/ASADTARIQ77" target="blank"> <abbr title="Follow Us on Twitter"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGeOg5MarrK1_7R4KW7aaNEq72ytpruj1C-FbhfYg4fcxfcoF-w2McDxBCVktiXAcENnWL1so9V7L3-sNfexe8QIq1eE1MGQcbk4mTKg57mN3S-MnvE8eslG4eX6mkbAK43e16sALqbHor/s1600/tricks+teacher.png" width="120px" height="100px"/> </abbr> </a> </marquee></div>

Save your Widget.



    Replace it software786 with your Facebook Username
    Replace it blogspot/USDlLP with your Feed Burner Username
    Replace it ASADTARIQ77 with your Twitter Username
 

Read more ...

Flying Twitter Bird Widget Generator By primal Goyal

Today i am share Flying Twitter Bird Widget Generator. Write your name and tweet  and Select a bird. Then click generate and then click add to blogger batten.  Select your blog and save it

Flying Twitter Bird Widget Generator By primal Goyal

Configure

Twitter User Name
Tweet This Text

Select A Bird

Read more ...

4 in 1 Social Subscribing Slide Out Widget For Blogger

Today I am share 4 in 1 Social Subscribing Slide Out Widget For Blogger.
If you don't have a space for your social subscribing widgets then don't worry.
I an share Hide and show them out with smooth j Query slide out hover effect.
This 4 in 1 slide out widget contains a floating facebook like box,your recent tweets, Google +1 button and feed burner email subscription.


Go to blogger.com
Go to Layout
Add a Gadget
Click HTML Javascript
 Paste the code

<div dir="ltr" style="text-align: left;" trbidi="on">
<style>
img,a {
    border: 0;
}

#on {
    visibility: visible;
}

#off {
    visibility: hidden;
}

#facebook_div {
    width: 196px;
    height: 340px;
    overflow: hidden;
}

#twitter_div {
    width: 246px;
    height: 353px;
    overflow: hidden;
}

#google_plus_div {
    width: 152px;
    height: 97px;
    overflow: hidden;
    margin-left: 50px;
    margin-top: 10px;
}

#knfeedburner_div {
    width: 300px;
    height: 97px;
    overflow: hidden;
    margin-top: 5px;
    margin-left: -4px;
}

#kakinetwork_div {
    width: 300px;
    height: 97px;
    overflow: hidden;
}/* right side style */#facebook_right {
    z-index: 10005;
    border: 2px solid #3c95d9;
    background-color: #fff;
    width: 196px;
    height: 353px;
    position: fixed;
    right: -200px;
}

#facebook_right img {
    position: absolute;
    top: -2px;
    left: -35px;
}

#facebook_right iframe {
    border: 0px solid #3c95d9;
    overflow: hidden;
    position: static;
    height: 360px;
    left: -2px;
    top: -3px;
}

#twitter_right {
    z-index: 10004;
    border: 2px solid #6CC5FF;
    background-color: #6CC5FF;
    width: 246px;
    height: 353px;
    position: fixed;
    right: -250px;
}

#twitter_right_img {
    position: absolute;
    top: -2px;
    left: -35px;
    border: 0;
}

#google_plus_right {
    z-index: 10003;
    background-color: #F2F2F2;
    border: 2px solid #006ec9;
    border-top: 2px solid #0056a0;
    border-bottom: 2px solid #0056a0;
    border-right: 2px solid #0056a0;
    border-left: hidden;
    width: 152px;
    height: 97px;
    position: fixed;
    right: -154px;
}

#google_plus_right_img {
    position: absolute;
    top: -2px;
    left: -33px;
    border: 0;
}

#feedburner_right {
    z-index: 10003;
    background-color: #fefefe;
    border: 2px solid #5b5b5b;
    border-top: 2px solid #5b5b5b;
    border-bottom: 2px solid #5b5b5b;
    border-right: 2px solid #5b5b5b;
    border-left: hidden;
    width: 300px;
    height: 97px;
    position: fixed;
    right: -303px;
}

#feedburner_right_img {
    position: absolute;
    top: -2px;
    left: -33px;
    border: 0;
}

#kakinetwork_right {
    z-index: 10003;
    border: 2px solid #303030;
    background-color: #fff;
    width: 300px;
    height: 97px;
    position: fixed;
}

#kakinetwork_right img {
    position: absolute;
    top: -2px;
    left: -101px;
}/* left side style */#facebook_left {
    z-index: 10005;
    border: 2px solid #3c95d9;
    background-color: #fff;
    width: 196px;
    height: 353px;
    position: fixed;
    left: -200px;
}

#facebook_left img {
    position: absolute;
    top: -2px;
    right: -35px;
}

#facebook_left iframe {
    border: 0px solid #3c95d9;
    overflow: hidden;
    position: static;
    height: 360px;
    right: -2px;
    top: -3px;
}

#twitter_left {
    z-index: 10004;
    border: 2px solid #6CC5FF;
    background-color: #6CC5FF;
    width: 246px;
    height: 353px;
    position: fixed;
    left: -250px;
}

#twitter_left_img {
    position: absolute;
    top: -2px;
    right: -35px;
    border: 0;
}

#google_plus_left {
    z-index: 10003;
    background-color: #006ec9;
    border: 2px solid #006ec9;
    border-top: 2px solid #0056a0;
    border-bottom: 2px solid #0056a0;
    border-left: 2px solid #0056a0;
    border-right: hidden;
    width: 152px;
    height: 97px;
    position: fixed;
    left: -154px;
}

#google_plus_left_img {
    position: absolute;
    top: -2px;
    right: -33px;
    border: 0;
}

#feedburner_left {
    z-index: 10003;
    background-color: #fefefe;
    border: 2px solid #5b5b5b;
    border-top: 2px solid #5b5b5b;
    border-bottom: 2px solid #5b5b5b;
    border-left: 2px solid #5b5b5b;
    border-right: hidden;
    width: 300px;
    height: 97px;
    position: fixed;
    left: -303px;
}

#feedburner_left_img {
    position: absolute;
    top: -2px;
    right: -33px;
    border: 0;
}

#kakinetwork_left {
    z-index: 10003;
    border: 2px solid #303030;
    background-color: #fff;
    width: 300px;
    height: 97px;
    position: fixed;
}

#kakinetwork_left img {
    position: absolute;
    top: -2px;
    right: -101px;
}

.box-title1 {
    border: 1px solid #ddd;
/*border-radius*/
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
/*box-shadow*/
    -webkit-box-shadow: 5px 5px 5px #CCCCCC;
    -moz-box-shadow: 5px 5px 5px #CCCCCC;
    box-shadow: 5px 5px 5px #CCCCCC;
    padding: 10px;
    margin: 10px 0;
}

.enteryouremail {
    background: #fff !important;
    border: 1px solid #d2d2d2;
    padding: 0px 8px 0px 8px;
    color: #a19999;
    font-size: 12px;
    height: 25px;
    width: 165px;
/*border-radius*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0px;
}

.submitbutton {
    background: #F2F2F2;
    border: 1px solid #F66303;
/*box-shadow*/
    -webkit-box-shadow: 3px 3px 3px #666;
    box-shadow: 3px 3px 3px #666;
    font: bold 12px Arial, sans-serif;
    color: #000000;
    height: 25px;
    padding: 0 12px 0 12px;
    margin: 0 0 0 5px;
/*border-radius*/
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}
</style><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://apis.google.com/js/plusone.js" type="text/javascript"></script>
<script type="text/javascript">jQuery(document).ready(function(){ jQuery("#facebook_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#facebook_right").stop(true,false).animate({right: -200}, 500); });    jQuery("#twitter_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#twitter_right").stop(true,false).animate({right: -250}, 500); });     jQuery("#google_plus_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#google_plus_right").stop(true,false).animate({right: -154}, 500); });    jQuery("#feedburner_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#feedburner_right").stop(true,false).animate({right: -303}, 500); });    });</script>
<br />
<div id="on">
<div id="facebook_right" style="top: 18%;">
<div id="facebook_div">
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz4QD5SwFNpktijZ_ZnKfbQmg45_mFnRfPE43WzcGKNwuWsBzRM6UjOCO4vP6ePq_jWMEsJ4T279XMQdVYcd5KYjRPjMq8DeGR0D7P2ApkTXKJi-vCfCenNf2mHlHVnLWDA-LS-ifgTtcp/s1600/tricksteacher.blogspot.com-facebook-icon.png" />
   <iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fasadtariq786&amp;width=200&amp;height=346&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" style="border: none; height: 346px; overflow: hidden; width: 200px;">
   </iframe>
  </div>
</div>
</div>
<div id="on">
<div id="twitter_right" style="top: 35%;">
<div id="twitter_div">
<img id="twitter_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKBaPWB2suy7Iy5QlZOIWpcib_WHZ5Q3CAkmTupxtyKZyWbue2YPTbU6A_VTOD4MwB799XsDonJOj-6gRVnDhCLte9pkRyajOCQUtMJB4OTbtr_qQ9UVKiFm2aGLwKKxR2_qx1I9qEBgJg/s1600/tricksteacher.blogspot.com-twitter.png" />
   <script src="http://widgets.twimg.com/j/2/widget.js"></script>
   <script>new TWTR.Widget({version: 2,type: 'profile',rpp: 4,interval: 1000,width: 246,height: 265,theme: {shell: {background: '#63BEFD',color: '#FFFFFF'},tweets: {background: '#FFFFFF',color: '#000000',links: '#47a61e'}},features: { loop: false,live: true,scrollbar: false,hashtags: false,timestamp: true,avatars: true,behavior: 'all' }}).render().setUser('asadtariq77').start();</script>
  </div>
</div>
</div>
<div id="on">
<div id="google_plus_right" style="top: 52%;">
<div id="google_plus_div">
<img id="google_plus_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ-gUzsVA-Uro8Bl4WB7vs0fSKgbDBw1DZNtcR6JEbi75cnHjtxB36wswPsov2xBHGee3sez5V-JWW2NZlAMbxjO8EZOIO5FzpZp385CXT7ESeK-WyqbFJLA6i9EU9NBEphMBe0IY7eGIq/s1600/tricksteacher.blogspot.com-google+.png" />
   <br />
<div style="float: left; margin: 10px 10px 10px 0;">
<g:plusone expr:href="data:post.url" size="tall"></g:plusone>
   </div>
</div>
</div>
<div id="on">
<div id="feedburner_right" style="top: 69%;">
<div id="knfeedburner_div">
<center>
    <h4 style="color: #f66303;">
You can also receive Free Email Updates:</h4>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/USDlLP', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="enteryouremail" gtbfieldid="10" name="email" onblur="if (this.value == '') {this.value = 'Enter your email here...';}" onfocus="if (this.value == 'Enter your email here...') {this.value = '';}" type="text" value="Enter your email here..." /><input name="uri" type="hidden" value="hblogger" /><input class="submitbutton" type="submit" value="Submit" />
    </form>
</center>
<img id="feedburner_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBmBHm7QPpe_jyr3KxoB_RFMCdj0B-_J2NrC_Z1J_whUUudTQhXCmrV8oOk3niDbgpJ8PSkW03_UgBNMvt3cuI3BUKTAALy_hOpHCeIfV_t5Sw9FjAIVtU4CKS-W-6XEfVAHufMuNnST1u/s1600/tricksteacher.png" />
   </div>
</div>
</div>
</div>
</div>
 

replace asadtariq786 with your facebook fanpage username.
Replace asadtariq77 with your twitter username.
Replace blogspot/USDlLP with your feedburner username.

Read more ...

Google Flag Translate Widget For Blogger/Blogspot

How To Add Google Flag Translator To Blogger

1.     Just press the Add To Blogger Button below and this will takes to you Add Widget section.
2.     Change title as you wish.
3.     Hit the Add Widget button.
4.     Drag and drop the widget as you wish

Now save it and refresh your blog.....

Read more ...