Easy way to get subscriber to blogger blog

So here I am showing you the easy way to get maximum subscribers to your blogger blog, because use of wordpress its pretty low to get better subscriber to increase the blog traffic. You already know that subscription is more important so the people or user of your blog always remain in contact with your blog with their subscribe option so they get email alert when any new update takes on your blog.
There are many ways to bring the subscribers to your blogger blog but first you have a fully section of subscription on your blog so the people came to site they see the option and can easily get updates from your blog.

Most significant way to bring more subscription is to add a gadget of subscription to your blog so a normal person can get the updates. It does not take much time to add on blogger here is the way to add subscription box to blogger blog check them out and you find a better way to do that.

Features of adding this gadget

Well as my thinking there are many merits of adding this box to blog you can easily connect with your audience.

• That’s the best way to increase your blogger blog traffic.
•  Its bring professionalism in your blog so reader attract to get more work.
• Users stay on your website long time to get more info.
• It’s very easy to install and bring much response.
• Main thing is that user stay connected with your blog and can read new posts.

There are also many other ways to get traffic or stay connected with website like facebook, twitter but this method is directly goes to their email and people directly read the invitation that you have updated the blog and please come on it to read the blog work.

You can increase the subscribers and social points if you add the subscribe box to blogger it’s not only a one way of getting a thousands of visitors to website with organically but it also remain connected with your daily active users.

If we see the wordpress according to blogger then wp already added the subscribe box but blogger not but blogger is more better then wp there are several reasons about it but it’s not a topic whatever we talk.

So finally I am just want to say that adding or installing the subscriber gadget to blogs is most and powerful attractive way to bring visitors to your blog or website. You can easily send all of your subscribers new and feed to stay connect with them. Here are some services which provide the subscribe facility for free,

Feeburner.com (by google highly recommended)
cwsubscribe.com
rhapsody.com


Author :
I am Amir and love blogging working from more than 5 years in blogging field you can find me on my blog

Read More...

How to Increase Facebook Likes Easily With Popup Box

These days Fb get away from the particular the search engines guiding now the superior pet with Alexa which can be your list application for each internet site. Below I will inform you that it's incredibly essential to acquire Myspace prefers aimed at your website along with the try and generate the content should be only offer you your strategies to make smarter loves to ones lover web site upon http://www.facebook.com.

Areas techniques to receive prefers with your page

Put just like field internet:

There's a completely new approach you include popup pack in order to web site to obtain additional prefers from this, in the event somebody emerged aimed at your web as well as just like your articles he then in addition such as the facebook web site to get additional revisions onto it.Thus you must ought to create this container regarding choose to your site or even web page that very easily improve the kind of ones enthusiast webpage.

Publicize your own webpage:

It is yet another yet paid out strategy to obtain enjoys internet enthusiast webpage, once you develop a webpage an individual only have to go to the promote part of your facebook web page, even if a person membership on your MYSPACE bill as well as route in your web page subsequently inside the correct area of this webpage you can view that there are support look about it that question to market the web page to obtain additional loves, people have to click this as well as populate a number of important info so you are generally completed the assist are going to be apparent with future short amount of time, and also you are receiving wants to your current webpage.(It will need $$ to try and do so)

Acquire enjoys:

There is certainly an additional approach you may get wants to your own web site should be to purchase loves, for those who have developed some sort of lover web site you should head over to yet another web site and purchase the actual wants to the lover web page (this seriously isn't encouraged suitable now).This kind of enhance the MYSPACE prefers they will not be thoroughly appropriate and also you don’t find obtain the most as a result.

Suggested procedure:

I would recommend one to squeeze in a Myspace similar to package in order to web site to become more loves this can be no cost procedure therefore you don’t must devote any kind of income into it.Which means this perform is completely no cost. I will be working my own weblog plus perform identical in addition to We are in a position to receive 100 in order to 1000 prefers within small forty eight a long time, in case you are likewise performing a similar you will additionally find the very same.

Should you don’t have got almost any internet site or even website next this really is minor tough you should opt for the minute approach which can be promotion method about Facebook or myspace it'll take definitely greater loves to web site.


This is a guest post by Amir Freed. You can also find him on http://mbgadget.blogspot.com

Read More...

How to Add Google+ badge to Your Website and Wordpress blog

Maybe, You have read my tutorial which talks about How to add google+ widget for blogger/blogspot. But, I feel i have not been completed if i just post that tutorial  for blogger only. Bloggers in the world don't only use blogger/blogspot as their platform. Some of them also use wordpress or other blogging tools. Even, Maybe some of them also build their blog themselves, without any tools (In this article i called it as "Independent website").

Therefore, Here i will give tutorial for wordpress blog and independent website about how to add google+ badge to site interface. Here I only talk about google+ badge. This because this tutorial is more complicated than previous tutorial (Tutorial for Blogger/blogspot). For tutorial about other google+ platforms, i will post it later. Than you do not understand, it's better I discuss them one by one, right?

Before, I must explain what is google+ badge ?.. Google+ badge is a Goggle+ platform for website that allows to connect your profile or website page in Google+ to your website. So, There are two kinds of google+ badge, those are badge for personal profile and badge for Google+ page. Installed Profile badge on your website/blog allows you to added to cirlces by your website visitors. While, Installed Google+ page badge allows your Google+ page being followed by your website/Blog visitors.
That's cool stuff, right?

Well, To add Google+ badge, Let's follow the tutorial below..

-How To Install Google+ Badges For Wordpress Site-

1. Log in to your Wordpress Blog Dashboard.

2. Go to Plugins > Add New.

3. In search box, Type "Google+ badge", then Click "Search Plugins".

4. There are some result for your search. Choose one which most suitable with your search (usually the first order of results).

5. Click "Install Now" below the title of plugin.

6. The plugin is downloading now. Wait  for about less than 10 minutes. The duration is dependent on your internet connection speed, plugin size, and server of plugin creator.

7. After the plugin have downloaded and installed, then activate it.

8. Next, Go to Setting menu > Google plus badge.

9. You will redirect to Google+ badge setting. Here you can set your badge performance.

10. The important point is : you must put your profile or google+ page id at first of your setting. If you don't know your id. just go to profile page of google+ account and see the Url/address bar. There are 21 digits of id number.


11. if you have finished set your badge, Save setting and your badge will be displayed. Your badge displayed by slide style (hover), Like the image below.

 
The badge will appear when cursor touch google+ icon. You can change the position in Google+ badge setting.

*This tutorial is just for Self-hosted wordpress blog (hosted in wordpress.org or other web hosting services). This is not apply for free wordpress blog which hosted in wordpress.com. This because wordrpess.com don't support plugins installation manually.

-How To Install Google+ Badge For Independent Website-

This is actually general ways to add google+badge. This tutorial apply for all kind of websites/blogs with any blogging tools (Which allows you to edit source codes).

1. Before you add google+ bagde to your Website, you should to log in to your google+ account.

2. Next, Visit this https://developers.google.com/+/plugins/badge/

3. You will find the page of Google+ badge configuration to be installed on your blog.

4. Choose the account which you want use for your badge. As i explained above, you can choose personal profile or google+ page account.

5. You also can configure your Google+ bagde. Just set as you like. Even, you also can manage advanced options. Advanced options is for badge style and compability.

7. if you have finished set it, Drag and Copy the code.

8. Log in to your website administrator.

9. Choose the html/php file which you want to add badge.
Usually, google+ badge installed in homepage your website. So, choose and edit index.php or index.html file.

10. Put the codes copied anywhere you like your badge displayed, provided that still between <body> and </body>.

11. Save and your Google+ badge installed.

Other ways :

If you want to use shorter codes, you can change the copied code by this codes :

JavaScript include and a badge tag :

---

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plus href="https://plus.google.com/{profileId/pageid}" rel="author"></g:plus>

---

Or

HTML5-valid badge tag :

---

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<div class="g-plus" data-href="https://plus.google.com/{profileId/pageid}" rel="author"></div>

---

Note :
*Change {profileId/pageid} by your profile or page id.
*Remove rel="author" if your bagde for Google+ page.
*if you want do the general ways to wordpress. Just copied one of the three codes above.
The steps : Login to wordpress Blog dashboard > appearance > widget > text(arbitrary text or html) > paste the code > save and finish.

Well, That's the tutorial to add google badges. If you have any problems & questions, Feel free to ask. I will always give you my best.

Happy Blogging :)

Read More...

How to Hide Blogger/Blogspot Navbar of Your Blog

Navbar or Navigation Bar is a default widget of blogspot/blogger blog which was installed automatically. Navbar is horizontal elongated which usually located at part top of blog (though can be moved).
Some bloggers feel disturbed with this widget. Therefore, they hide bloggers navbar from their blog. Well, Maybe you are one of them. So, If you want to hide your blogger/blogspot navbar too, You can follow the steps below :

The way 1:
Before, you can't do this way because blogspot not provide this way to hide navbar. Before, Blogspot disallow you to hide navbar. But, maybe because there are too many users who use bugs(The way 2 and 3) to hide navbar, so blogspot allow this and provide the formal and simple way to hide navbar. the steps is :

1. Log in to your dashboard.
2. Go to "Layout" Menu
3. Click "edit" of navbar widget.
4. Then you will taken to this new window page :

5. Set your Navbar Configuration become "Off" (see the image above).
6. save and your navbar has been hidden.

The way 2 :
1. Log in to your dashboard.
2. Go to "Template" menu
3. Click "EDIT HTML".
4. Proceed. *tips : backup your template before you editing HTML of template.
5. Find This code : ]]></b:skin>
6. Then Put The following codes above ]]></b:skin> ( or between <b:skin><![CDATA[ and </b:skin> ) :

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

7. save and your navbar has been hidden.

The way 3 :
1. Log in to your dashboard.
2. Go to "Template" menu
3. Click "EDIT HTML".
4. Proceed. *tips : backup your template before you editing HTML of template.
5. Then put the following code below <body> or better is above </head> :

<style type='text/css'>
#navbar-iframe {height:0px;
visibility:hidden;
display:none;}
</style>

6. save and your navbar has been hidden.

Well, That's three ways to hide your blogspot/blogger navbar. If you have any problem and question about the ways above, Don't hesitate to ask me. Happy Blogging :)

Muhammad Syakirurohman with his young spirit.

Read More...

How to Install "AddThis" Sharing Button on Your Blog

Do you already know "Addthis" sharing button? Okay, if you don't know, Let me tell you. "Addthis" button is a widget for your blog that allows and ease your blog readers share your blog/contents to hundreds of social media, whether it is social bookmarking, social networking, micro blogging or other. This widget can you get in www.addthis.com for free. I recommend you to use this widget i sure this is so useful for your blog. As we know, share blog contents to social media is the essence of SMO. The easier visitors to share your contents, The better your SMO. This is be alternative and effective way for you to share your blog more widely. You no need to install one by one of social media sharing button.
To add This "AddThis" sharing button, just follow the steps below :

1. go to www.addthis.com
2. Click "Get The Code" Menu




3. Then, You will taken to the following page :



You can select the style of your sharing button.

4. If you choose sharing button for a website, you will taken to the page above and you need to have an account and sign.
After you Create account and sign in, you can get the codes :

Grab it and copy. Then paste and put that codes in your website pages between the <body> and </body>


5. If you choose sharing button for your blogger blog, you no need to have an account. You just click install widget like on the image below.




 after that, you can taken to the following page :
*remember, you must logged in to your blogger account before.
Click "add widget" and you will taken to "layout/page element" page, then choose and set the position to place this widget.

5. If you choose sharing button for wordpress blog, you will see the instruction like the image below :



Just follow the instruction and install "addthis" sharing button.

6. Finish.

That's all from me. Just practice the steps above and enjoy addthis sharing button in your blog. If you have any problem when installation, Don't hesitate to ask me on the comment below. Hope this useful for you. Happy Blogging :)

Muhammad Syakirurohman and his young spirit.

Read More...

How to Add Google+ Widgets (Badge, Followers and Button) to Your Blog

Who doesn't know Google+? A social network which is almost able to compete with facebook. Well, Google+ is arguably the biggest social network site second only to facebook. This new social network had very rapid improvement. This is reasonable because it is owned by Google, the number one websites company in the world.
Therefore, very reasonable if we add widgets which allow us connect our blog with Google+. So far, there are three widgets to connect blog with google+. Those is Google+ badge, Followes and Button which was provided by Blogspot. Google+ Badge is to tell your visitors that you're on Google+ and let them follow you with a single click. Google+ Followers is highlight your total Google+ audience (both its size and some friendly faces), and offer visitors the chance to follow you on Google+. While, Google+ Button is to let visitors quickly recommend your brand and your content. Surely, you must have a google+ account. But, I sure you have it if you use blogspot because a blogspot account is Google account. And, a google account is can use for all google products, include Google+.
These is social media optimization(SMO) tips to share your blog more widely and to build your authority in your niche. Okay, The following are the ways to add Google+ badge, followers and button for blogspot blog. Those is very simple.

Google+ Badge installation

1. Login to your blogger dashboard.
2. Go to "Layout/page element" menu.
3. Add a gadget
4. Choose and click Google+ badge widget
5. Set and manage the google+ badge position in your blog.

Google+ Button installation

1. Login to your blogger dashboard.
2. Go to "Layout/page element" menu.
3. Add a gadget
4. Choose and click Google+ button widget
5. Set and manage the google+ button position in your blog.

Google+ Followers installation

1. Login to your blogger dashboard.
2. Go to "Layout/page element" menu.
3. Add a gadget
4. Choose and click Google+ Followers widget
5. Set and manage the google+ Followers position in your blog.

This tutorial just for blogger. So, if you use wordpress as your blogging tool, you can add google+ badge by follow this post : "How to install google+ badge on wordpress".
That's all from me. hope useful for you. Happy Blogging.

Read More...

Add a Translator to ease your visitors read

Our blog visitors surely is not only from our country. moreover if your blog/site is use english as your language. indeed, english is international language and peoples in the world have been understand it. however, on some country (especially developing country) there are still one who can't understand english. So, your blog is need to add translator to ease your visitors to read your blog.
to add it, just follow the steps below :

1. Google translate style 1

a. log in to your dashboard
b. go to "layout/page element" menu
c. add gadget and find google translate gadget.



d. choose it and save.
e. your translator have been added
*the translator style is as you see in this blog

2. Google translate style 2

a. log in to your dashboard
b. go to "layout/page element" menu
c. add "html/javascript" gadget.
d. then, paste the code below :

<div>
<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'id',
    autoDisplay: false,
    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
  }, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</div>

e. save it and finish

*the translator style is as you see on image above.

*choose one of the two style above

okay.. that's it..
Hope useful and Happy Blogging :)

Read More...

How to make Floating/fixed widget (by CSS)

For a Blogger, floating widget on blog maybe is an important for make easy navigation. the function of floating widget is to show that is important widget you want to always seen by visitors. The content of floating widget usually is a widget that ask visitors to participate on our blogs.
however, Some Blogger confused and can't to make this widget (maybe you included, hehe) . So, here i will tell you how to make fixed widget on your blog. the ways is not too difficult.

1. Log in to your dashboard.
2. go to "layout/Page element" Menu.
3. Choose or add widget you like to made fixed style.
4. Then, see the id of that widget. the way is like the image below.

*example, your widget id is HTML4
5. After you find and know the widget ID, Go to Template
6. EDIT HTML >> Proceed. *tips : backup your template before you editing HTML
7. Check "expand widget template".
8. find the code of your widget like image below :

*find it by do search by click CTRL + F.

9. after that, add the red code so be like Below :

<div class="html4">

<b:widget id='HTML4' locked='false' title='' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
</div>


10. then, place the css code below above ]]></b:skin> or between <b:skin><![CDATA[ and ]]></b:skin>code.

.html4 {
position:fixed;
z-index:9999;
bottom:0px;
right:0px;
}

*css code explanation :
- .html4 is tell that your widget class is html4. it is because code <div class="html4"></div> you add before.
- bottom:0px; and right:0px; it tell that your widgte position is at right bottom corner. you can modify it as you like. ex. top:0px; and left:0px; is for locate at top left corner.
*if your widget id is not html4, change the html4 code above by your widget id.

11. save it and Finish.

okay, That's all. If you have any questions, just ask by leave comments below.

hope this useful for you. Happy Blogging :)

Read More...

How to show Widget on only determined pages

Okay.. bloggers. this time i will give you a tutorial how to set display of blog widget on only specific pages. surely, it is so useful for you that install many widgets on blog. your widgets can you manage where it is display and where it is not displayed. if you use many widgets on blog but you don't set it, but you display it on all pages of your blog, your blog will be seen complicated and messy. in addition, it is will enlarge the size of your blog and make it heavy loaded. well, maybe, sometimes you want a widget display only on static pages, or only on homepage, or only on post pages. now, after you finish read this article, you can set it by easy.

this way actually is very simple. it is use conditional tag (<b:if>), a XML tag that maybe ever you hear. this tag will determine a object on your blog to shown on one page but hide on other pages.

okay.. let see and follow the steps below guys :

1. determine and know widget id.

before you set a widget,  you must determine and know the ID of widget you specify. to know it, just go to "layout/page elements" menu > choose and edit the widget you set -then a pop up window will appear - > look at the address bar -see the image below- > find the id.

remember that id, because that is the widget id will we set. example. the id that will used is HTML4

tips: set a widget that really suitable to show or hide. prioritize most important and useful.

2. Edit HTML

after you have been determine and know widget id, Go to "template" menu > edit HTML > proceed. then, check "expand widget HTML".

find the html code of HTML4 -press ctrl + f, type HTML4 and you will find it-.

after that, put the red code like below :

*for show widget on homepage and hide on other pages.

<b:widget id='HTML4' locked='false'  title='' type='HTML'>

<b:if cond=’data:blog.url == data:blog.HomepageUrl’>

<b:includable id='main'>

  <!-- only display title if it's non-empty -->

  <b:if cond='data:title != &quot;&quot;'>

    <h2 class='title'><data:title/></h2>

  </b:if>

  <div class='widget-content'>

    <data:content/>

  </div>

  <b:include name='quickedit'/>

</b:includable>

</b:if>

</b:widget>

*for show widget on Post pages and hide on other pages.

<b:widget id='HTML4' locked='false' title='' type='HTML'>

<b:if cond=’data:blog.PageType’==”item”’>

<b:includable id='main'>

  <!-- only display title if it's non-empty -->

  <b:if cond='data:title != &quot;&quot;'>

    <h2 class='title'><data:title/></h2>

  </b:if>

  <div class='widget-content'>

    <data:content/>

  </div>

  <b:include name='quickedit'/>

</b:includable>

</b:if>

</b:widget>

*for show widget on static pages and hide on other pages.

<b:widget id='HTML4' locked='false' title='' type='HTML'>

<b:if cond=’data:blog.PageType  != “static_page”’>

<b:includable id='main'>

  <!-- only display title if it's non-empty -->

  <b:if cond='data:title != &quot;&quot;'>

    <h2 class='title'><data:title/></h2>

  </b:if>

  <div class='widget-content'>

    <data:content/>

  </div>

  <b:include name='quickedit'/>

</b:includable>

</b:if>

</b:widget>

*for show widget on archive page and hide on other pages.

<b:widget id='HTML4' locked='false' title='' type='HTML'>

<b:if cond=’data:blog.PageType  == “archive”’>

<b:includable id='main'>

  <!-- only display title if it's non-empty -->

  <b:if cond='data:title != &quot;&quot;'>

    <h2 class='title'><data:title/></h2>

  </b:if>

  <div class='widget-content'>

    <data:content/>

  </div>

  <b:include name='quickedit'/>

</b:includable>

</b:if>

</b:widget>

*for show widget on special page (based URL) and hide on other pages.

<b:widget id='HTML4' locked='false' title='' type='HTML'>

<b:if cond=’data:blog.PageType  == “Your Page URL Here”’>

<b:includable id='main'>

  <!-- only display title if it's non-empty -->

  <b:if cond='data:title != &quot;&quot;'>

    <h2 class='title'><data:title/></h2>

  </b:if>

  <div class='widget-content'>

    <data:content/>

  </div>

  <b:include name='quickedit'/>

</b:includable>

</b:if>

</b:widget>

*tips : before you edit html, get used to backup your template first. it in order when you do an error, you can back your template like before.

you can choose which match with your requirement.

3. if you have finish edit and set. don't forget to save it.

that's it. just practice it. if you have any questions and error when edit HTML, you can ask me by leave the comments below. i waiting for your response.

hope useful and Happy Blogging :)

Read More...

How to make Breadcrumb on your blog.

Breadcrumb is an important navigation that must you set on your blog. breadcrumb will ease your visitors to know  on the page  where they were. in addition, breadcrumb also good for your SEO. Search engines like the sites that have breadcrumb. so, why your blog no set a breadcrumb ?.

okay.. let to set breadcrumb on your blog by the steps below :

1. Log in to your Blogger dashboard.

2. go to "template" menu, and choose edit HTML. *before you edit HTML, get used to backup your templates.

3. check the expand widget templates.

4.  find the code below :

<b:if cond='data:post.title'>

5. then, put the following code under it

<b:if cond='data:blog.pageType == "item"'>

<a href='http://syakirurahman.blogspot.com/'>Home</a> &#187;

<b:if cond='data:post.labels'>

<b:loop values='data:post.labels' var='label'>

<a expr:href='data:label.url' rel='tag'><data:label.name/></a>

<b:if cond='data:label.isLast != "true"'>,</b:if>

</b:loop>

&#187;

</b:if>

<data:post.title/>

<hr>

</b:if>

*don’t forget to modify the red code to be your blog url.

6. save it. and finish

that's all, and now, just see the result. if there are any errors or you have any questions, you can ask me on the comment box below. okay that's it from me, hope useful for you. Happy Blogging :)

Read More...

How to create Light random post widget on your blog.

this time, syakirurahman will tell you about a Blog tutorial again. now, it is about random post widget. random post widget is important enough to make your blog navigation be easy. random post widget will display your older blog post that maybe your visitors never read it. so this widget will very useful to add on your blog.

well, this is the tutorial to make random post widget on blog :

1. Log in to your Dashboard

2. go to "lay out" menu

3. add "HTML/javascript " gadget.

4. paste the codes below :

---

<!-- Start Random Post -->
<script type='text/javascript'>
aa_r_post_number = 10; //jumlah tampilan
aa_style = 2; // style : 0, 1 ,2 ,3
aa_url = 'www.blogberbagi.com'; // Your Blog URL Without HTTP://
</script>
<script type="text/javascript" src="http://zona_widgets_1.xtgem.com/2_random_post_style"></script>
<!-- End Random Post -->

---

*number 10 on aa_r_post_number = 10 is the number of post will display on this widget, you can modify it as you need.

okay, that's all from me. if you don't understand, you can ask me on the comments below. i waiting for your response. Happy Blogging :)

Read More...

how to create clock accessories for your blog

   

hi bloggers, in this time i will give you a tutorial about  to decorate your blog with clock accessories. this clock accessories is will make your blog more interesting and tell your visitors about the time when they visit your blog. the visitors will made easy to manage their time to access your blog if them have the limited time.

this accessories can obtained free of charge. okay.. follow the steps below :

1. visit this site > www.clocklink.com

2. choose the available clock model like analog, animal, animation, digital, etc. (look at left sidebar)

3. click "view HTML tag" located the below of clock you chosen, then click "accept"

4. select your time zone for your territory

5. manage the size of the clock as you like, the copy it HTML codes.

(the steps on clocklink.com is finished)

but, it is not finish yet completely. follow again the steps below :

6. log in to your dashboard

7. go to "layout/design" menu.

8. add gadget with "HTML/javascript" type

9. then, paste the HTML codes of the clock.

10. save it , and finish

good luck and may useful for you :) ask me if you have a question on the comment box

Read More...

How to make multi-columns menu in the blog

Maybe, make the multi columns menu in your blogs like the image above is your wish. In this article i will explain you about how to make multi columns menu in your blog.

Multi columns menu is saving place in your blog sidebar and make your blog more interesting dan easy navigation. For make this widget, please follow the steps below  ;

1.        Log in to your dashboard

2.       Click “lay out” menu, and add gadget

3.       Select “HTML/javascript” gadget

4.       Copy the code below  

<style type="text/css">

    .tabber {

     padding: 0px !important;

     border: 0 solid #bbb;

    }

    .tabber h2 {

     float: left;

     margin: 0 1px 0 0;

     font-size: 12px;

     padding: 3px 5px;

     border: 1px solid #bbb;

     margin-bottom: -1px;

     overflow: hidden;

     position: relative;

     background: #fff;

     cursor:pointer;

     -moz-border-radius:5px 5px 0 0;

     border-radius:5px 5px 0 0;

    }

    html .tabber h2.active {

     background: #696969;

     border-bottom: 1px solid #fff;

    }

    .tabber .widget-content {

     border: 1px solid #bbb;

     padding: 10px;

     background: #fff;

     clear:both;

     margin:0;

    }

    .codewidget, #codeholder {

     display:none; {

    </style>

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

    <script type="text/javascript" src="http://greenlava-code.googlecode.com/svn/trunk/publicscripts/bloggertabs0.1_min.js"></script>

    <script type="text/javascript">

    $(document).ready(function() {

     $('#codeholder').bloggerTabber ({

      tabCount : 3

     });

    });

    </script>

<!-- Jangan hapus kode dibawah, agar widget bisa berfungsi --><div id='codeholder'><a href="http://www.bloggersentral.com/2011/05/create-tabbed-content-blogger-widgets.html" target="_blank"></a><p>Get this <a href="http://kamu-klik.blogspot.com/2011/12/widget-menu-tab-view-termudah.html" target="_blank"><blink>widget</blink></a></p></div>

5.       Place the gadget at the above other gadget which will be columns. Like this :

6.       Then the result in your blog is :

If you want to the columns is more than three columns you can change the code “tabcount: 3” in the code above be 4 or the number of tab menu you want. Then place the columns at the below of code gadget.

Okay, good luck and happy blogging :)

Read More...