How to add 3 in 1 small Follower box Widget in your blogspot

Now I am going to tell something about it-this small 3 in 1 Follower box.The first one is Facebook,when some one click on it the Facebook profile box will open and same in the other Twitter and Google plus box.
         This is one of the best way for increasing your social fans.It will show your friends in your circle.It also used for save area of blog because if you add a like box,follow box it takes a large area and the visitors will not like it and your traffic is become lower.So,it is also a best way for increase your traffic.
For adding it then follow these steps.

• First,open the dashboard then open Layout>Add Gadget>Add html.
• Now copy this code and paste it on your body part of your body part of your html box.
•   <script src="http://code.jquery.com/jquery-latest.js"></script>  <script src="http://apis.google.com/js/plusone.js" type="text/javascript"></script>  <link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/m4krejz6tw6sxlf/3%20in%201%20StyleSheet.css" />  <script src="https://dl.dropboxusercontent.com/s/e5p8j4qnfvgda8p/3%20in%201%20Widget.js"></script>    <div id="on">    <div id="facebook_right" style="top: 12%;">      <div id="facebook_div">        <img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ8OVgiE0jja6BaKiEiagki6AOhqduo_12GbRH0kMrNfffBNPPFf9LhoZBQJuBqJafT-08DPCago-kj0CAoDDRv4Y1lDRn_lNLEu9NAzf6wlXxmA71PVIZ-tLrVDCHEb_7zZD9zjVS2yzX/s1600/NBTfacebook_right.png" />        <iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F&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: 28%;">      <div id="twitter_div">        <img id="twitter_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgfYx_jRcbl4jAxPJeK0y3CHS4wQOGYw_DZBge7wcRmTDRNKKEr1yaurXlByTSSA-93jvBjdfYEyZd6AZMLmHUzDkCXQPgCyJRPIIVP7G1ILaeJIMPWZQMNl1N2dDtds37ZrQ-2pp_fHsP/s1600/NBTtwitter_right.png" />  <div style="width:248px;font-size:8px;text-align:right;"><script type="text/javascript">  document.write(unescape("%3Cscript src='http://twitterforweb.com/twitterbox.js?username=NewBloggerTips&settings=0,1,2,248,279,ffffff,0,c4c4c4,101010,1,1,336699' type='text/javascript'%3E%3C/script%3E"));</script><a href="http://NewBloggerTips.com" target="_blank"></a></div>        </div>      </div>    </div>    <div id="on">      <div id="google_plus_right" style="top: 45%;">        <div id="google_plus_div">          <img id="google_plus_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb1iF8n_hda65c8izy2quUycIYcm35ZailSEl42b9KwjB3rN1qwFmVatDQRazBmMD9USme1PA6wsMpAGJIuqz4Rapye8ZZFC8XzNBYC8uxsMUvQd9ttwQ1pXt7VLJ5IYTlvpsUUbrSQRA/s1600/NBTgoogle_plus_right.png" />          <div style="float: left; margin: 10px 10px 10px 0;">            <a href='http://newbloggertips.com'>              <img alt='Tips Tricks And Tutorials' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMzigMREcI-Ko0ksMtYEuCFcHUfLf13PI4946DETm3LviOAcTRb6wAlhiZZ8BNaf9DVXst_l0iC9yPEYPrctpaynUzAh8V4sGThOz8Awap4QFqbefo6Ip8zWZDQtx_6ylMV9lTeZ8cIpQS/s1600/best+blogger+tips.png' />            </a>            <div class="g-plus" data-action="followers" data-height="250" data-href="https://plus.google.com/114850220168831844723" data-source="blogger:blog:followers" data-width="270"></div>            <script type="text/javascript">            (function () {              window.___gcfg = {                'lang': 'en'              };              var po = document.createElement('script');              po.type = 'text/javascript';              po.async = true;              po.src = 'https://apis.google.com/js/plusone.js';              var s = document.getElementsByTagName('script')[0];              s.parentNode.insertBefore(po, s);            })();            </script>          </div>        </div>      </div>  <script src="http://code.jquery.com/jquery-latest.js"></script>  <script src="http://apis.google.com/js/plusone.js" type="text/javascript"></script>  <link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/m4krejz6tw6sxlf/3%20in%201%20StyleSheet.css" />  <script src="https://dl.dropboxusercontent.com/s/e5p8j4qnfvgda8p/3%20in%201%20Widget.js"></script>    <div id="on">    <div id="facebook_right" style="top: 12%;">      <div id="facebook_div">        <img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ8OVgiE0jja6BaKiEiagki6AOhqduo_12GbRH0kMrNfffBNPPFf9LhoZBQJuBqJafT-08DPCago-kj0CAoDDRv4Y1lDRn_lNLEu9NAzf6wlXxmA71PVIZ-tLrVDCHEb_7zZD9zjVS2yzX/s1600/NBTfacebook_right.png" />        <iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F100006041131460&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: 28%;">      <div id="twitter_div">        <img id="twitter_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgfYx_jRcbl4jAxPJeK0y3CHS4wQOGYw_DZBge7wcRmTDRNKKEr1yaurXlByTSSA-93jvBjdfYEyZd6AZMLmHUzDkCXQPgCyJRPIIVP7G1ILaeJIMPWZQMNl1N2dDtds37ZrQ-2pp_fHsP/s1600/NBTtwitter_right.png" />  <div style="width:248px;font-size:8px;text-align:right;"><script type="text/javascript">  document.write(unescape("%3Cscript src='http://twitterforweb.com/twitterbox.js?username=akashku9835644&settings=0,1,2,248,279,ffffff,0,c4c4c4,101010,1,1,336699' type='text/javascript'%3E%3C/script%3E"));</script><a href="http://NewBloggerTips.com" target="_blank"></a></div>        </div>      </div>    </div>    <div id="on">      <div id="google_plus_right" style="top: 45%;">        <div id="google_plus_div">          <img id="google_plus_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb1iF8n_hda65c8izy2quUycIYcm35ZailSEl42b9KwjB3rN1qwFmVatDQRazBmMD9USme1PA6wsMpAGJIuqz4Rapye8ZZFC8XzNBYC8uxsMUvQd9ttwQ1pXt7VLJ5IYTlvpsUUbrSQRA/s1600/NBTgoogle_plus_right.png" />          <div style="float: left; margin: 10px 10px 10px 0;">            <a href='http://newbloggertips.com'>              <img alt='Tips Tricks And Tutorials' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMzigMREcI-Ko0ksMtYEuCFcHUfLf13PI4946DETm3LviOAcTRb6wAlhiZZ8BNaf9DVXst_l0iC9yPEYPrctpaynUzAh8V4sGThOz8Awap4QFqbefo6Ip8zWZDQtx_6ylMV9lTeZ8cIpQS/s1600/best+blogger+tips.png' />            </a>            <div class="g-plus" data-action="followers" data-height="250" data-href="https://plus.google.com/115490142879457951931" data-source="blogger:blog:followers" data-width="270"></div>            <script type="text/javascript">            (function () {              window.___gcfg = {                'lang': 'en'              };              var po = document.createElement('script');              po.type = 'text/javascript';              po.async = true;              po.src = 'https://apis.google.com/js/plusone.js';              var s = document.getElementsByTagName('script')[0];              s.parentNode.insertBefore(po, s);            })();            </script>          </div>        </div>      </div>  <script src="http://code.jquery.com/jquery-latest.js"></script>  <script src="http://apis.google.com/js/plusone.js" type="text/javascript"></script>  <link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/m4krejz6tw6sxlf/3%20in%201%20StyleSheet.css" />  <script src="https://dl.dropboxusercontent.com/s/e5p8j4qnfvgda8p/3%20in%201%20Widget.js"></script>    <div id="on">    <div id="facebook_right" style="top: 12%;">      <div id="facebook_div">        <img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ8OVgiE0jja6BaKiEiagki6AOhqduo_12GbRH0kMrNfffBNPPFf9LhoZBQJuBqJafT-08DPCago-kj0CAoDDRv4Y1lDRn_lNLEu9NAzf6wlXxmA71PVIZ-tLrVDCHEb_7zZD9zjVS2yzX/s1600/NBTfacebook_right.png" />        <iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F100006041131460&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: 28%;">      <div id="twitter_div">        <img id="twitter_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgfYx_jRcbl4jAxPJeK0y3CHS4wQOGYw_DZBge7wcRmTDRNKKEr1yaurXlByTSSA-93jvBjdfYEyZd6AZMLmHUzDkCXQPgCyJRPIIVP7G1ILaeJIMPWZQMNl1N2dDtds37ZrQ-2pp_fHsP/s1600/NBTtwitter_right.png" />  <div style="width:248px;font-size:8px;text-align:right;"><script type="text/javascript">  document.write(unescape("%3Cscript src='http://twitterforweb.com/twitterbox.js?username=akashku9835644&settings=0,1,2,248,279,ffffff,0,c4c4c4,101010,1,1,336699' type='text/javascript'%3E%3C/script%3E"));</script><a href="http://NewBloggerTips.com" target="_blank"></a></div>        </div>      </div>    </div>    <div id="on">      <div id="google_plus_right" style="top: 45%;">        <div id="google_plus_div">          <img id="google_plus_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb1iF8n_hda65c8izy2quUycIYcm35ZailSEl42b9KwjB3rN1qwFmVatDQRazBmMD9USme1PA6wsMpAGJIuqz4Rapye8ZZFC8XzNBYC8uxsMUvQd9ttwQ1pXt7VLJ5IYTlvpsUUbrSQRA/s1600/NBTgoogle_plus_right.png" />          <div style="float: left; margin: 10px 10px 10px 0;">            <a href='http://newbloggertips.com'>              <img alt='Tips Tricks And Tutorials' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMzigMREcI-Ko0ksMtYEuCFcHUfLf13PI4946DETm3LviOAcTRb6wAlhiZZ8BNaf9DVXst_l0iC9yPEYPrctpaynUzAh8V4sGThOz8Awap4QFqbefo6Ip8zWZDQtx_6ylMV9lTeZ8cIpQS/s1600/best+blogger+tips.png' />            </a>            <div class="g-plus" data-action="followers" data-height="250" data-href="https://plus.google.com/115490142879457951931" data-source="blogger:blog:followers" data-width="270"></div>            <script type="text/javascript">            (function () {              window.___gcfg = {                'lang': 'en'              };              var po = document.createElement('script');              po.type = 'text/javascript';              po.async = true;              po.src = 'https://apis.google.com/js/plusone.js';              var s = document.getElementsByTagName('script')[0];              s.parentNode.insertBefore(po, s);            })();            </script>          </div>        </div>      </div>  <script src="http://code.jquery.com/jquery-latest.js"></script>  <script src="http://apis.google.com/js/plusone.js" type="text/javascript"></script>  <link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/m4krejz6tw6sxlf/3%20in%201%20StyleSheet.css" />  <script src="https://dl.dropboxusercontent.com/s/e5p8j4qnfvgda8p/3%20in%201%20Widget.js"></script>    <div id="on">    <div id="facebook_right" style="top: 12%;">      <div id="facebook_div">        <img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ8OVgiE0jja6BaKiEiagki6AOhqduo_12GbRH0kMrNfffBNPPFf9LhoZBQJuBqJafT-08DPCago-kj0CAoDDRv4Y1lDRn_lNLEu9NAzf6wlXxmA71PVIZ-tLrVDCHEb_7zZD9zjVS2yzX/s1600/NBTfacebook_right.png" />        <iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F100006041131460&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: 28%;">      <div id="twitter_div">        <img id="twitter_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgfYx_jRcbl4jAxPJeK0y3CHS4wQOGYw_DZBge7wcRmTDRNKKEr1yaurXlByTSSA-93jvBjdfYEyZd6AZMLmHUzDkCXQPgCyJRPIIVP7G1ILaeJIMPWZQMNl1N2dDtds37ZrQ-2pp_fHsP/s1600/NBTtwitter_right.png" />  <div style="width:248px;font-size:8px;text-align:right;"><script type="text/javascript">  document.write(unescape("%3Cscript src='http://twitterforweb.com/twitterbox.js?username=akashku9835644&settings=0,1,2,248,279,ffffff,0,c4c4c4,101010,1,1,336699' type='text/javascript'%3E%3C/script%3E"));</script><a href="http://NewBloggerTips.com" target="_blank"></a></div>        </div>      </div>    </div>    <div id="on">      <div id="google_plus_right" style="top: 45%;">        <div id="google_plus_div">          <img id="google_plus_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb1iF8n_hda65c8izy2quUycIYcm35ZailSEl42b9KwjB3rN1qwFmVatDQRazBmMD9USme1PA6wsMpAGJIuqz4Rapye8ZZFC8XzNBYC8uxsMUvQd9ttwQ1pXt7VLJ5IYTlvpsUUbrSQRA/s1600/NBTgoogle_plus_right.png" />          <div style="float: left; margin: 10px 10px 10px 0;">            <a href='http://newbloggertips.com'>              <img alt='Tips Tricks And Tutorials' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMzigMREcI-Ko0ksMtYEuCFcHUfLf13PI4946DETm3LviOAcTRb6wAlhiZZ8BNaf9DVXst_l0iC9yPEYPrctpaynUzAh8V4sGThOz8Awap4QFqbefo6Ip8zWZDQtx_6ylMV9lTeZ8cIpQS/s1600/best+blogger+tips.png' />            </a>            <div class="g-plus" data-action="followers" data-height="250" data-href="https://plus.google.com/115490142879457951931" data-source="blogger:blog:followers" data-width="270"></div>            <script type="text/javascript">            (function () {              window.___gcfg = {                'lang': 'en'              };              var po = document.createElement('script');              po.type = 'text/javascript';              po.async = true;              po.src = 'https://apis.google.com/js/plusone.js';              var s = document.getElementsByTagName('script')[0];              s.parentNode.insertBefore(po, s);            })();            </script>          </div>        </div>      </div> 

• Now replace the red words with your facebook ID,twitter username and Plus google ID

Read More

How to add Comment Box in blogger's blog

Comment Box is like a simple box which you can appear at any part of the page.Simply copy this code.

<form action="/html/tags/html_form_tag_action.cfm" method="post">
Comments:<br />
<textarea name="comments" id="comments">
Hey... say something!
</textarea><br />
<input type="submit" value="Submit" />

</form>

Read More

html codes for create tables,Marquee text

You know that in blogging or creating a page is not possible without html codes.Especially in blogger webpage.If you want to insert any type of special effect or works.you need html codes of it.So,there are some codes for making a website better.

Html code for Creating a Table.

To create a table in HTML,we use the <TABLE>tag.Each table begins with a <TABLE> tag and ends with </TABLE>tag.Each row within a table begins with the <TR> table row tag,and ends with the </TR> tag.Rows must be inside the <TABLE> tag.

Let us create a table to display the S.No.,Name and Grades of students and understand the use of these tags.

<HTML>

<HEAD>

<TITLE>Create a Table</TITLE>

</HEAD>

<BODYTOPMARGIN="50"LEFTMARGIN="50"BGCOLOR="Pink"

<TABLE>

<TR>

<TH>S.No.</TH><TH>Name</TH><TH>Grades</TH>

</TR>

<TD>1</TD><TD>Bindu</TD><TD>A</TD

</TR>

<TR>

<TD>2</TD><TD>Yogesh</TD><TD>A+</TD>

</TR>

<TR>

<TD>3</TD><TD>Sakshi</TD><TD>A+</TD>

</TR>

</TABLE>

</BODY>

</HTML>

Note that the given words in red are as for ex.you will replace it as your names for table.

html code for Marquee Text

 A Marquee display a moving text message on a background.You can add a marquee to your web page by using the <marquee> tag.

SYNTAX:  <MARQUEE>text you want to enter or 'Qualities of good student'</MARQUEE>The marquee tag has a number of attributes.<marquee width=100%height=30 behavior="alternate"bgcolor="yellow">Attributes of a student </marquee>

Note

• Behavior attributes may take any value out of Alternate,Scroll and Slide.
• To change the properties of the marquee text,you can use the <font> tag before the marquee tag and the Off<Font>tag after the </marquee> tag.

<HTML>

<HEAD>
<TITLE>INSERTINGLIST</TITLE>

</HEAD>
<BODYBGCOLOR="Blue"LEFTMARGIN=100,TOPMARGIN=25>

<B><Font Size="6"Color ="Yellow">

QUALITIES OF A GOOD STUDENT</Font></B>

<FontSize="6"Color="White"><FontFace="Times New Roman">

<OL type="I">

<LI>Attitude

<LI>Academic Skills

<LI>Ability

<LI>Perceptiveness

<LI>Self-Discipline</OL>

</Font="Tahoma"Size=3Color="Green">

<marquee>Qualities of a student</marquee>

</Font>

</BODY>
</HTML>

Read More

How to add a linkwithin widget to your blospot

You know that LinkWithin is a widget that appear under each post.Now lets us know how to install it for your blog:

For it follows these steps:

• First go to the site www.linkwithin.com.
• Then you see that a new page will appear.There are collectively information about linkwithin and at the right side of the page.There is a box.Fill it,in which the first one is Email: Write your email address.
• Then there is a Blog Link Enter your blog URL.Platform refers to on which sites of blog you want to add this.You select Blogger.Then select the no of stories you want to add.After it click on 'Get Widget'.
• Then a new page will appear.It has given some steps,but at the first point there is Add Widget Click on it.then that's all.Linkwithin will sent on your Blog Layout.

Read More