Bagi para sobat yang sudah mahir menggunakan program desain grafis semisal adobe photoshop ataupun coreldraw serta teman-temannya yang lain, membuat sebuah logo bukanlah sebuah pekerjaan yang sulit, dan mungkin tutorial ini menjadi tidak menarik untuk di baca. But barangkali ada sebagian dari para sobat sekalian yang satu nasib dengan saya, sebenarnya saya pun boleh di katakan tidak awam banget dengan program-program desain grafis tersebut, akan tetapi tak cukup hanya menguasai tentu saja di perlukan suatu daya kreasi atau imajinasi yang tinggi untuk menciptakan sebuah logo.
Nah kalau ada diantara sobat sekalian yang senasib dan sepenanggungan seperti saya (lho ko jadi ngawur ngomongnya)jangan dulu berkecil hati, seperti biasa ada pepatah mengatakan banyak jalan menuju Roma ((irama)kaya postingan dulu...dah basi)untuk membuat logo kita bisa memakai jasa situs di internet, salah satunya yaitu cooltext.com, Silahkan ikuti langkah-langkah berikut ini :
Agar logo yang kita buat tadi bisa tampil di blog, sobat harus upload gambar tersebut ke blogger.com atau melalui situs lain. Tapi saya lebih suka menyimpannya di situs lain misal www.photobucket.com.
Untuk proses upload di photobucket.com, silahkan ikuti langkah-langkah berikut :
Nah sekarang sobat tinggal memasukan kode gambar tadi ke blog ke blog sobat, cuma ada sedikit kode yang harus di tambahkan, karena kode tadi baru berupa Link Image saja. Contoh kode link image : http://i162.photobucket.com/albums/t253/rohman24/logoblogtutorial.jpg. Disini sobat harus menambahkan kode <img src="Link URL logo">
, sehingga kode tadi menjadi seperti ini : <img src="http://i162.photobucket.com/albums/t253/rohman24/logoblogtutorial.jpg">
Maka contoh hasilnya akan seperti ini :
Untuk cara memasukan kode HTML kedalam blog sudah sering di bahas,
Sebagai tambahan, kode HTML di atas adalah kode untuk menampilkan image dengan ukuran yang sebenarnya. Apabila sobat ingin memperbesar atau memperkecil image tersebut, sobat bisa menambahkan beberapa atribut ke dalam kode HTML nya. Contoh : image tadi ingin saya tampilkan dalam ukuran 100px X 40px , maka kode tersebut menjadi seperti ini :<img src="http://i162.photobucket.com/albums/t253/rohman24/logoblogtutorial.jpg" width="100" height="40" alt="ini contoh saja">
sedikit clue, kode width="..."
yaitu untuk ukuran lebar image, jadi untuk memperbesar atau memperkecil image, sobat tinggal menambah atau mengurangi nilainya. kode height="..."
yaitu untuk ukuran tinggi image, sobat tinggal menambah atau mengurangi nilainya. Untuk alt="..."
yaitu untuk menampilkan tulisan ketika mouse berada pada image tersebut.
Sebagai contoh, hasil dari kode diatas adalah sebagai berikut, silahkan sorot image tersebut untuk melihat efek kode alt="..." :
Bagaimana sudah bisa kan? pasti bisa, kan sudah di coba. Sekarang bagaimana cara membuat image button? langkahnya sama saja dengan langkah-langkah di atas, cuma pada saat berada di situs cooltext.com yang sobat klik adalah tulisan Desiggen a Button bukan Design a Logo, contoh image button :
Ok sobat, selamat menikmati hasil karyanya
Monday, 29 June 2009
Buat Logo & Image Button
Subscribe to:
Post Comments (Atom)
Recent Comments
Blog Archive
-
▼
2009
(70)
-
▼
June
(53)
- Memberikan Simbol Yahoo ( Emoticons )
- Posting Kode HTML di Artikel
- Membuat efek Refresh
- Membuat Link dan Memodifikasi Link
- Membuat Text Berjalan ( Marque )
- Membuat Menu Dropdown
- Text Area
- Readmore pada template klasik
- Posting Artikel
- Setting Huruf dan Warna
- Setting Blog
- Membuat Blog di Blogspot
- Pasang Kode Tuker Link
- Buat Logo & Image Button
- Cara Daftar Search Engine
- Modif Image Header
- Membuat Template Blogspot menjadi 3 Columns
- Memberi warna pada layout komentar
- Membuat Background Efek 3D di Sidebar Title
- Membuat Kolom Disamping Header
- Membuat Menu Navigasi
- Posting code html di artikel agar tidak dianggap p...
- Upload File Icon dan Ganti Icon Blog
- Title Tag Optimization
- Tips Yahoo!
- Text Hyperlink Optimization
- Promosi Web Ruang Publik
- Meraih Rangking Teratas
- Meningkatkan Page Rank
- Link Building and Link Popularity
- Keyword Research Tips
- Mencari WebSpace GRATIS
- Header Tag Optimization
- Body Text Optimization
- Pengenalan Kode HTML
- Bekerja dengan Paragraph
- Mengutak-atik Huruf
- Menyisipkan Gambar
- Membuat text berjalan
- Membuat garis pembatas
- Membuat formulir
- Membuat Daftar
- Link atau Kaitan
- Keterangan Situs (META)
- Karakter Khusus
- Indentasi
- Cara Membuat Tabel
- Belajar membuat Header
- Belajar Membuat Frame
- Alignment atau Perataan
- Study Website
- About Me
- Create a Free Website? Think Twice About It!
-
▼
June
(53)
Komentar :
Post a Comment