Oleh fatihsyuhud.com
Bagi yg bisa program photoshop, membuat banner dan badge/chicklet itu mudah. Bagi yg agak males latihan otak-atik photoshop seperti saya tidak usah kuatir. Di internet banyak penyedia program pembuat chicklet dan banner online secara gratis dan instan. Sebagai pembuka, logo atau chicklet adalah banner kecil yg biasa buat link-button seperti yg di sidebar blog saya. Sementara banner ukurannya lebih besar dan biasa ditaruh di header blog/website. Ikuti panduan buat logo/chicklet/banner berikut:
A. Cara Membuat Chicklet
1. Kunjungi http://button.blogflux.com/
2. Di LEFT-BLOCK (bagian kiri atas) ada menu “Text”, ganti tulisan “w3c” sesuai dg yg Anda inginkan. Contoh, tulis Blog;
3. Di RIGHT-BLOCK (bagian kanan atas) ada menu “Text”, ganti tulisan “xhtml” dg yg sesuai dg keinginan Anda, contoh, “Tutorial”
4. Di GENERATE-BUTTON (bagian kanan bawah) klik tulisan Generate Button. Maka akan muncul chicklet seperti ini:
5. Nah, arahkan mouse ke gambar, klik kanan –> save picture as –> kasih nama file (contoh: blog-tutorial –> save di komputer Anda.
6. Setelah di saving di komputer, masukkan / upload gambar chicklet tsb di situs online seperti googlepages.com. Dalam kasus ini, gambar disimpan di http://fatihsyuhud.googlepages.com/ jadi alamat chicklet gambar tsb. adalah http://fatihsyuhud.googlepages.com/ blog-tutorial.gif
Note: Apabila belum daftar di googlepages.com, Anda tinggal kunjungi alamat URL googlepages.com and login dengan account gmail Anda.
7. Setelah tersimpan secara online, Anda bisa gunakan sesuai kebutuhan Anda seperti untuk linkbutton tukar link dg teman-teman blogger lain, atau sekedar buat pajangan di sidebar.
Tip: bentuk font dan background warna dapat dirubah sesuai selera. Tinggal klik menu “color” dan “background” di situs di atas.
B. Cara Buat Banner Online
1. Kunjungi situs http://cooltext.com/
2. Klik menu DESIGN A LOGO (bagian atas).
3. Di menu CHOOSE A LOGO DESIGN pilih gambar yg Anda suka, contoh, klik EMBOSSED.
4. Di menu LOGO TEXT saya tulis “Blog Tutorial”
5. Klik menu RENDER LOGO DESIGN (bagian paling bawah).
6. Save ke komputer (caranya, klik kanan gambar tersebut –>save picture as –>kasih nama file )
7. Setelah itu upload ke googlepages.com milik Anda. (lihat poin A.5 dan A.6).
Catatan: Mengupload image / gambar logo atau banner tentu saja tidak harus di googlepages.com, bagi pengguna wordpress.com Anda bisa juga menguploadnya di wordpress.com, di blogger.com bagi pengguna blogspot, atau di mana saja hosting online gratis.
Salam ngeblog.
Tutorial WordPress.com
- Panduan Membuat Blog di WordPress Com
- Tutorial Blog WordPress Lengkap
- Cara Buat Pages/Menu atau Halaman Statis WordPress
- Mengaktifkan Widget di Sidebar
- Cara Mengaktifkan Widget Flickr dan Delicous
- Cara Buat Read More di WordPress
- Cara Upload dan Link Download
- Cara Pasang Foto di Posting WordPress
- Membuat Link dalam Satu Halaman
- Cara Membuat Profile WordPress di Sidebar
- Tips Buat Bukutamu (Guestbook) di WordPress
- Cara Menulis Kode HTML Java Script di Posting
- Cara Menulis Kode HTML Java Script di Posting (2)
- Mengedit Profil di WordPress Com
- Cara Buat Komentar Pakai HTML
- Cara Impor Blogger Blogspot ke WordPress
- Posting Blog yang Ramah Komentar
- Cara Buat Logo dan Banner
- Membuat Link di Posting & Window Baru
- Siapa Ngelink Blog Anda?
- Manfaat dan Tujuan Saling Ngelink
- Cara Buat Text Area
- Tips Cara Edit Foto
- Trackback Komentar Jarah Jauh
- Fungsi Kategori dan Tag
- Daftar Blog Indonesia Bahasa Inggris
- Daftar Blog ke 40 Mesin Cari (Search Engine)
- Love Me, I Love You Back (Manfaat Tukar Link)
- Edublogs.org Blog WordPress Gratis dengan AdSense
- WordPress Smiley Emoticon
- Blogs yang Saya Kunjungi
- Membackup Blog WordPress
- Top Domain dengan Hosting WordPress.com
- Tip Memilih Hosting dan Domain Sendiri
- Plugins Top Commentators di fatihsyuhud.com
Tutorial Blogger.com / Blogspot
- Cara Buat ‘Read More’ di Blogger Lama (Template Classic)
- Cara Buat Read More di Blogger Baru
- Blogger Baru dg Template Lama
- Blogger Versi Baru
- Cara Daftar Buat Blog di Blogger Baru
- Cara Membuat Arsip Pull – Down
- Cara Membuat Teks Bergerak (Marquee)
- Pasang Recent Comment di Sidebar Blogger
- Memaksimalkan Kerja Blogger
- Membuat Link di Sidebar
- Membuat Menu Pull-Down di Sidebar
- Pasang Foto di Profile Blogspot
- Problema Read More di Blogspot
- Feedburner dan Feed Blogger
- Menghilangkan Underline Link
- Blogger Versi Baru (BETA)
- Technorati: Direktori Blog, Tags & Bookmarks
- Technorati Widgets dan Chicklets
- Feedburner dan Feed Blogger
- Siapa Ngelink Blog Anda?
- Menghilangkan Underline Link
- Setujukah Blog Anda di Copy Paste?
- Tips Memilih Template
- Mendapat Love Link dari Blog PR 7
- Cara Menghilangkan Navbar Blogger Blogspot
- Cara Buat Text Area
- Tips Cara Edit Foto
- Blog Meta Tag Blogger
Tutorial Umum Blogging (Untuk Wordress dan Blogger.com/Blogspot): Promosi dan Manfaat Membuat dan Menulis Blog
- Petunjuk praktis membuat Blog
- Cara Praktis Promosi Blog 1
- Cara Praktis Promosi Blog 2
- Judul Blog dan Judul Artikel
- Aggregator Blog Indonesia
- Aksesoris Blog
- Arisan Blog di Mybloglog.com Yuk!
- Setor Muka via Mybloglog
- Mengapa fatihsyuhud.com sudah PR 5
- Membuat Link dalam Satu Halaman
- Kamus Online
- Cara Buat Logo dan Banner
- Daftar Blog di Kompas Online
- Membuat Link di Posting & Window Baru
- Mengapa Blog Melorot
- Siapa Ngelink Blog Anda?
- Komentar di Blog Penting ‘ngGak Sih?
- Mengapa Juwono Sudarsono nge-Blog
- Google Sitemap
- Yahoo Sitemaps
- Daftar Blog ke 40 Mesin Cari (Search Engine)
- Daftar Blog di Kompas Online
- Promosi Blog di Fatihsyuhud.com
Tips Menulis di Blog
- Bahan Menulis Blog
- Panjang Tulisan di Blog
- Bagaimana Supaya Produktif Menulis
- Tips Sukses Menulis di Blog
- Jangan Terobsesi Komentar: Blog Pakar dan Non-Pakar
- Nulis Blog Modal Copy Paste Tulisan Blogger Lain
Pasang Iklan, Dapatkan Penghasilan Online
- Google Adsense: Cara Mendaftar
- Google Adsense Referral
- Jangan Klik Sendiri Adsense Anda
- Cara Daftar Iklan Adbrite
- Iklan Etology
-
1
Ping balik on Feb 1st, 2008 at 6:06 am
[...] Cara Buat Logo dan Banner [...]
-
2
Ping balik on Mar 21st, 2008 at 10:32 am
[...] sumber [...]
-
3
Ping balik on Apr 26th, 2008 at 2:20 am
[...] 1. Kunjungi http://snipshot.com/ 2. Di bawahnya tulisan “Open from your computer” ada kotak kosong –> klik browse –>pilih foto atau gambar di komputer yg ingin diedit. Tunggu sampai gambar tersebut tampil. 3. Di atas gambar yang akan diedit ada beberapa menu seperti “Resize”, “Crop”, “Enhance”, “Adjust”, “Rotate”, “Effects” –> pilih command yang ingin Anda lakukan. Sebagai contoh, klik Resize untuk merubah ukuran foto / gambar. 4. Klik kiri terus-terusan mouse Anda dan arahkan ke kotak kecil merah di pinggir gambar dan tarik ke atas/bawah atau ke samping untuk memperlebar atau memperpanjang image. 5. Setelah puas dengan ukuran yang diinginkan, klik kanan di gambar –>Save picture as –> kasih nama file. Selesai. 6. Untuk menyimpan secara online foto yang sudah di saving di komputer tadi, lihat caranya di sini. [...]
-
4
Ping balik on Jun 17th, 2008 at 11:46 am
[...] Cara Buat Logo dan Banner [...]
-
5
Ping balik on Jul 3rd, 2008 at 5:19 am
[...] 1. Kunjungi http://snipshot.com/ 2. Di bawahnya tulisan “Open from your computer” ada kotak kosong –> klik browse –>pilih foto atau gambar di komputer yg ingin diedit. Tunggu sampai gambar tersebut tampil. 3. Di atas gambar yang akan diedit ada beberapa menu seperti “Resize”, “Crop”, “Enhance”, “Adjust”, “Rotate”, “Effects” –> pilih command yang ingin Anda lakukan. Sebagai contoh, klik Resize untuk merubah ukuran foto / gambar. 4. Klik kiri terus-terusan mouse Anda dan arahkan ke kotak kecil merah di pinggir gambar dan tarik ke atas/bawah atau ke samping untuk memperlebar atau memperpanjang image. 5. Setelah puas dengan ukuran yang diinginkan, klik kanan di gambar –>Save picture as –> kasih nama file. Selesai. 6. Untuk menyimpan secara online foto yang sudah di saving di komputer tadi, lihat caranya di sini. [...]
-
6
Ping balik on Jul 4th, 2008 at 1:04 pm
[...] CARA BUAT LOGO DAN BANNER Posted by Blogger Indonesia in Blog Indonesia, Blogger Indonesia, Fatih Syuhud, Indonesian Blogger, Panduan Membuat Blog, Tips blog. Tags: buat banner, buat logo trackback [...]
-
7
Ping balik on Agu 10th, 2008 at 3:44 pm
[...] Cara Buat Logo dan Banner [...]
-
8
Ping balik on Okt 9th, 2008 at 5:53 am
[...] Cara Buat Logo dan Banner [...]
-
9
Ping balik on Nov 12th, 2008 at 1:46 pm
[...] Cara Buat Logo dan Banner [...]
-
10
Ping balik on Nov 13th, 2008 at 12:51 am
[...] Cara Buat Logo dan Banner [...]
-
11
Ping balik on Nov 14th, 2008 at 7:30 am
[...] Cara Buat Logo dan Banner [...]
-
12
Ping balik on Des 31st, 2008 at 5:30 am
[...] Cara Buat Logo dan Banner [...]
-
13
Ping balik on Jan 26th, 2009 at 9:04 pm
[...] Cara Buat Logo dan Banner [...]
-
14
Ping balik on Mar 8th, 2009 at 7:19 am
[...] Cara Buat Logo dan Banner [...]
-
15
Ping balik on Mar 16th, 2009 at 8:07 pm
[...] Cara Buat Logo dan Banner [...]
-
16
Ping balik on Mar 25th, 2009 at 12:35 pm
[...] Cara Buat Logo dan Banner [...]
-
17
Ping balik on Mei 2nd, 2009 at 2:31 pm
[...] Cara Buat Logo dan Banner [...]
-
18
Ping balik on Mei 6th, 2009 at 4:31 pm
[...] Cara Buat Logo dan Banner [...]
-
19
Ping balik on Mei 15th, 2009 at 10:11 pm
[...] Cara Buat Logo dan Banner [...]
-
20
Ping balik on Mei 16th, 2009 at 9:36 am
[...] Cara Buat Logo dan Banner [...]
-
21
Ping balik on Jun 3rd, 2009 at 9:09 am
[...] Cara Buat Logo dan Banner [...]
-
22
Ping balik on Jun 11th, 2009 at 12:54 pm
[...] Cara Buat Logo dan Banner [...]
-
23
Ping balik on Jul 15th, 2009 at 6:58 pm
[...] Cara Buat Logo dan Banner [...]
-
24
Ping balik on Okt 10th, 2009 at 12:05 am
[...] Cara Buat Logo dan Banner [wordpress] [...]














6 September 2009 at 3:07 pm
mau nanya nieh….!! Blogku kan di WordPress, truzzz… ngupload bannernya di mana??
6 September 2009 at 11:08 pm
Informasinya menarik mas
9 September 2009 at 11:14 pm
info membuat bannernya menarik bisa dicoba nanti,trims
11 September 2009 at 7:47 pm
TOP NO SATU DECH SUKSES SLALU OM SALAM
UNTUK SEMUANYA DAN PARA BLOGGER KHUSUSNYA PARA BLOGGER PEMULA
16 September 2009 at 6:30 pm
thanks atas infonya…bisa dijadikan referensi buat bikin banner..walupun saya biasanya pake photoshop+imageready…
18 September 2009 at 10:09 pm
saya coba-coba mengikuti tulisan @afatih tentang membuat cara membuat banner online tapi sayang tahapannya putus pada bagian upload gambar yang dicontohkan pada googlepages.com. seharusnya tahapan uploadnya diuraian juga supaya tuntas artikelnya
7 November 2009 at 10:19 am
kenapa putus asa
18 September 2009 at 10:12 pm
saya juga baca semua pemberi komentar, kalau dilihat semuanya kecewa……kalau bisa saya sarankan artikelnya diedit kembali alias dituntaskan tahapannya….
26 September 2009 at 1:00 pm
saya senang banget dengan metode sharing seperti ini. kita yang masih pemula dapat belajar banyak
dari pengalaman teman-teman yang sudah ‘mapan’.
28 September 2009 at 11:32 am
trima kasih tutornya banyak membantu
30 September 2009 at 10:57 pm
GOOD INFO…
THANKS
4 Oktober 2009 at 2:13 pm
terima kasih banyak atas tutorialnya.
saran : kalau bisa setiap tutorial di sertakan screeshotnya agar lebih mempermudah.
16 Oktober 2009 at 9:49 pm
infonya menarik …. makasih pak…
19 Oktober 2009 at 8:59 pm
okey..
thanks untuk tutorialnya
20 November 2009 at 12:57 am
bisa dicoba ne kpn2….. ne masi sbuk ngebuat postingan….
22 November 2009 at 7:43 pm
tukar link bos….