Cara Bikin Banner di Blog

Bagi Brada & Sista para Blogger mungkin ada yang sudah lihai dalam memodifikasi blognya. Tapi buat newbie newbie mungkin masih awam dalam hal ini. Disini saya mau jelaskan ke Brada & Sista tentang cara membuat banner di blog supaya bisa diklik, supaya lebih keren dan Brada & Sista lainnya bisa langsung copas (copy paste) aja ya he he he. 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 terserah Brada & Sista lah mau nya apa
3.Pada kolom Logo Text ganti dengan judul blog Brada & Sista
4.Pada kolom Text Size ganti ukuran textnya sesuai keinginan Brada & Sista
5.Pada Text Color ganti warna textnya sesuai selera

6.Background Image silahkan jika ingin menggantinya jangan sungkan sungkan he he he
7.kalo sudah selesai semua klik "render logo" ya jangan lupa tuh
8.lalu klik "download image" tunggu sampai selesai sabar ya  he he he :)
9.Simpan di PC atau Laptop Brada & Sista
10.Lalu buka http://www.photobucket.com
11.daftar dulu donk kalo Brada & Sista belum punya akun tersebut. klo sudah langsung login, apabila sudah login klik tanda upload ya jangan yang laen ok semua he he he
12.Lalu klik "album & upload" lalu "choose file" pilih "from my computer" lalu pilih banner Brada & Sista tadi
13. kalo proses upload sudah selesai 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, mksudnya banner menjadi 2 itu di kopi paste lagi atau liat contoh di bawah ya

kayak gini contohnya,

(    <a href="http://s1128.photobucket.com/albums/m491/setiawan_kinu/?action=view&amp;current=cooltext530178835.png" target="_blank"><img src="http://i1128.photobucket.com/albums/m491/setiawan_kinu/cooltext530178835.png" border="0" alt="Photobucket"></a> (Kode pertama/awal)
<textarea cols="20" name="textarea"><a href="http://s1128.photobucket.com/albums/m491/setiawan_kinu/?action=view&amp;current=cooltext530178835.png" target="_blank"><img src="http://i1128.photobucket.com/albums/m491/setiawan_kinu/cooltext530178835.png" border="0" alt="Photobucket"></a></textarea>    )   (Kode kedua setelah di Kopas)

Penjelasan nya ya Brada & Sista langsung lihat ke bawah ajja nih

Untuk text berwarna merah itu adalah URL gambar blog atau web Brada & Sista

Untuk text berwarna hijau kode banner Brada & Sista ya

Untuk text berwarna hitam kode tambahan dari nomor 14 tadi 

Sekarang tugas Brada & Sista mengubah kode berwarna merah dan di ganti alamat URL Brada & Sista ya
atau alamat web atau blog Brada & Sista yang hijau sama hitam biarkan jangan diganti. hasilnya seperti ini nih lihat langsung ke bawah ini :
(<a href="http://blablablabla.com/ 
 "><img src="http://i1128.photobucket.com/albums/
 m491/setiawan_kinu/cooltext530178835.png" border="0"
 alt="Photobucket"></a><textarea cols="20" name="textarea"> 
 <a href="http://blablablabla.com/
 "><img src="http://i1128.photobucket.com/albums/ 
m491/setiawan_kinu/cooltext530178835.png" border="0"  
alt="Photobucket"></a></textarea>   )   catatan: Tanda buka atau tutup kurung jangan diikuti itu cuma sebagai tambahan nya ajja.

Tugas Brada & Sista Selesai nih tinggal copas (copi paste) ke blog nya. masuk blog ke rancangan tambah gadget nya selesai dech, gampang atau tidak. Pasti gampang donk, kalau Brada & Sista kurang mengerti bisa tanya2 langsung dengan saya nanti saya jelasin. ok sampai disini dulu ya semoga bermanfaat bagi Brada & Sista.

Salam Setiawan_Brada