Cara membuat banner di blogspot / Gampang dan gratis

Friday, March 15, 2013

Cara membuat banner di blogspot / Gampang dan gratis

Cara membuat banner di blogspot / Gampang dan gratis
Bagi sobat-sobat blogger mungkin sudah lihai dalam memodifikasi blognya. Tapi buat newbie newbie mungkin masih awam dalam hal ini, ya seperti saya :D Disini saya mau jelaskan tentang cara membuat banner di blog supaya bisa diklik, supaya lebih keren dan temen temen lainnya bisa langsung copas aja. Ada beberapa macam situs layanan membuat banner gratis, salah satunya dan yang sering saya gunakan adalah cooltext.com karena sangat mudah sekali. Oke langsung aja ya langkah langkah cara membuat banner supaya bisa diklik, sebagai berikut:

1.Kunjungi cooltext.com
2.Pilih contoh contoh banner lalu klik
3.Pada kolom Logo Text ganti dengan judul blog anda
4.Pada kolom Text Size ganti ukuran textnya sesuai keinginan anda
5.Pada Text Color ganti warna textnya sesuai keinginan anda
6.Background Image silahkan jika anda ingin menggantinya
7.kalo sudah selsai semua klik "render logo"
8.lalu klik "download image"
9.Simpan di PC anda
10.Lalu buka http://www.photobucket.com
11.daftar dulu klo sudah langsung login
12.Lalu klik "album & upload" lalu "choose file" pilih "from my computer" lalu pilih banner anda tadi
13. kalo proses upload sudah selsai arahkan mousenya ke gambar banner tadi Lalu klik bannernya. lalu copy script yang ada di kolom HTML CODE
14. kemudian anda login ke blog anda ! Untuk blogspot anda masuk ke "LAYOUT"---->"ADD GADGETS"---->"HTML / Java Script" lalu SAVE. Selsai ;)

contoh code HTML yang telah di copy tadi :
<a href="http://s1273.beta.photobucket.com/user/sonivaldi/media/cooltext951825591_zps35c9de90.gif.html" target="_blank"><img src="http://i1273.photobucket.com/albums/y414/sonivaldi/cooltext951825591_zps35c9de90.gif" border="0" alt=" photo cooltext951825591_zps35c9de90.gif"/></a>

15. Supaya banner jika diklik bisa langsung ke alamat situs anda.
maka ganti kode yang berwarna merah dengan nama web atau blog anda. dan hapus tulisan yang berwarna hijau.

contoh hasil code HTML : <a href="http://sonirivaldi.blogspot.com/" target="_blank"><img src="http://i1273.photobucket.com/albums/y414/sonivaldi/cooltext951825591_zps35c9de90.gif" alt=" photo cooltext951825591_zps35c9de90.gif" border="0" /></a>

sumber : http://www.feryfadly.com/2009/01/cara-bikin-banner.html