Jumat, 11 Desember 2009

Menambahkan Logo Pada Header

Hi. Prend...
Tips hari ini adalah membuat headermu menjadi menarik dengan sebuah logo.
Kadang kita bosan melihat header kita dengan huruf itu-itu saja. Kalau pun ditambahkan gambar, judul header tetap keliatan dan nyebelin. Tenang saja, tips akan dishare lewat blog ini.
Langkah awal yang harus dilakukan adalah buat judul header kamu tidak kelihatan (dalam bahasa inggrisnya invisible) he..he...
  • Langkahnya sebagai berikut:
  • Masuk ke menu Tata Letak
  • Klik Menu Edit HTML
  • Cari kode di bawah ini :
 #header h1 {
margin:50;
padding:5px 0 0 10px;
font-size: 100%;
font-weight:bold;
line-height: 1.2em;
letter-spacing:.0em;
font-style:italic;
color:#FFFFFF;
}
  • Di bawah kode color masukkan kode visibility:hidden;   sehingga menjadi seperti ini:
 #header h1 {
margin:50;
padding:5px 0 0 10px;
font-size: 100%;
font-weight:bold;
line-height: 1.2em;
letter-spacing:.0em;
font-style:italic;
color:#FFFFFF;
visibility:hidden;
}
  • Simpan dan langkah menghilangkan judul header selesai.
  • Langkah berikutnya adalah membuat logo 
  • Untuk membuat logo anda dapat mengedit sendiri melalui program design grafis, seperti Corel Draw atau yang lain, atau kalau anda ingin ringkas dan cepat anda bisa klik Make Your Logo
  • Yang anda perlukan adalah membuat account baru dengan memilih Login kemudian Create Account
  • Setelah itu silakan klik tombol Logos dan berkreasilah
  • Setelah selesai Klik Render Logo. Jika belum puas / belum sesuai dengan ukuran header anda silakan klik Edit This Logo, tapi jika sudah puas segera Download Image aja.
  • Selamat anda telah mempunyai logo
  • Langkah memasukkan Logo-mu ke header lebih mudah lagi, tinggal klik Tata Letak dan Klik Edit di Headernya.
  • Kamu tinggal upload gambarmu tadi.
  • Header kamu sudah tidak membosankan lagi....

Tidak ada komentar:

Posting Komentar