Beberapa waktu yang lalu ada yang menanyakan kepada saya bagaimana cara untuk membuat menu tab view seperti pada blog ini. Tetapi karena penjelasannya lumayan rumit jadinya sampai sekarang baru sempat saya posting.
Nah bagi anda yang belum tahu apa itu tab view. Tab view adalah sebuah widget yang mempunyai fungi tab dimana setiap tab bisa mewakili satu widget atau konten sehingga bisa menghemat ruangan pada blog anda. Contoh tampilannya seperti gambar dibawah ini.
Pada bagian ini saya akan memberikan tutor bagaimana cara memasang menu tab view. Cara yang saya gunakan mungkin sedikit berbeda dengan yang diberikan oleh blogger lain yang memerlukan pengeditan pada kode css template sehingga kesannya lebih rumit. Nah bagi anda yang tertarik untuk memasangnya, silahkan ikuti langkah-langkah dibawah ini:
1. Login ke Blogger
2. Pilih Layout -> Page Element
3. Klik Add a Gadget lalu masukkan kode dibawah ini kedalam kotak
Keterangan:
Tulisan berwarna merah merupakan keterangan dari masing-masing kode. Silahkan diganti sesuai dengan template anda.
Tulisan berwarna biru merupakan warna teks pada kotak Tab
Tulisan berwarna hijau merupakan tulisan pada kotak Tab
Angka 300 menunjukkan lebar kotak konten
Angka 180 menunjukkan tinggi kotak konten
Tulisan yang dicetak tebal merupakan isi dari tab view. Anda bisa menggantinya dengan teks, link, banner atau apa saja disana.
4. Kalau sudah, klik Save. Selesai
Jika anda ingin menambah menu tab baru cukup tambahkan kode yang berkedip dibawahnya.
Tidak ada komentar:
Posting Komentar