Untuk Konsultasi dan Diskusi silahkan gabung ke Grup Telegram kami.
Join Now

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


Dengan berbagi, kamu tak akan pernah kekurangan. Berbagi dengan orang lain adalah bentuk terbaik mensyukuri apa yang telah kita dapatkan dari sang khalik. Tetap semangat dan terus berkarya...

Posting Komentar

Silahkan tinggalkan komentar Anda dan terimakasih telah berkunjung di amroe-oemar.blogspot.com semoga artikel yang baru saja anda baca bermanfaat untuk Anda. Selamat berblogging...
© Blog Amroe.web.id. All rights reserved. Developed by Jago Desain