Kayaknya kamu harus baca tutorial mudah yang satu ini nih :)
Disini aku akan buat tutorial semudah mungkin berdasarkan hasil dari belajar otodidakku Hihihi :p
Jadi kalo misalnya ada yang gak paham nih, kamu tinggal komen aja ya :)
Pertama, kalian tau gak sih apa itu web banner?
Web banner sangat berguna untuk para blogger yang ingin mempromosikan bisnisnya. Web banner / iklan banner ini biasanya diletakkan di blog sendiri ataupun diletakkan di web lain dengan catatan membayar jasa penyewaan lapak blog atau web lain yang kita gunakan untuk beriklan.
Dibawah ini adalah gambar dari dua contoh web banner yang berbeda.
Kita bahas satu persatu untuk tutorial pembuatan web banner pertama dan web banner kedua.
Kalian perhatikan gah sih kalo ada perbedaan yang sangat signifikan dari kedua web banner tersebut? Web banner pertama hanya tulisan , tapi kalau kalian lihat di blog ini , tulisan itu bisa berkelip-kelip :)
Untuk web banner kedua gambar yang memang sudah disediakan oleh d'BCN. Kurang apa lagi coba di d'BCN? Semua emang udah tersedia, tinggal menggunakannya saja :) Tinggal bagaimana kita menyisipkannya ke bagian blog kita sendiri.
Tutorial web banner pertama :
1. Gunakan salah satu penyedia jasa web banner yang sudah tersedia. Aku make cooltext.com . Buka link tersebut.
2. Setelah kamu buka link itu, kamu tinggal pilih deh mau model tulisan yang mana. Banyak banget kan pilihannya.
3. Isi dan setting pengaturan banner yang kamu inginkan, seperti mengatur text dan warnanya, warna background dan effect yang kamu ingin tampilkan pada banner.
4. setelah selesai mengatur banner, kemudian klik "Rander Logo".
5. Banner telah selesai dan kamu bisa menyimpannya dengan meng klik “Download Image” , file tersebut akan berformat .gif atau anda juga dapat klik “get HTML code” jika ingin langsung mendapatkan kode html.
6. Untuk menyimpannya di blog, kamu edit di tata letak ya , tambahkan gadget HTML/Javascript , tinggal copy paste kode html yang sudah tersedia.
7. Masukkan link yang ingin kamu sisipkan untuk "klik" web banner tersebut. Seperti contoh gambar dibawah ini.
8. Setelah selesai, klik simpan ya.
Untuk tutorial web banner kedua, kita memakai cara yang berbeda dari cara diatas.
1. Copy Paste gambar yang ada di web d'BCN , atau kamu juga bisa searching di google dengan keyword "web banner d'BCN"
2. Silahkan buka photobucket.com dan sign up terlebih dahulu, untuk lebih mudahnya silahkan sign up menggunakan facebook yang ada di area photobucket.com.
3. Setelah selesai, tinggal upload foto yang telah kamu copy.
4. Setelah berhasil di Upload, kamu tinggal copy html code yang tersedia.
5. Lalu seperti step di web pertama, masuk ke pengaturan tata letak dan tambahkan gadget HTML/Java Script, tinggal di copas aja deh disitu. Jangan lupa untuk mengganti link yang ada dengan link yang ingin kamu tambahkan :)
6. Well done, web banner kamu siap untuk digunakan :)
Gampang banget kan caranya?
Sebenernya tinggal copy paste aja sih :D
Kalau emang ada yang kurang faham, kamu bisa kok comment di sini.
Oke, Selamat mencoba, semoga bermanfaat ya !
7. Masukkan link yang ingin kamu sisipkan untuk "klik" web banner tersebut. Seperti contoh gambar dibawah ini.
8. Setelah selesai, klik simpan ya.
Untuk tutorial web banner kedua, kita memakai cara yang berbeda dari cara diatas.
1. Copy Paste gambar yang ada di web d'BCN , atau kamu juga bisa searching di google dengan keyword "web banner d'BCN"
2. Silahkan buka photobucket.com dan sign up terlebih dahulu, untuk lebih mudahnya silahkan sign up menggunakan facebook yang ada di area photobucket.com.
3. Setelah selesai, tinggal upload foto yang telah kamu copy.
4. Setelah berhasil di Upload, kamu tinggal copy html code yang tersedia.
5. Lalu seperti step di web pertama, masuk ke pengaturan tata letak dan tambahkan gadget HTML/Java Script, tinggal di copas aja deh disitu. Jangan lupa untuk mengganti link yang ada dengan link yang ingin kamu tambahkan :)
6. Well done, web banner kamu siap untuk digunakan :)
Gampang banget kan caranya?
Sebenernya tinggal copy paste aja sih :D
Kalau emang ada yang kurang faham, kamu bisa kok comment di sini.
Oke, Selamat mencoba, semoga bermanfaat ya !



0 komentar:
Posting Komentar