Tambahkan Fungsi Tab pada Postingan

Secara default ada 3 tab yang tersedia, Anda dapat menambahkan maksimal 4 tab dalam satu artikel.

1. Temukan file dengan nama Tabs Post.txt
2. Salin semua kode yang ada
3. Pada editor postingan Blogger silahkan ubah ke Tampilan HTML
4. Tempel semua kode yang sudah disalin tadi ke dalam postingan Anda.

Untuk merubah judul tab, Anda bisa merubah bagian yang ditandai dari kode dibawah ini :

<!--[ 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='Tabs_1'></label>
  <label for='fTabs-2' data-text='Tabs_2'></label>
  <label for='fTabs-3' data-text='Tabs_3'></label>
</div>

<div class='tbCn'>
  <!--[ Tabs content ]-->
  <div class='tbText-1'>
    First tab here... 

  </div>
  
  <!--[ Tabs content ]-->
  <div class='tbText-2'>
    Second tab here...
  
  </div>
  
  <!--[ Tabs content ]-->
  <div class='tbText-3'>
    Third tab here...

  </div>
</div>

Bagaimana cara menambahkan tab baru?

Untuk menambahkan tab baru ada 3 kode yang harus Anda salin yaitu kode <input>, <label> dan <div class='tbText-1', contoh :

<!--[ Active function ]-->
...
...
...
<input class='tbIn hidden' id='fTabs-4' type='radio' name='postTabs'>

<!--[ Tabs header/title ]-->
<div class='tbHd scrlH'>
  <!--[ Change atribute data-text='...' to replace tabs title ]-->
  ...
  ...
  ...
  <label for='fTabs-4' data-text='Tabs_4'></label>
</div>

<div class='tbCn'>
  ...
  
  ...

  ...
  
  <!--[ Tabs content ]-->
  <div class='tbText-4'>
    Fourth tab here...

  </div>
</div>

Source:
www.jagodesain.com

---