How To Add Tabs On A Page

Your_content_ type here for viewing on that tab

Your_content_type here for viewing

Your_content_ttpe here. If you don't want this tab then cut from this particular 3 Tab section

---

Here Available your required HTML CODE. If You Use this Lantro Ui theme, then you can easily acces this type through paste this code on html view page .

Just double click this code box then automatically copy this code on your keyboard.

After that, the same way of posting a Article to place at particular position of the post.

      
<!--[ Active function ]-->

<input class='tbIn hidden' id='fTabs-1' type='radio' name='postTabs' checked>

<input class='tbIn hidden' id='fTabs-2' type='radio' name='postTabs'>

<input class='tbIn hidden' id='fTabs-3' type='radio' name='postTabs'>

<!--[ Tabs header/title ]-->

<div class='tbHd scrlH'>

  <!--[ Change atribute data-text='...' to replace tabs title ]-->

  <label for='fTabs-1' data-text='Assamese'></label>

  <label for='fTabs-2' data-text='English'></label>

  <label for='fTabs-3' data-text='Tabs_3'></label>

</div>

<div class='tbCn'>

  <!--[ Tabs content ]-->

  <div class='tbText-1'>

    <a name='more'></a>

    <p>Your_content_ type here for viewing on that tab </p>

  </div>

  <!--[ Tabs content ]-->

  <div class='tbText-2'>

    <p>Your_content_type here for viewing</p>

  </div>

  <!--[ Tabs content ]-->

  <div class='tbText-3'>

    <p>Your_content_ttpe here. If you don't want this tab then cut from this particular 3 Tab section</p>

  </div>

</div>
  

This Tab style is make your site very attractive and useful at same time reading continuosly to change the section. This also make your site very looking professional.

---

Rate This Article

Thanks for reading: How To Add Tabs On A Page , Stay tune to get latest Blogging Tips.