Welcome To My

Welcome To My
Showing posts with label facebook. Show all posts
Showing posts with label facebook. Show all posts

An easy way to add Google+Badge in your Blogspot

Google+Badge is a widget that shows that the users are in the Google+Plus.And it is used for follow him on plus google.Now I am going to show you a simple way for add Google+Badge in your Blooger's Blog.
It is so simple and easy way.


  • Now,First open the Blogger Dashboard
  • Then open the Layout>Add Gadgets.


  • Then you see a box like in above.then click on the Third one which is rounded.
  • Then a new page of the box appears.After the customization.Click on save button and that's all.


How to add a unique and stylish E-mail subscription box in your blog

All bloggers want that their traffic is highest.But it is not only possible by latest posts.Your template also be good looking and Subscription box plays an important role for making it pretty.Now see this below image.Older subscription boxes are not so good as this.This looks more stylish and colourful.

Now for insert this in your blog.Follow these steps.
  1. Open the Dashboard and then open Layout > Add Gadgets > Add html.
  2. Then at the body portion of the page paste this below code.


<style>   .NNBTsocial_box-email{   background:Fff no-repeat 0px 12px ; width:270px;float:center;font-size:1.4em;font-weight:bold;margin:2px 20px 0px 10px;color:#686B6C;  }  .NNBTsocial_box-emailsubmit{   background:#0084CE;cursor:pointer;  color:#fff; border:none;padding:3px;margin:0 0 0px 0;text-shadow:0 -1px 1px rgbaundefined0,0,0,0.25);   -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; font:12px sans-serif;  }   .NNBTsocial_box-emailsubmit:hover{   background:#E98313;   }   .textarea{   padding:2px; margin:0px 2px 0px 2px; background:#f9f9f9; border:1px solid #ccc; resize:none; box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1);   -moz-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); -webkit-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); font-size:13px;   width:200px; height:20px;color:#666;}  #socialboxNBT   {  text-align:center;font-weight:bold;padding:5px;border:1px solid black;width:300px;  -moz-box-shadow: 0px 0px 8px #000000;-webkit-box-shadow: 0px 0px 8px #000000;box-shadow: 0px 0px 8px #000000;}  </style>  <br />  <div id="socialboxNBT">  <a href="http://feeds.feedburner.com/akashblogger94" imageanchor="1" rel="nofollow" style="float: center; margin-left: .5em; margin-right: 1em;" target="blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOy493dQYaOsuZEkqe93Idp3Rz9CwVwNi3sB1Puvlo4CobWskZumIo3d8IkOP5t7LIRbJuNCoRavy7p5p-Ssb_r2fgSQASi6wmrnBTKcSfRDCcx9OC-_yztOfupdKMlJe7FWtn7sHODRs/s1600/NNBT-rss.png" /></a>  Submit your Email Address to Get Free latest Articles Directly to your Inbox  <br />  <div class="NNBTsocial_box-email">  <form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=NBTLab', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">  <input class="textarea" gtbfieldid="3" name="email" onblur="if undefinedthis.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if undefinedthis.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" type="text" value="Enter email address here..." />   <input name="uri" type="hidden" value="akashblogger94" /><input name="loc" type="hidden" value="en_US" />   <input class="NNBTsocial_box-emailsubmit" type="submit" value="Submit" />   </form>  </div>  <style class="text/css">  table  {border-bottom: 0px solid #E6E6E6;float: center;width: 300px;margin:-8px 0 0 0px;}  .subicons  {border-right: 0px solid #E6E6E6;}  .Fadeout {filter:alphaundefinedopacity=100);opacity: 1.0;border:0;  }  .Fadeout:hover{filter:alphaundefinedopacity=80);opacity: 0.8;border:0;  }  </style>  <br /><div class="table"><table>  <tbody><tr>  <td><div class="subicons">  <a class="Fadeout" href="http://www.facebook.com/100006041131460" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg81GHm5a_kx6edTmn0ohEAOwl7a7Ib4LwbqD_RgdXEFCVMgd_T0BqI489GwNMS_1cGP2M7knaslTRIxroXcdmIr4zCT4gS49pedn91IlOnotnwSP0CaLo7c9izGgsBFwDcTq8ZKtQZSw4/s1600/NNBT-facebook-icon.png" /></a></div>  </td><td><div class="subicons">  <a class="Fadeout" href="http://www.twitter.com/akashku9835644" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFe5uuUA7lBHwobkcMGXHeCO-jdxi6-PZk4XIQ3vi90T7VDKKsS0mN_m0g2im_89rtYNyUCX3n4InEfHFBrdGy7IijAyZ2kr7G2HAfzptEmsAWMURYdLVX7sqQRDTfTiFv-XCbcsmo7-g/s1600/NNBT-twitter-icon.png" /></a></div>  </td>  <td><div class="subicons">  <a class="Fadeout" href="http://feeds.feedburner.com/akashblogger94" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDHD8OYkt1ehkf3zK9EJ6bPLRxlWwtglfIBer-HWFYmj5x9Oey1FNpFHRfu7sRR6sTf2_SNfcwzfG2yQd00eil_CR_WFrnogz8cmaSVWm478dwP-4m9VtBt1yb0i_C0oJAWEHsdM_eQPg/s1600/NNBT-rss-icon.png" /></a></div>  </td>  <td><a class="Fadeout" href="https://pinterest.com/akashatfbk13" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB9D-bbfP4So4PlKv4_6BroaQXTt7NX9-L7g6Y-1-mQjBv_zL6UM_eorinOuTNcVbMnf9WkRSZh7xK4_i9DYZ3LbpM9DmZ0eE4wVnbt88i4fruOHX63iMyRXPIRVi_mBNycE3T4Dv_nds/s1600/NNBT-Pinterest-icon.png" /></a></td>  </tr></tbody></table></div></div> 


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/AVvXsEghMDvZPpL3NaMZ9M5HZUfRbbHJLGrYWa4asfFxSF-gqB65JpFUh5IHhjfClYAde3siy64dm595YcWK6hbTuj8LmR0svyVl-mrm2k88i8ytpZeiMI6HpM0Qr6ays0kls42Z3r2bkTHLjqTZ/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/AVvXsEgJNnXNp-DYi_hnqUhntLGuHm4pblBuAycvGXdHs56UbPgppl1zVOO7lN_PHwJ4ZZFVibVyVETPQZQ01f6AhdKRmHA8nmyHXkKaRhmNkkX67zP5nb7RqghPr6l3E2bzpjqBi6KaVJpF1QI5/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/AVvXsEhVRZ7H3doT_036JcZFddUtmtnsPdGnufavn3bx0xZPJth-2xWvf4k95VOYuN_PKo4gdI7NeV5vAC8IipTeK_zXUEH_gWwaaKNsVTfimPbuNjrk-W7hs1wMzPOjusW0KPYZ-YR1Xlz7b3M/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/AVvXsEgucFdIWINLTOXAQe6ogkjgPUy2fREns8d4aYWU9yjfOZa-7754rNjzPm5-lC_U6mg64x-QWIONzD1oaY6txuSlKkU_CaN-OCROly_HG_LyZZB1FRQ5yosBBXUoQKsQgj12hsajFDSpoHL4/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/AVvXsEghMDvZPpL3NaMZ9M5HZUfRbbHJLGrYWa4asfFxSF-gqB65JpFUh5IHhjfClYAde3siy64dm595YcWK6hbTuj8LmR0svyVl-mrm2k88i8ytpZeiMI6HpM0Qr6ays0kls42Z3r2bkTHLjqTZ/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/AVvXsEgJNnXNp-DYi_hnqUhntLGuHm4pblBuAycvGXdHs56UbPgppl1zVOO7lN_PHwJ4ZZFVibVyVETPQZQ01f6AhdKRmHA8nmyHXkKaRhmNkkX67zP5nb7RqghPr6l3E2bzpjqBi6KaVJpF1QI5/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/AVvXsEhVRZ7H3doT_036JcZFddUtmtnsPdGnufavn3bx0xZPJth-2xWvf4k95VOYuN_PKo4gdI7NeV5vAC8IipTeK_zXUEH_gWwaaKNsVTfimPbuNjrk-W7hs1wMzPOjusW0KPYZ-YR1Xlz7b3M/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/AVvXsEgucFdIWINLTOXAQe6ogkjgPUy2fREns8d4aYWU9yjfOZa-7754rNjzPm5-lC_U6mg64x-QWIONzD1oaY6txuSlKkU_CaN-OCROly_HG_LyZZB1FRQ5yosBBXUoQKsQgj12hsajFDSpoHL4/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/AVvXsEghMDvZPpL3NaMZ9M5HZUfRbbHJLGrYWa4asfFxSF-gqB65JpFUh5IHhjfClYAde3siy64dm595YcWK6hbTuj8LmR0svyVl-mrm2k88i8ytpZeiMI6HpM0Qr6ays0kls42Z3r2bkTHLjqTZ/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/AVvXsEgJNnXNp-DYi_hnqUhntLGuHm4pblBuAycvGXdHs56UbPgppl1zVOO7lN_PHwJ4ZZFVibVyVETPQZQ01f6AhdKRmHA8nmyHXkKaRhmNkkX67zP5nb7RqghPr6l3E2bzpjqBi6KaVJpF1QI5/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/AVvXsEhVRZ7H3doT_036JcZFddUtmtnsPdGnufavn3bx0xZPJth-2xWvf4k95VOYuN_PKo4gdI7NeV5vAC8IipTeK_zXUEH_gWwaaKNsVTfimPbuNjrk-W7hs1wMzPOjusW0KPYZ-YR1Xlz7b3M/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/AVvXsEgucFdIWINLTOXAQe6ogkjgPUy2fREns8d4aYWU9yjfOZa-7754rNjzPm5-lC_U6mg64x-QWIONzD1oaY6txuSlKkU_CaN-OCROly_HG_LyZZB1FRQ5yosBBXUoQKsQgj12hsajFDSpoHL4/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/AVvXsEghMDvZPpL3NaMZ9M5HZUfRbbHJLGrYWa4asfFxSF-gqB65JpFUh5IHhjfClYAde3siy64dm595YcWK6hbTuj8LmR0svyVl-mrm2k88i8ytpZeiMI6HpM0Qr6ays0kls42Z3r2bkTHLjqTZ/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/AVvXsEgJNnXNp-DYi_hnqUhntLGuHm4pblBuAycvGXdHs56UbPgppl1zVOO7lN_PHwJ4ZZFVibVyVETPQZQ01f6AhdKRmHA8nmyHXkKaRhmNkkX67zP5nb7RqghPr6l3E2bzpjqBi6KaVJpF1QI5/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/AVvXsEhVRZ7H3doT_036JcZFddUtmtnsPdGnufavn3bx0xZPJth-2xWvf4k95VOYuN_PKo4gdI7NeV5vAC8IipTeK_zXUEH_gWwaaKNsVTfimPbuNjrk-W7hs1wMzPOjusW0KPYZ-YR1Xlz7b3M/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/AVvXsEgucFdIWINLTOXAQe6ogkjgPUy2fREns8d4aYWU9yjfOZa-7754rNjzPm5-lC_U6mg64x-QWIONzD1oaY6txuSlKkU_CaN-OCROly_HG_LyZZB1FRQ5yosBBXUoQKsQgj12hsajFDSpoHL4/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