Cara Mudah Bikin Banner
memodifikasi blognya. Tapi buat newbie newbie
mungkin masih awam dalam hal ini. 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 selesai semua klik "render logo"
8.lalu klik "download image"
9.Simpan di PC anda
10.Lalu buka http://www.photobucket.com
11.daftar dulu gratis kok,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 copy script
yang ada di kolom HTML CODE ke notepad menjadi 2
14.tambahkan code ini <textarea cols="20" name="textarea"> sebelum kode banner anda yang ke 2 ke notepad tadi
15.lalu tambahkan kode ini </textarea> setelah kode banner anda yang ke 2 ke notepad tadi
kayak gini contohnya :
CODE BANNER ANDA <textarea cols="20" name="textarea">CODE BANNER ANDA</textarea>
Setelah itu copy semua kode yang ada di notepad tadi
lalu simpan di blog anda
Untuk blogspot anda masuk ke "LAYOUT"---->"ADD
GADGETS"---->"HTML / Java Script" lalu SAVE. Selsai ;)
UPDATE!
Supaya banner jika diklik bisa langsung ke alamat
situs maka, ganti URL pertama menjadi URL blog anda.
CODE BANNER ANDA kan ada 2, misal : CODE BANNER ANDA (<a href="http://s1200.photobucket.com/albums/bb335/m30nk/?action=view&current=1302883110.gif" target="_blank"><img src="http://i1200.photobucket.com/albums/bb335/m30nk/1302883110.gif" border="0" alt="Photobucket"></a> tambahin yg tadi <textarea cols="20" name="textarea">(<a href="http://s1200.photobucket.com/albums/bb335/m30nk/?action=view&current=1302883110.gif" target="_blank"><img src="http://i1200.photobucket.com/albums/bb335/m30nk/1302883110.gif" border="0" alt="Photobucket"></a></
textarea>)
Ganti tanda kurung ()kolom yg pertama menjadi URL
situs anda, misalnya: http://dealervoucher.blogspot.com Nanti jadinya akan seperti ini :
<a href="http://dealervoucher.blogspot.com"><img src="http://i1200.photobucket.com/albums/bb335/m30nk/1302883110.gif" border="0" alt="Photobucket"></a><textarea cols="20" name="textarea"><a href="http://dealervoucher.blogspot.com"><img src="http://i1200.photobucket.com/albums/bb335/m30nk/1302883110.gif" border="0" alt="Photobucket"></a></
textarea>
Note : Untuk menghilangkan teks yg ada disamping kolom ,kamu hapus aja textarea cols="20" name="textarea" dan seterusnya jd cuma 1 kolom aja.
0 komentar: