Design: Membuat Huruf Header Unik Tanpa File Gambar

Bebagi ilmu memang sangat menyenangkan, apalagi itu merupakan sebuah hoby tersendiri bagi saya. Banyak sebenarnya kode-kode yang belum saya pahami dalam pembuatan blog ini, tapi sedikit demi sedikit kekurangan ini pasti akan tertutupi mengingat saya sangatt senang dengan yang namanya dunia blogging. Kali ini saya akan berbagi ilmu berupa kode CS3 tentang pembuatan tulisan header yang sangat menarik untuk dilihat. Tapi itu juga tergantung selera kalian. Karena tiap orang mempunyai pilihan warna yang berbeda-beda. Termasuk saya yang sangat suka dengan warna hijau. Seperti pada blog ini.

Coba anda perhatikan pinggiran tulisan CongCot. itu bisa disebut outer Glow atau outer Shadow yang cara pembuatannya tentu membutuhkan sebuah program desainer seperti corel draw atau adobe photoshop. Tapi dengan pembuatan menggunakan program tadi, hanya akan menghasilkan sebuah file gambar, baik format .jpg, .gif, .png, dll.
Disinilah saya akan memberikan sedikit tips bagaimana membuat tulisan header seperti diatas (menurut saya itu sangat bagus), tapi tanpa menggunakan file gambar.
Kita mulai sekarang.

1. Pastikan Anda tahu tulisan header blog diatur di #header h1 {...} (supaya tidak ada kegagalan.
2. Silahkan masuk ke edit HTML.
3. Cari kode #header h1 {
4. Tambahkan kode
   
   text-shadow:0 2px 4px #fff, 0 -5px 4px #ff3,-2px -9px 9px #f80, 2px -9px 9px #f20;
   tepat didalam {}.
5. klik simpan template.
6. Selesai.

Catatan:
Gantilah warna sesuka anda dengan merubah huruf kode yang berwarna merah. (Untuk kode warna silahkan lihat: Kode warna !).
Untuk merubah ukuran font, gantilah font: $pagetitlefont; (kode ini ada didalam {} pada #header h1) dengan kode font: 77px Arial;. Gantilah angka berwarna biru dengan ukuran font yang anda inginkan.
Kode ini menggunakan CSS3, mungkin masih ada program penyedia browsing yang belum support dengan CSS3. Jadi jika tidak support dengan CSS3, maka kode ini tidak akan berpengaruh.

Intinya...
Penampilan blog juga merupakan salah satu faktor penting dalam menarik pengunjung. Gunakanlah kode ini untuk memberikan penampilan yang menarik. Dan jika sukses, maka bersyukurlah anda, karena bisa membuat penampilan menarik tanpa file gambar.

Silahkan tinggalkan jejak kunjungan anda dengan berkomentar. Komentar juga berguna sebagai motivasi dan koreksi jika ada kesalahan dalam pembuatan posting. Terima kasih.