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

How I Can Make Internal Links In The Blog Post To Increase Rank

This tutorial is about to make internal links in between post. Blogging tricks are very important to increase Google rank when you optimize your blog for better rank then this trick is very effective. I have already write very much post related to this problem some people comments me how we increase Google rank i really appreciate them and tell him use this tutorial to solve this problem.

You Should Make Internal Links

You Can Easily Manage Permalinks Which Is Search Engine Friendly

When we optimize our blog for better Search Engine Optimization then these links very effective but

i am going to tell you about best and simple way to create internal links. Which also increase your page rank and Alexa rank.

When i start blogging then i realize the internal links are best way to make your blog perfect and also get more pageviews and original traffic from Google. Because Google increase rank those website which have more internal links and backlinks.

Now Let's Start The Tutorial:

When you start blogging then keep in mind you should make more internal links and backlinks. The best way to increase internal link is repeat your post in the blog post which you want publish. When you are going to publish your post then save your links which you have already publish. Save links on your notepad file and when you going to publish your post give your link in these post which you are going to publish.

How To Make Internal Links:

Go to Blogger.com.
Go to New post.
Write your post which you want to publish now.
Pick up your save links and put then in your post.
You can easily put internal link your post by using the link tools.
When you are writing your post pick link which are related to your post which you are going to publish.
Give the perfect title of your post.
When your doing this then you have see to links Open in New tab and Add "rel=nofollow'.
Tick the 'rel=nofollow' because Google crawler don't save duplicate content of your post.
When you done this then submit your blog post in sitemap in webmaster tools.

Submit Sitemap

When you submit sitemap then your blog is perfect and you done this with your all blog post later.
Your blog is get rank in one or two months it also take three months.
Your blog is ready to get more pageviews and original traffic from Google.

Related Posts: 

How To Make Sitelink For Better SEO
Create Internal Links And Backlinks To Different Blogger Blog Post
How I Can Remov Or Fix Broken URL For Google Adsense Crawler
How I Can Write 100% Original Content For Blogger
How To Make Backlinks To Other Website To Increas Page Ranka

How I Can Reduce My Blog Page Loading Time For Blogger Blogspot

This tutorial and trick is very helpful in blogging for blog page loading if your blog take too much time to open then reduce it because visitor don't like loaded website or blog. Blog or Website is the main source of income also you can also take time to check the blog health if you not check it health then your blog is drop their rank in search engine and this thing is not good. When you make your blog with more passion and you also like to take your website or blog on Google rank then you totally focus on your site. I have a beautiful and very effective trick for this thing which is know as page loading.

When you start blogging on your blog then your mission is to take rank to your site. Imagine your website or blog is the only source of income then you get this things very easily in your mind. 

How I Can Reduce Page Loading Time With Just Add JQuery Pluging:

This post will deeply explain to you how you can add JQuery Plugin for loaded page reduce. You can also apply it on your website also because it is a JQuery Plugin if you have a blog or website contain many and many more images, softwares, and videos then you apply this tricks and make your site perfect. This plugin reduce the page loading time  of your blog or website. This JQuery plugin is written in JavaScript. In other ways and some cases it also reduce server load that's why when visitor is scroll a long pages with images and videos then your pages immediately shows all of the images and videos on your post or pages.

Now Let's Start The Tutorial:

Go to your Blogger.com.
Go to Template.
Go to Edit HTML.
Click Expand Widget Template.
Press Ctrl+F to find the </head> tag in the HTML coding.
When you press ctrl+f then you see a box below in your browser paste </head> in your below box.

To get JQuery Plugin Code Click Here.  

When you get the jquery plugin code the paste it just before/above the </head> tag.
When you paste it then save template and view your website or blog to see the results.

Related Post:

How Manage Blogger Title Tags to Improve SEO 
Make Money Form Links of Amazon Product to Blogger Posts  
Read More Button In Blogger Post With Jump Break Feature 
You Put Chitika Ads to Blogger Blogspot with Simple Steps  
5 Ways How to Make your Blogger Blog Like WordPress Website