English French German  Hungarian Spain Italian Nederland Russian Brazilian Japanese Korean  Vietnamese Arabic Chinese Turkish Hindi Bosnian Filipino Greek Indonesian
Facebook Twitter Pinterest Stumb Linked Friends Delicious Bebo Friendfeed Myspace Plurk Multiply Digg Squidoo Technorati Gmail Yahoo Youtube Amazon Wikipedia Vimeo About Instagram Ask Blogger Ebay

JUDUL  TUTORIAL

Unduh Adobe Flash player

website view counter

Sobat sekalian yang budiman aku ucapkan selamat jumpa lagi pada tutorial kali ini, kita akan membahas menu Styles halaman. Pada website yang telah kita bahas terdahulu kita baru sampai pada bagaimana cara membuat halaman baru. Lalu sekarang kita lanjutkan dengan menu Styles yang terdapat di halaman dasboard.

 

Sobat sekalian Menu Styles berguna untuk mengatur styles Text yang kita gunakan di setiap halaman web kita. Pengaturan melalui Styles ini bersifat umum, artinya style text yang telah kita tentukan tersbut  berlaku untuk setiap halaman yang telah dan yang akan kita buat selanjutnya. Oleh karena  itu kita harus sangat hati-hati dalam menentukan pilihan yang akan kita lakukan. Sesuaikanlah pilihan pengaturan (parameter) dengan back ground  halaman yang telah  kita rencanakan.  Sobat  tidak usah khawatir  style yang kita tentukan tidaklah bersifat permanen suatu saat dapat kita rubah. Selain itu dalam kondisi khusus kita juga dapat merubah style melalui edit text yang hanya berlaku pada text khusus pilihan kita.  Oke kita mulai saja tutorial kita:

 

Pada menu styles terdapat beberapa pengaturan yaitu :

1. Standard

 

 

 

 

 

 

 

 

 

 

 

 

 

          Pada pengaturan Standard terdapat 6 pilihan yaitu:

          Font: Kita bisa memilih jenis Font sesuai yang kita inginkan melalui pilihan ini.

 

 

 

 

 

 

 

 

 

 

 

 

          Size: Kita bisa menentukan ukuran besar huruf sesuai yang kita inginkan melalui pilihan

          ini. Dengan cara memasukkan/mengganti nilai parameter pada kolom tersedia, atau

          mengklik tanda menaikkan atau menurunkan.

 

 

 

 

 

 

 

 

 

 

 

 

          Line height: Kita bisa menentukan jarak huruf dari batas atas area text melalui pilihan

          ini. Untuk melihat perubahan letak huruf dapat kita lihat dari Preview.

          Align: ada tiga aturan perataan kalimat/text yaitu rata kiri (left) , tengah (center) dan

          kanan (right).

          Style: ada tiga pilihan style text yang kita inginkan yaitu B (Bold/Tebal), I (Italic/miring)

          dan U (Underline/garisbawah).

          Color: Kita dapat menentukan warna huruf melalui pilihan ini dengan cara memilih

          warna yang kita inginkan, atau dengan cara memasukkan nilai para meternya : putih

         (ffffff), hitam (000000) dan sebagainya. Setelah itu klik tombol Apply (terapkan).

 

 

 

 

 

 

 

 

 

 

 

 

 

 

2. Links

        

 

 

 

 

 

 

 

 

 

 

 

 

 

 

         Pada pengaturan Links terdapat 2 pilihan yaitu:

         Link Text: link text ini untuk menentukan warna text yang merupakan text hyperlink.

         Artinya text yang memiliki style ini menunjukan link ke sasaran tertentu. Secara umum

         warna text hyperlink adalah biru misalnya (0099ff) dengan style garis bawah. Namun

         sobat bisa juga menentukan style lainnya.

         Link Hover: link hover ini untuk memberikan effect huruf pada saat mouse mengarah di

         text hyperlink tersebut. Kita bisa menentukan warna dan style yang kita inginkan.   

         Disarankan warna yang dirubah, style sama dengan link text.

 

3. Advanced

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

         Pada pengaturan Advanced terdapat 3 pilihan yaitu: Text Transform, Margin / Padding,

         dan List Options.

         Sobat dapat mencoba pengaturan ini. Dengan cara merubah parameter defaulnya.

 

Nah Sobat sekalian untuk lebih jelas marilah kita coba mengatur style text pada salah satu halaman milik kita:

1. Kita musti Login dulu.
2. Kemudian masuk ke halaman dasboard.  Bagi yang lupa silahkan klik disini.
3. Setelah sampai ke halaman dasboard kemudian klik tombol pengaturan dan pilih Styles.

   

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

4. Setelah muncul jendela Styles lakukan perubahan sebagai berikut:

        Untuk Page Title: atur ukuran huruf menjadi36, style pilih Bold, jenis font sesuaikan, 

                                    warna sesuaikan.

        Untuk Sub Title: atur ukuran huruf menjadi32, style pilih Bold, jenis font sesuaikan,

                                    warna sesuaikan.

        Untuk Heading 1: Pada Standardatur ukuran huruf menjadi28, style pilih Bold, jenis font

                                   sesuaikan, warna sesuaikan.

                                   Pada Link text: atur warna text menjadi 0000ff (biru)

                                   Pada Link Hover: atur warna menjadi 91280b (coklat)

        Untuk Heading 2: atur ukuran huruf menjadi22, style pilih Bold, jenis font sesuaikan,

                                   warna sesuaikan.

        Untuk Heading 3: atur ukuran huruf menjadi18, style pilih Bold, jenis font sesuaikan,

                                   warna sesuaikan.

        Untuk Normal: Pada Standardatur ukuran huruf menjadi14, jenis font sesuaikan, warna

                                  sesuaikan.

                                  Pada Link text: atur warna text menjadi 0099ff (waterblue)

                                  Pada Link Hover: atur warna menjadi e3bb71

      

5. Kemudian Klik Apply.

 

Sobat sekalian sampai disini dulu tutorial kita kali ini, semoga berguna, dan kita tunggu tutorial berikutnya dengan pembahasan yang lainnya. Oke selamat berselancar....

Menu  Styles

Oleh: A. Chodori      Minggu,  13 Juli 2014,   22:00

KOMENTAR