Cara Mudah Buat Tab Pada Website Anda......
Bagi anda para blogger, mungkin suatu saat kurang puas dengan tampilan blog/ website anda, dan ingin memodifikasi dibagian tertentu dari tema atau tampilannya, misalnya pada menu tab.Untuk melakukan perubahan pada tema blog biasanya para blogger memanfaatkan tool tertentu yg ada di internet. salah satunya adalah CSS Tab Designer , tool yg sangat cerdas untuk mempermudah kostumisasi tab menu. Selain membuat tab menu, tool ini dapat mengonversi tab tersebut ke kode CSS sehingga akan mempermudah pengguna pemula . Tool ini juga cukup ringan, ukurannya hanya 1,45 MB. CSS Tab Designer menyediakan beberapa menu style CSS yg lumayan menarik, baik tab menu model horizontal maupun vertikal, jadi tinggal pakai aja karena sudah ada kode HTML dan CSSnya. Hal ini semakin efektif untuk membuat menu tab karena kita tak perlu repot" menulis HTML atau CSS nya.
Berikut ini cara menggunakan CSS Tab Designer :
1. Buka softmare CSS Tab Design.
2. klik pada bagian Fill with sample > pilih tab menu yg sesuai dengan template.
3. klik generate HTML & image > simpan file di drive komputer anda. kemudian ubah exstensi file tersebut menjadi TXT. selanjutnya klik kanan > open with > notepad. Akan tampil kode berikut :
....
..
..
dan terakhir </html>
Kode yang di blod adalah file gambar yang ikut tersimpan Upload gambar tersebut ke www.picasaweb.google.com/home dan ganti code tersebut dengan url gambar yg telah di upload.
4. Sekarang login > dashboard > rancangan > edit HTML
5. Cari kode </b:skin> biar lebih mudah pake ctrl+F
6. Copy kode yang bergaris miring diatas dan paste diatas kode </b:skin> lalu simpan
7. Pilih tab elemen halaman pada blog anda > tambah gadget > pilih HTML > copy dan paste seluruh kode yg ada di bawah baris <h2>Tab menu H</h2> kebagian ini.
8. simpan
Langganan:
Posting Komentar
(Atom)
Contributors
Date & Time
Obrolan
0 Komentar:
Posting Komentar