Saturday, 21 September 2013

How to Change Text Select Highlight Color on Blogger Blog

You Can easily Change Text Select Highlight Colour By Adding A Small Css Code To Your Blogger Template..This can ensure that when users highlight text on your blog, it matches your blog’s theme, and may also look professional at the same time.


Follow These Simple Steps :

  • Sign in To Your Blogger Account and Select Blog That You Want To ADD This Widget then goto
  • Template Tab >> Edit HTML
  • Then Add The Below Code Below or After </head> (Want help to find Click Here)
<style type='text/css'>
 ::selection {background:#00624b;color:#ffffff;}
 ::-moz-selection{background:#00624b;color:#ffffff;}
</style>

  • Then Save Your Template
  • You Can Change The Selecting Colour By Replacing #00624b with Code Of Your Colour
Try Our Html Colour Code Generator Nbt Colour Codes



Friday, 20 September 2013

Best Online Advertising Companies For Web publishers To Make Money

There Are So Many Web Advertising Companies To Make Money Online.Best Of Them Are

1. Google Adsense

It Is The Top Advt Company .It Provides a Free, Flexible way to Earn Money from your Websites, Mobile sites, and site search results with relevant and engaging ads.We Can Earn More By Using Google Adsense.

But It Is Impossible To Get Approved For Google Adsense For Small Websites or Blogs.Because it have Some Guidlines and Terms. 

2.Media.net (Yahoo! Bing Network Contextual Ads)

   It Is Also Best Advt Company .The Yahoo! Bing Network             Contextual Ads program enables web publishers to easily and      effectively earn advertising revenue. Publishers can now use the    Media.net self-serve platform to create and customize ad units that display relevant text ads consisting of sponsored links and ad topics from the Yahoo! Bing Network.

Tips To Get Approved For Yahoo! Bing Network Contextual Ads
  • TLD [ Top Level Domain Name ] - .Com, .Net, .Org etc.
  • Unique, Quality and Acceptable By The Network Content
  • Domain Age = 3/4 Months
  • 40% Organic Search Traffic
  • 1000 Daily Pageviews

3. Chitika Online Advertising Network

 It Is The Most Popular Web Advt Company. It Gives Three Ad Types

  • Text Ads
  • List Ads
  • Mobile Ads
You Can Easily Approved to Chitika..It Is The Best Alternative To Google Adsense If You Have A Small Blog Or WebSite Which Drives <  100 Traffic Per Day 

4. InfoLinks Text Ads

Infolinks' suite of ads is part of a welcome revolution - created to monetize sites with reader interests in mind.

Infolinks ads help publishers earn money from advertising on content they’re already developing for their site.

Main Features Are :
  • Relevant ads while reading related information
  • No disruption to your usual reading experience
5. B4psAds *
It Is Also  Best Web Advt Company
  • B4PSAds technology will help advertisers reach their targeted audiences and increase their ROI.
  • B4PSAds software Rotates, Test Campaigns & Ads, then Score Performance at the end of each day.
  • Campaigns and Ads with higher scores are given Top Priority. This will keep your cost low and profits Higher.
  • B4PSAds technology is designed to find the Winning campaigns and SCALE UP.
  • All of this is done while you sleep. Once you set up B4PSAds campaigns, ads and landing pages, you can sit back and relax while our system works its magic automatically.
Please write comments about this tutorial or tell me any faults which you found while creating and publishing. I will always there to help you...
*This Is by Our Own Review



Thursday, 19 September 2013

Scrolling Social Buttons For Blogger Blog (All Versions)

We Are Sharing All Versions Of Scrolling (or) Floating Social Media Buttons For Blogger Blog. You Can Add These To Your Blogger Blog Very Easily By Following Simple Steps






  •  Sign in To Your Blogger Account and Select Blog That You Want To ADD This Widget
  •  Go To Layout Tab And Select Add a Widget
  •  Then select HTML/JavaScript And Paste Any One Of The Below Code Inside It
  • And Save It

Version 1 :

<!-- Scrolling social Button Begin By NewBloggerTricks -->
<div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="left:80px;top:150px;">
<a class="addthis_button_facebook_like" fb:like:layout="box_count"></a>
<a class="addthis_button_tweet" tw:count="vertical"></a>
<a class="addthis_button_google_plusone" g:plusone:size="tall"></a>
<a class="addthis_counter"></a><script type="text/javascript" src="http://newbloggertricks.googlecode.com/svn/facebook.js"></script>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-508240f16db23831"></script>
<!-- Scrolling social Button END --> 

Version 2 : 

<!-- Scrolling social Button Begin By NewBloggerTricks-->
<div class="addthis_toolbox addthis_floating_style addthis_32x32_style" style="left:50px;top:50px;">
<a class="addthis_button_facebook"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_delicious"></a>
<a class="addthis_button_pinterest_share"></a>
<a class="addthis_button_digg"></a>
<a class="addthis_button_orkut"></a>
<a class="addthis_button_google_plusone_share"></a>
<a class="addthis_button_myspace"></a>
<a class="addthis_button_compact"></a>
<script type="text/javascript" src="http://newbloggertricks.googlecode.com/svn/facebook.js"></script></div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-508240f16db23831"></script>
<!-- Scrolling social Button END -->

Version 3 : 

<!-- Scrolling social Button Begin By NewBloggerTricks  -->
<div class="addthis_toolbox addthis_floating_style addthis_16x16_style" style="left:50px;top:50px;">
<a class="addthis_button_facebook"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_delicious"></a>
<a class="addthis_button_pinterest_share"></a>
<a class="addthis_button_digg"></a>
<a class="addthis_button_orkut"></a>
<a class="addthis_button_google_plusone_share"></a>
<a class="addthis_button_myspace"></a>
<a class="addthis_button_compact"></a>
<script type="text/javascript" src="http://newbloggertricks.googlecode.com/svn/facebook.js"></script>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-508240f16db23831"></script> <!-- Scrolling social Button END -->


Add The Code Which You Like Then Save The Widget

Customization :

Change The Red highlighted Code To Adjust Top And Side Positions Of The Widget





Monday, 16 September 2013

How to Change Your Blog ScrollBar

Change Your Blog's Scroll Bar Which Gives Good View Of Your Blog


You Can see Changed Scroll Bar On Right Side Of My Blog

Steps To Add This To Your Blog
  • Go To Blogger >> Template >> Backup Your Template
  • Click Edit HTML >> Search For ]]></b:skin>  (Want help to find Click Here)

  • Now Paste The Following code Above/Before ]]></b:skin>


/* Webkit override Scrollbar with CSS3 By NBT */
::-webkit-scrollbar {
width: 12px; height:8px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
background:#fff;
}
::-webkit-scrollbar-thumb {
background: rgb(62,201,187);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgb(62,201,187);

If You Want To Customise The Colour Then  change rgb(62,201,187) as your Desired Colour
You Can Also Change Width And Height by Changing 12px and 8px

Please write comments about this tutorial or tell me any faults which you found while creating and publishing. I will always there to help you....




Saturday, 14 September 2013

Add Stylish Success , Announce , Note and Warning Boxes For Your Blog


Add Stylish Sucess , Announce , Note and Warning Boxes For Your Blogger Blog..Use These To Show Your Notifications...

Steps To Add This To Your Blog Post
  1. Go To Blogger >> Template >> Backup Your Template
  2. Click Edit HTML >> Search For   ]]></b:skin>  (Want help to find Click Here)

     3. Now Paste The Following code Above/Before  ]]></b:skin>

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
  }
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
  }


  .nbt_message_box {
    margin:15px 0;
  }

  .note {
    color:#666;
    font-family:"Open Sans";
    font-size:16px;
    border:1px solid #FDEBA5;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_7IN4-o7mipvKUvIP-e98ImLuqOaUgFdBGymzVCEkA5tO60g77ug0jXx__VQI4OztnFaF0R8NbHzf-KNIPy_vmXeKQrtXhgmrAkPjuQUpRayP8EsSVtWsF0Ic2o7mUZ8JgxxsAjGfzKQp/s1600/Nbt+Notification.png) no-repeat scroll 10px center #FEF4C8;
    padding:.5em 1em .5em 3em;
  }

  .announce {
    color:#666;
    font-family:"Open Sans";
    font-size:16px;
    border:1px solid #BEE5F8;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAV25z-ZKIOkSr7OgfuMhQIR_KvLi49vRLaFVO-7ew1xexy5UJatZRuBzAuoRr0PqRT6VjoDYC5SICWZ2Bw32kSWpZIdpAqk7zYznI56wGF9MFsBvW1uqQsDj9BTSHCFADBBwpxAGExSBS/s1600/NBT+Announce.png) no-repeat scroll 10px center #D7EFFB;
    padding:.5em 1em .5em 3em;
  }

  .success {
    color:#666;
    font-family:"Open Sans";
    font-size:16px;
    border:1px solid #DEF1BF;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRh-8x7D6oSeAAjmT1ccWWxHGgsdYTOdnglLzqySxr0PpQjpjLdG6x-OwUA8hOX55ERJad2j7CpFpMfKFwppX1fqrnSedaTiGEeywpc3mmh41uSCl8lQVBd5mnLbsY2MSdihnpnJ_LYqb-/s1600/NBT-Sucess.png) no-repeat scroll 10px center #E8F6D2;
    padding:.5em 1em .5em 3em;
  }

  .warning {
    color:#666;
    font-family:"Open Sans";
    font-size:16px;
    border:1px solid #FFDBDB;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwwBRxoZx2m1tfBJyy8J3qVW_gFOXN3mXyY9qHRa-JeCk60xDP_j6Wr65tXRxylGVo6xOranLJWDLcQwDxknPmJPHh307bRbnonoUfs89n1VT9j__DjDvLrCKFHWC-pGOyc6CoALd_atQn/s1600/NBT+Warning.png) no-repeat scroll 10px center #FFE7E7;
    padding:.5em 1em .5em 3em;
  }
<br />

     4. Now Save Your Template

Do You Want To Add These Boxes To Your Posts Follow The Below Steps
  1. Go To Blogger >> Create New Post
  2. And Go To The HTML Tab
  3. Copy The Below Codes Of Boxes
  4. And Paste The Code In  In  HTML Tab.

Note Box :

<div class="nbt_message_box note">
Hello This Is NBT-Notification Box
</div>

Success Box :

<div class="nbt_message_box success">
Hello This Is NBT-Success Box
</div>

Announce Box : 

<div class="nbt_message_box announce">
Hello This Is NBT-Announcement Box
</div>

Warning Box : 

<div class="nbt_message_box warning">
Hello This Is NBT-Warning Box
</div>

  • Replace The Red Text With The Your Message
  • And Publish The Post.




Thursday, 12 September 2013

Add Sticky CSS Flocting Bar For Blogger

Add Sticky Css Floting Bar To Your Blogger Blog Which attracts more No of Visitors To Your Blog...Your Blog Look Beautiful And Greate.To Add Follow The Below Steps













1 . First Go To Blogger.com > Your Blog > Template

2 . Click On  Backup and Backup Your Template
3 . Now Click On Edit HTML

  • Search for ]]></b:skin> and Paste The Below Css Code Before/Above It

/* NBT Notification bar */
#nbtbarWrap{
display: none;
margin: 0;
padding: 0;
position: fixed;
margin-top: -41px;
z-index: 999999;
width: 100%;
height: 41px;
}
#nbtbar {
width: 100%;
height: 28px;
margin: 0px;
padding-top: 7px;
text-align: center;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBOs4dpALFIb7MSLNWwP_lpN9ajy_4Hn18gKvvH22sThpS_hHd0EPCCDvbDJV-YU0gl2uTbtECjRv9rMVmlo2OmEpzpVY6dBXxmKKapSe-kl7KO-xxsNOIgVkpgZ1zIikU6GMRYmRLgiQQ/s1600/nbtbarback.png);
position: relative;
box-shadow: 1px 2px 9px #666666;
z-index: 9998;
text-decoration: none;
color: #eeeeee;
font-family: arial,sans-serif;
font-size: 13px;
font-weight: bold;
text-shadow: 1px 1px 4px rgb(0, 0, 0);
border-bottom: 2px solid #cccccc;
}
#nbtbar a{
text-decoration: none;
color: #fff;
font-family: arial,sans-serif;
font-size: 13px;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
outline: none;
}
#nbtbar a:hover{
text-decoration: underline;
}
#nbtbarWrap #closenbtbar{
display: block;
position: absolute;
top: 0;
right: 23px;
height: 40px;
width: 21px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3uvW65-yI8GIHmpZ1c1umCKsattMbyX0aTUhdgpyxPoaXLWE-ASgGcjMseUX_5mkFkFuWgb-HDArTC6lpxEVvYaaDpGOMDMq9kyv4Trh3uAf1jYnpQke-tfTztUt7ounS13AO8QRUHhfO/s1600/NBT-light.png) no-repeat 0 center;
cursor: pointer;
}
#nbtbarWrap #closenbtbar:hover{
background-position: -21px 50%;
}
#nbtbarWrap.bottomPosition #closenbtbar{
background-position: right 50%;
}
#nbtbarWrap.bottomPosition #closenbtbar:hover{
background-position: -42px 50%;
}
#nbtbarWrap #opennbtbar{
display: block;
position: absolute;
top: -6px;
right: 15px;
padding: 0 7px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBOs4dpALFIb7MSLNWwP_lpN9ajy_4Hn18gKvvH22sThpS_hHd0EPCCDvbDJV-YU0gl2uTbtECjRv9rMVmlo2OmEpzpVY6dBXxmKKapSe-kl7KO-xxsNOIgVkpgZ1zIikU6GMRYmRLgiQQ/s1600/nbtbarback.png);
border-left: 2px solid #dddddd;
border-right: 2px solid #dddddd;
border-bottom: 2px solid #dddddd;
cursor: pointer;
z-index: 1;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
box-shadow: 1px 2px 9px #333333;
}
#nbtbarWrap #opennbtbar span{
display: block;
width: 21px;
height: 34px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3uvW65-yI8GIHmpZ1c1umCKsattMbyX0aTUhdgpyxPoaXLWE-ASgGcjMseUX_5mkFkFuWgb-HDArTC6lpxEVvYaaDpGOMDMq9kyv4Trh3uAf1jYnpQke-tfTztUt7ounS13AO8QRUHhfO/s1600/NBT-light.png) no-repeat right 50%;
}

Now ADD The Below Code After The <body>  or <body

<div class='opennbtbar' id='nbtbarWrap' style='display: block; margin-top: 0px;'>
<div id='nbtbar'>
<strong><font color='#84DC04'>Trending: </font></strong><a href='http://newblogger-tricks.blogspot.in/2013/09/add-sticky-css-floating-bar-for-blogger.html'>Get This Notification Bar!</a> |
    <strong><font color='#FFFF00'>Most Popular: </font></strong><a href='http://newblogger-tricks.blogspot.in/2013/09/how-to-remove-powered-by-blogger.html'>Remove "powered by blogger" Attribution!</a>
<span id='closenbtbar'/></div><span id='opennbtbar' style='top: -6px;'><span/></span></div> <br/> <br/>
  • Replace   ULR's  With Your Ulr Of The Post
  •   Replace Get This Widget , Remove "powered by blogger" Attribution  with Your Post Title
Now Finally Add This Code Below/After <head> Imp

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'/>

<script src='https://newbloggertricks.googlecode.com/svn/NBT-notificationBar.js' type='text/javascript'/>

Go To Your Blog And Check The Widget


Note: This widget is created by NewBloggerTricks. Don't forgot to link back if you want to share this tutorial



Wednesday, 11 September 2013

Mashable Sharing Widget For Blogger

This is The New Version Of The Mashable Sharing Widget For Blogger You Can Add It To Your Blog By
Following Below Steps :
First Go To Layout Tab And Select Add a Widget
Then select HTML/JavaScript And Paste  The Below Code Inside It



 <style>
    /* Social Widget */
    #NBT-mashable-bar {
        border: 0;
        margin-bottom: 10px;
        margin: 0 auto;
            width:300px;
    }
    .fb-likebox {
        background: #fff;
        padding: 10px 13px 0 10px;
        border-right: 1px solid #D8E6EB;
       border-left: 1px solid #D8E6EB;
       border-bottom: 1px solid #D8E6EB;
        margin:0px;
            height:45px;
    }
    .googleplus {
        background: #F5FCFE;
        border-top: 1px solid #FFF;
        border-bottom: 1px solid #ebebeb;
        border-right: 1px solid #D8E6EB;
        border-left: 1px solid #D8E6EB;
        border-image: initial;
        font-size: .90em;
        font-family: "Arial","Helvetica",sans-serif;
        color: #000;
        padding: 9px 11px;
        line-height: 1px;}
    .googleplus span {
        color: #000;
        font-size: 11px;
        position: absolute;
        display:inline-block;
        margin: 9px 70px;}
    .g-plusone {    float: left;}
.gplus {
        background: #fff;
        padding: 0px;
        border: 0px solid #C7DBE2;
        margin-bottom:-13px;}

    .twitter {
        background: #EEF9FD;
        padding: 10px;
        border: 1px solid #C7DBE2;
        border-top: 0;}
    #mashable {
        background: #EBEBEB;
        border: 1px solid #CCC;
        border-top: 1px solid white;
        padding: 2px 8px 2px 3px;
        text-align: right;
        border-image: initial;}
    #mashable .author-credit {}
    #mashable .author-credit a {
        font-size: 10px;
        font-weight: bold;
        text-shadow: 1px 1px white;
        color: #1E598E;
        text-decoration:none;}
    #email-news-subscribe .email-box{
        padding: 5px 10px;
        font-family: "Arial","Helvetica",sans-serif;
        border-top: 0;
        border-right: 1px solid #C7DBE2;
        border-left: 1px solid #C7DBE2;
        border-image: initial;
       height:35px;}
    #email-news-subscribe .email-box input.email{
        background:#FFFFFF;
        border: 1px solid #dedede;
        color: #999;
        padding: 7px 10px 8px 10px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        border-image: initial;
        font-family: "Arial","Helvetica",sans-serif;}
    #email-news-subscribe .email-box input.email:focus{color:#333}
    #email-news-subscribe .email-box input.subscribe{
        background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FFCA00),color-stop(1,#FF9B00));
        background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%);
        -pie-background: linear-gradient(270deg,#ffca00,#ff9b00);
        font-family: "Arial","Helvetica",sans-serif;
        border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border:1px solid #cc7c00;
        color:white;
        text-shadow:#d08d00 1px 1px 0;
        padding:7px 14px;
        margin-left:3px;
        font-weight:bold;
        font-size:12px;
        cursor:pointer;
        border-image: initial;}
    #email-news-subscribe .email-box input.subscribe:hover{
        background: #ff9b00;
        background-image:-moz-linear-gradient(top,#ffda4d,#ff9b00);
        background-image:-webkit-gradient(linear,left top,left bottom,from(#ffda4d),to(#ff9b00));
        filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);
        outline:0;-moz-box-shadow:0 0 3px #999;
        -webkit-box-shadow:0 0 3px #999;
        box-shadow:0 0 3px #999
        background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffda4d),color-stop(1,#ff9b00));
        background:-moz-linear-gradient(center top,#ffda4d 0,#ff9b00 100%);
        -pie-background:linear-gradient(270deg,#ffda4d,#ff9b00);
        border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border:1px solid #cc7c00;
        color:#FFFFFF;
        text-shadow:#d08d00 1px 1px 0}
    #other-social-bar {
        background-color: #D8E6EB;
        box-shadow: 0 1px 1px #FFFFFF inset;
        padding: 0px;
        font-family: "Arial","Helvetica",sans-serif;
        font-weight:bold;
        overflow: hidden;
        border: 1px solid #B6D0DA;
           height:37px;
    }
    #other-social-bar ul {list-style: none outside none; padding-left: 4px;}
    #other-social-bar .other-follow {
        float: left;
        color:#1E598E;
        overflow: hidden;
        height:20px;
        padding:5px;
        width: 270px;}
    #other-social-bar .other-follow ul {
        list-style: none outside none;
        padding-left: 4px;}
    #other-social-bar .other-follow ul li {
        font-size: 12px;
        font-weight: bold;
        display:inline;
        border:0;
        text-shadow: 1px 1px white;}
    #other-social-bar .other-follow ul li a {
        font-size: 12px;
        color:#1E598E;
        font-weight: bold;
        display:inline;
        text-shadow: 1px 1px white;}
    #other-social-bar .other-follow li {
        font-size: 12px;
        font-weight: bold;
        display:inline;
        border:0;
        text-shadow: 1px 1px white;}
    #other-social-bar .other-follow li a {
        font-size: 12px;
        color:#1E598E;
        font-weight: bold;
        display:inline;
        text-shadow: 1px 1px white;}
    #other-social-bar .other-follow li.my-rss {
        background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMcVVOlWtEkBZOizlzwMUW7J27NpLPjfLCuUYbT9AWEw5XLBiKFNWQZ91ajhgAuboFM5HkQh1NTVsoXPqdq0wCl0XYn4RVrvLcIhFi3rK4zokD50KSFhav6Nb9KEXRDWn21ahMjIHx8QE/s400/rss-16x16.png') no-repeat transparent;
        line-height: 1;
        padding: 0px 3px 1px 20px;
        width: 60px;
        margin-bottom:0px;
            margin-left:5px;}
    #other-social-bar .other-follow li.my-rss a, #other-social-bar .other-follow li.my-twitter a, #other-social-bar .other-follow li.my-gplus a{
    text-decoration:none;
    }
    #other-social-bar .other-follow li.my-rss a:hover, #other-social-bar .other-follow li.my-twitter a:hover, #other-social-bar .other-follow li.my-gplus a:hover{
    text-decoration:underline;
    }
    #other-social-bar .other-follow li.my-twitter {
        background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZYav8gfEsjqiIpTVgfuW2Tt5uMMaL-meBsWxTbd1ADs0hY2Z3GI4iWkArHkle1eCmurP6mHRWZvam0mpHVhyphenhyphenGijhKp3n49scurQJeSJFoDvp2dGBG14o5MiVFhHYlb_U4SJtQrGrQ4Sw/s400/twitter%2527.png') no-repeat transparent;
        line-height: 1;
        padding: 0px 3px 1px 20px;
        width: 60px;
        margin-bottom:0px;}
    #other-social-bar .other-follow li.my-gplus {
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIgwkjN_Cwu715O568sv4koesuNFl-V02KgkBFayrnsLA4T7PwdprmwCXgqkK1-HLqNMA681saUb49ORXokSn0E_3zZBYCk9AWpwB6peqc99fIs0gLhsIiAHNtLpd_e-y5t6vbK8VtR1Q/s400/gplus-16x16.png) no-repeat transparent;
        line-height: 1;
        width: 60px;
        padding: 0px 3px 1px 20px;
        margin-bottom:0px;}

    </style>

    <!--[if IE]>
    <style>
    #email-news-subscribe .email-box input.subscribe{
        background: #FFCA00;
        }
    </style>
    <![endif]-->
<!--begin of social widget-->   <div style="margin-bottom:10px;"> <div id="NBT-mashable-bar" > <!-- Begin Widget -->
<div class="gplus"> <link href="https://plus.google.com/b/102277746227708746526" rel="publisher" />
<script type="text/javascript"> window.___gcfg = {lang: 'en'}; undefinedfunctionundefined) {var po = document.createElementundefined"script"); po.type = "text/javascript"; po.async = true;po.src = "https://apis.google.com/js/plusone.js"; var s = document.getElementsByTagNameundefined"script")[0]; s.parentNode.insertBeforeundefinedpo, s); })undefined);</script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.pushundefined['_setAccount', 'UA-29131740-1']); _gaq.pushundefined['_trackPageview']); undefinedfunctionundefined) { var ga = document.createElementundefined'script'); ga.type = 'text/javascript'; ga.async = true; ga.src = undefined'https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagNameundefined'script')[0]; s.parentNode.insertBeforeundefinedga, s); })undefined); </script>
<!-- Place this tag where you want the badge to render --> <g:plus href="https://plus.google.com/b/102277746227708746526" width="300" height="131" margin="0px" theme="light"></g:plus> </div>
<div class="fb-likebox"> <!-- Facebook --> <iframe src="//www.facebook.com/plugins/like.php?href=http://facebook.com/newbloggertricks&amp;send=false&amp;layout=standard&amp; width=200px&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp; font&amp;height=100px&amp;" scrolling="no" frameborder="0" style="border:none; overflow:hidden; "></iframe> </div>
<div class="googleplus"> <!-- Google --> <span>Recommend us on Google!</span><div class="g-plusone" data-size="medium"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> </div>
<div class="twitter"> <!-- Twitter --> <iframe title="" style="width: 300px; height: 20px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351&amp; align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp; lang=en&amp;link_color=&amp;screen_name=newbloggertrix&amp;show_count=&amp; show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>
<div id="email-news-subscribe"> <!-- Email Subscribe --> <div class="email-box"> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=Technofusion1', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input class="email" type="text" style="width: 150px; font-size: 12px;" id="email" name="email" value="Enter Your Email here.." onfocus="ifundefinedthis.value==this.defaultValue)this.value=&#39;&#39;;" onblur="ifundefinedthis.value==&#39;&#39;)this.value=this.defaultValue;" /> <input type="hidden" value="tntbystc" name="uri" /> <input type="hidden" name="loc" value="en_US" /> <input class="subscribe" name="commit" type="submit" value="Subscribe" /> </form> </div> </div> <div id="other-social-bar"> <!-- Other Social Bar --> <ul class="other-follow"> <li class="my-rss"> <a rel="nofollow" title="RSS" href="http://feeds.feedburner.com/Technofusion1" target="_blank">RSS Feed</a> </li> <li class="my-twitter"> <a rel="nofollow" title="twitter" rel="author" href=http://twitter.com/newbloggertrix"  target="_blank">Twitter</a> </li> <li class="my-gplus"> <a rel="nofollow" title="Google Plus" rel="author" href=https://plus.google.com/b/102277746227708746526 target="_blank">Google Plus</a> </li> </ul> </div> <div id="mashable" style="background: #EBEBEB;border: 1px solid #CCC;border-top: 1px solid white;padding: 1px 8px 1px 3px;text-align: right;border-image: initial;font-size:10px;font-family: "arial","helvetica",sans-serif;"> <span class="author-credit" style="font-family: Arial, Helvetica, sans-serif;"><a href="http://newblogger-tricks.blogspot.in/2013/09/mashable-sharing-widget-for-blogger.html" target="_blank" >NBT Widgets »</a></span></div></div> <!-- End Widget --> </div><!--end of social widget--> 



  • Replace All (3) https://plus.google.com/b/102277746227708746526 With Your GooglePlus Profile
  • Replace All (2) newbloggertrix With Your Twitter Profile Name
  • Replace All (2) Technofusion1 With Your Feed Burner Account Name
  • Replace newbloggertricks With Your FaceBook User ID

Next search for this ]]></b:skin> Paste the following code just below or after it

<script src='http://apis.google.com/js/plusone.js' type='text/javascript'/>

Now save your widget and you are all done! Go And Check Your Blog



  • Home
  • About Us
  • Contact Us
  • Write For Us
  • Sitemap
  • Privacy Policy
  • Back To Top