Cara Bikin Banner untuk Blog / Web

Diposting oleh Gamping Mengidul di 06.02
Disini saya mau jelaskan tentang cara membuat banner di blog supaya bisa diklik, supaya lebih keren dan temen temen lainnya bisa langsung copas aja. Hal ini sangat berguna jika kita ingin saliAda 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 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. Selesai ;)

Tambahan

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://s1080.photobucket.com/albums/j325/infoberita/?action=view&amp;current=cooltext530412917.png" target="_blank"><img src="http://i1080.photobucket.com/albums/j325/infoberita/cooltext530412917.png" border="0" alt="Photobucket"></a>) <textarea cols="20" name="textarea">CODE BANNER ANDA (<a href="http://s1080.photobucket.com/albums/j325/infoberita/?action=view&amp;current=cooltext530412917.png" target="_blank"><img src="http://i1080.photobucket.com/albums/j325/infoberita/cooltext530412917.png" border="0" alt="Photobucket"></a>) </textarea>

Huruf yg dicetak tebal adalah CODE BANNER ANDA
Huruf yg berwarna merah adalah URL gambar anda. Ganti warna kode yg berwarna merah ini menjadi URL situs anda, misalnya: http://blog.umy.ac.id/lintasberita/

Nanti jadinya akan seperti ini

Photobucket

Semoga Bermanfaat...

Lintasberita

17 komentar:

anugrha13 mengatakan...

menarik,,,patut di coba :D
thx infonya

Miftahul Arzak mengatakan...

keren
thanks infonya

saipuddin mengatakan...

Daftar di photobucket.com itu tak bayar ya...

Ibnu Syarif Hidayat mengatakan...

tambah ilmu ngeblog lagi nih...makasih infonyaa :)

yoga mengatakan...

wah bagus ya, dijajal ah

umy mengatakan...

gratis daftarnya di photobucket, silahkan aja langsung dicoba..

umy mengatakan...

iya silahkan aja langsung dicoba..

umy mengatakan...

eh ada yoga nih, mulai ol nih master2.

umy mengatakan...

silahkan dicoba >.<

auraman mengatakan...

saya banner uplod ndiri mbak hehe..., tapi masukannya keren juga tu bisa di coba di blog yang satu lagi, btq udah berubah ya tampilannya :D,

Maaf baru bisa berkunjung lagi ni :D, ikut nimbrung soal defenisi wanita yuk mas di postingan terbaruku,. Salam Persohiblogan ^_^

Blog Informasi Tentang Berita mengatakan...

iya bisa juga buat banner langsung upload sendiri,tapi kalau blog yang pake subdomain kaya Lintas Berita ini ga bisa upload mas, he he he maklum gratisan...ok mas langsung menuju TKP nih.

choirul mengatakan...

wow..... mantap ne... suatu saat perlu dicoba ne, kamu kok pinter banget to...

ajarin dong....

Blog Informasi Tentang Berita mengatakan...

dulu kan dah pernah ketemu kita >.<

kamal mengatakan...

mantap perlu di coba ne....

yoga mengatakan...

masa sih mas :D

john mengatakan...

mantap mantap ne tips nya..banyak yg bisa gua plajari di sini.thx ya buat penulis

teddy mengatakan...

thank's...tips nya udh di coba, :)

Leave a Reply

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))