Tutorial Membuat Multi Tab Widget

Halo para pembaca Rizqi punya Aye. Pernah dengar pepatah ini kan? Banyak jalan menuju Roma, tapi kadang karena nggak punya peta, akhirnya ketemu jalan buntu. Paling enak kalo ada cara yang gampang, nebeng ke orang yang lagi perjalanan ke Roma. Tahu-tahu nyampe.

Nah, tentang artikel ini juga gitu. ada banyak artikel yang ngasih tutorial membuat multi tab widget, tapi dengan cara yang diberikan, kadang ada yang buntu, itu juga yang saya alami. Akhirnya, ada cara gampang, yaitu "numpang" ke script yang bisa me-multi tab-kan widget itu. tinggal pasang script itu, tanpa bongkar CSS dan template HTML, langsung jadi tab widgetnya.
Ok, mau tahu caranya? ikuti langkah berikut ini.

1. Login ke Blogger, langsung meluncur ke Page Element (layout)
2. Pilih HTML / Javascript Widget
3. Kosongkan saja judulnya
4. Copy code dibawah ini







Get this widget or click here

4. Save, tempatkan widget ini di atas widget lain yang akan di-tab kan. Dengan begitu widget yang ada dibawahnya akan terbagi dalam tab.
  tabbed contents view elements

Untuk mengganti jumlah widget yang akan di-tab kan, ganti angka yang saya beri warna biru. Untuk mengganti background tab yang defaultnya putih, ganti code yang saya beri warna merah, dengan code warna yang diinginkan.
selamat mencoba......

Komentar

Postingan Populer