Add | Put Three Tab Gadget/Widget In Blog Layout Sidebar On Blogspot

In this tutorial i will show you how to Add Three Column Tab Gadget in blogger sidebar with three option Followers, Popular Posts, Blog Archive. To install this widget in blogger template is so simple and easy or if you want to add this widget in blog then follow the below tutorial for doing this on your blogger. I also put/install this widget now then i want to share it with my blog readers. To add this widget in blogger is very effective for blog reader they can easily access your blog and easily find what they want on your blog. These three option is not fix you can easily change after adding this widget on blog.

5 Ways How to Make your Blogger Blog Like WordPress Website
How I Make My Blogger Good Looking Best Tricks
How To Make Website Like My Blogger Tricks To Get Best Alexa Rank 

Adding Three Tab Gadget/Widget On Blogger Blogspot:

This widget is one of the best widget because it is not occupies too much space in this widget space is less and three option is added easily which is very best. It also make your blog looking good and your blog look like perfect blog after adding this. The three tab gadget in layout many types but i choose simple and best looking i also make this tutorial so easy and any one add this widget to their blog by using this easy tricks.

Add | Put Three Tab Gadget/Widget In Blog Layout Sidebar On Blogspot

                                    

Now we are going to start the simple adding Three Tab or Multi Tab Widget on Blogger Blogspot. Follow below tutorial and add easily.

Go to Blogger.com.
Go to Template.
Click on Edit HTML orange button link.
First Download your full blogger template.
Press Ctrl+F in the HTML Body Box.
Paste the below code/tag in the search box and press enter.

]]></b:skin>

When you find this code/tag then pick or copy the below code and paste just above/before the above tag.

/***----- TOB Multi Tabbed Widget ----***/
.tabs-widget{list-style:none;list-style-type:none;margin:0 0 10px 0;padding:0;height:26px}
.tabs-widget li{list-style:none;list-style-type:none;margin:0 0 0 4px;padding:0;float:left}
.tabs-widget li:first-child{margin:0}
.tabs-widget li a{color:#4E4840;background:#EBEBE5;padding:5px 16px;display:block;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.tabs-widget li a:hover,.tabs-widget li a.tabs-widget-current{background:#756857;color:#FFF;text-decoration:none}
.tabs-widget-content{}
.tabviewsection{margin-top:10px;margin-bottom:10px;}

Now if you have Default Template or any types of template then find the any code which is given below one by one.

<div class='column-right-inner'>

<div id='sidebar-wrapper'>

<div id='rsidebar-wrapper'>

When you find any one of them then copy below code and paste below any of tag which you find.

Get Google Page Rank With In 1 Month By Simple And Easy Tricks 
Best Blogger Tips And Tricks For My Blog SEO Instantly


 

<div class='tabviewsection'>
<script type='text/javascript'>
            jQuery(document).ready(function($){
                $(&quot;.tabs-widget-content-widget-themater_tabs-1432447472-id&quot;).hide();
                $(&quot;ul.tabs-widget-widget-themater_tabs-1432447472-id li:first a&quot;).addClass(&quot;tabs-widget-current&quot;).show();
                $(&quot;.tabs-widget-content-widget-themater_tabs-1432447472-id:first&quot;).show();
      
                $(&quot;ul.tabs-widget-widget-themater_tabs-1432447472-id li a&quot;).click(function() {
                    $(&quot;ul.tabs-widget-widget-themater_tabs-1432447472-id li a&quot;).removeClass(&quot;tabs-widget-current a&quot;);
                    $(this).addClass(&quot;tabs-widget-current&quot;);
                    $(&quot;.tabs-widget-content-widget-themater_tabs-1432447472-id&quot;).hide();
                    var activeTab = $(this).attr(&quot;href&quot;);
                    $(activeTab).fadeIn();
                    return false;
                });
            });
        </script>
<ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'>
<li><a href='#widget-themater_tabs-1432447472-id1'>Followers</a></li>
<li><a href='#widget-themater_tabs-1432447472-id2'>Popular</a></li>
<li><a href='#widget-themater_tabs-1432447472-id3'>Blog Archives</a></li>
</ul>
<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id1'>
<b:section class='sidebar' id='sidebartab1' preferred='yes'>
<b:widget id='CustomSearch1' locked='false' title='' type='CustomSearch'/>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
</b:section>                                      
</div>                           
                               
<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id2'>
<b:section class='sidebar' id='sidebartab2' preferred='yes'>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'/>
</b:section>                                        
</div>                           
                               
<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id3'>
<b:section class='sidebar' id='sidebartab3' preferred='yes'>
<b:widget id='BlogArchive2' locked='false' title='Blog Archive' type='BlogArchive'/>
</b:section>                                    
</div>
</div>

Now Save your Template.
Click to View Blog.

Now you have done this trick and your blog look good now if you want to replace gadget with other gadgets then delete the following and replace which you want to add.

Related Articles:

Add | Put HTML Color Code Generator Tool To Your Blogger With Easy Tricks
Add Manually CSS Jqeury Drop Down Menu On Blogger
Add Three Or Four Column Footer Widget/Gadget In Blogger Blogspot
Add Facebook Like Box Widget/Gadget On Blogger
AddAbout Us Page Widget | Gadget On Your Blog Footer Or Sidebar
Add | Put 50 Flag Translator Widget | Gadget On Your Blogger
Easy Trick To Add Twitter Updates Gadget To Blogspot Blogger
Add Recent Post Moving In Down And Upward Direction

What is Twitter Influence?

Becki, from Ambient Lights, wrote up a really nice article explaining Twitter influence and the site Twinfluence. Enjoy!

To quote Twinfluence.com: “Twinfluence is a simple tool using the Twitter API to measure the combined influence of Twitterers and their followers, with a few social network statistics thrown in as bonus.”

Basically, your Twitter influence shows how many people you could reach by tweeting and by the retweeting of your tweets by your followers.

For 14 days, I tracked the number of those I follow on Twitter and those who follow me. I didn't make an extra effort (too much at least) to gain new followers or tweet more. I really just tweeted and followed as I normally would. Some days I wasn't on Twitter much, some days I was on a lot.

At the beginning, I was following 573 fellow tweeters and 576 were following me. At the end of the two weeks I was following 697 tweeters and 717 were following me.


My Twitter influence rank at the beginning on 2/16/09 was 3,542 (86%) with 1,593,565 second order followers. Secondary followers on Twinfluence are calculated by collecting the “raw” numbers of your followers’ followers, but not your followers’ followers’ followers’ followers. Let’s use some simple numbers for an example of what secondary followers are. Let’s say only 10 fellow Twitterers were following you on Twitter but each of the 10 following you has 100 followers. The secondary followers that would be in your reach (i.e. retweets!) would be your 10 followers multiplied by each of their 100 followers = 1,000 second order followers! Do you see the power of retweets?

Twinfluence quote: “The number rank and percentage number is explained by Twinfluence as 'Reach Ranking'. Reach rankings take the form of 'Rank: #XXX (YY%)'. The #XXX score is your overall rank compared to all other Twitterers that have been analyzed by Twinfluence. If your rank is #400, that means there are 399 other Twitterers in the system that have higher reach scores than you. The (YY%) score is your grade; if you have a grade of 75%, it means that you have a higher reach than 75% of the other Twitterers we have analyzed.”

A full explanation about Twinfluence can be found here: http://Twinfluence.com/about.php

On 2/24/09 I went through all the tweeters I followed and unfollowed some, 38 to be exact. I did not unfollow all that did not follow me back (I did follow them for a reason), but I did unfollow some that had not followed me back, some I found that hardly ever tweeted, and/or tweeted things that I decided didn't truly interest me all that much.

The day I unfollowed some tweeters, my Twinfluence was ranked at 3,059 (89%) with 1,850,594 secondary followers.

For the people I newly followed during this time, I checked out what I normally check out when I follow people, but I did so a bit more thoroughly. I looked at the number of those they followed and the people who followed them, their web site if one was linked, read a page (maybe two) of their tweets and their Bio on Twitter, too, of course. I know that sounds like a lot but I mostly skimmed through it and was able to check out many tweeters in a fairly short amount of time... with just a few distractions of looking at interesting random links I ran across in their tweets.

At the end of the time that I was tracking my followers and those that followed me, my Twinfluence rank was 2,648 (90%) with 2,160,468 secondary followers. So, with out too much extra effort my rank rose 4% in two weeks and I gained 566,903 secondary followers as well as 141 awesome new direct followers.


Everyone uses Twitter for different reasons and in different ways, but I feel one reason that many of us tweeties use Twitter is for the network reach it has - be that making new friends, sending out inspirational quotes, promoting your business, charity or blog, whatever the case may be... it's about the network, however small or large, and Twinfluence is a great tool to find out exactly what your potential reach may be.