The tabviews are elements that allow us to group in a single container various gadgets and these can be selected via tabs.
Its main function is to save space on the blog to avoid scattered gadgets in the same category so you can group multiple gadgets into one. There are several methods for creating tabviews, some require jQuery, other MooTools, or any other script.

To add this widget to your blog, just follow the steps below:

Step 1. From your Blogger Dashboard, go to Template and click on the Edit HTML button

Step 2. Expand the style of the template, by clicking on the sideways arrow before <b:skin> ... </b:skin>


Step 3. Search using CTRL + F for the following tag:







Step 4. Just above it, add the following code:




Step 5. Find the </head> tag and just above it, paste this script:



Step 6. Finally, look for this line:



Or if you use an old template of Blogger, search this line:




Step 7. Paste below one of these two lines, this code:




Step 8. Save changes, and go to Layout and there you will see the new areas to add gadgets.


You just have to click on Add a Gadget to add the gadget to the tab that corresponds, or drag a gadget you already have to that section.

If you want to add more tabs, then just add before the last </div> a line like this:





Note that each line you add should have a different ID, for example Tab5Tab6, etc..

You can add multiple tabs, just repeat the last step and likewise remember to change the name of the IDs.

Remember that if your sidebar is too narrow, then you should not put a lot of tabs, or tab titles that are very long.

You should also note that this gadget does not speed up the loading speed of the blog, is only to group gadgets into one, even, depending on the blog-may take a while to load the tabview.

Ditulis Oleh : Gusti Ardias Riantono ~ Mari Belajar

author-photo Kalian sedang membaca artikel tentang How To Add a Tabbed Navigation Widget for Blogger yang ditulis oleh Gusti Ardias Riantono. Kalian diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya juga ya :)




:: Salam ! ::

Don't forget, share and follow twitter Mari Belajar! :D

Post a Comment

Powered by Blogger.