Penampilan bagi blog adalah syarat utama bagi saya sebagai blogger, sehingga blog qt nyaman jika dikunjungi oleh pengunjung.
Tema blog merupakan pokok utama yang mempengaruhi cantik gantengnya blog blog qta. Nah kali ini saya tidak akan membahas tentang tema blog, tapi saya akan menerangkan atau menjelaskan tentang Navigasi Menu dan Tab View. Navigasi Menu dan Tab View merupakan hal penting bagi sebuah blog/web.
Banyak sekali CSS-CSS tab view dan navigasi menu yang sudah banyak disediakan di internet. CSS-CSS tersebut dibuat oleh para master blog. Dan jika para blogger (pengguna blog) menginginkanya atau tertarik dengan CSS tersebut, mereka bisa tinggal mengkopi-paste CSS tersebut dan meletakkanya di blog mereka.
CSS ini bisa berupa CSS Navigasi Menu dan atau juga CSS Tab View. Tentunya bukan hal yang memuaskan jika kita hanya bias mengkopi-paste dan meletakanya begitu saja di blog kita, harusnya kita juga bisa membuatnya sendiri . Kita juga bisa membuatnya (membuat CSS Menu Navigasi atau CSS Tab View) dengan hasil kreasi sendiri, softwarenya adalah CSS Tab Designer.
Software ini memudahkan kita untuk membuat CSS Menu dengan kreasi dan karya kita. Untuk membuatnya pun cukup mudah perhatikan tutorial berikut.
- Download CSS Tab Designer disini
- Instal software tersebut di komputer anda (prosesnya mudah kok, tinggal next yes-next yes aja)
- Setelah terinstal, buka softwarenya dan anda bisa memilih salah satu contoh “style menu” yang ada, dan dapatkan html code nya.
- Jangan lupa ubah kode url image sebelum ditempatkan..Cari gambar tab menu yang kamu pilih di C:/program File/CSS Tab Designer 2/styles/tab menu dan upload di image hostingmu. Misalnya, photobucket, tinypic, imageshack, dsb.
- Kemudian ganti “tableft.gif” dan “tabright.gif” dengan kode image dari image hostingmu, yang telah kamu upload tadi.
- Ubah juga url dan nama tab sesuai yang diinginkan.
- Kalo udah, masuk ke blogger
- Kemudian Klik Tata Letak —> Elemen Halaman —> Tambah Gadget
- Biasanya tab menu ditaruh dibawah header.
- Copykan kode html dari CSS Tab Designer mulai <style> sampai sebelum </body>
- Simpan dan Lihat Hasilnya
0 Comments:
Posting Komentar